cleaner title attribute for select-box

test/javascripts/components/dropdown-select-box-test.js.es6

@@ -0,0 +1,23 @@
+import componentTest from 'helpers/component-test';
+
+moduleForComponent('dropdown-select-box', { integration: true });
+
+componentTest('the header has a title', {
+  template: '{{dropdown-select-box content=content value=value}}',
+
+  beforeEach() {
+    this.set("value", 1);
+    this.set("content", [{ id: 1, text: "apple" }, { id: 2, text: "peach" }]);
+  },
+
+  test(assert) {
+    andThen(() => {
+      assert.equal(find(".select-box-header .btn").attr("title"), "apple", "it has the correct title");
+    });
+
+    andThen(() => {
+      this.set("value", 2);
+      assert.equal(find(".select-box-header .btn").attr("title"), "peach", "it correctly changes the title");
+    });
+  }
+});

test/javascripts/components/topic-notifications-button-test.js.es6

@@ -0,0 +1,34 @@
+import componentTest from 'helpers/component-test';
+import Topic from 'discourse/models/topic';
+
+const buildTopic = function() {
+  return Topic.create({
+    id: 4563,
+    title: "Qunit Test Topic",
+    details: {
+      notification_level: 1
+    }
+  });
+};
+
+
+moduleForComponent('topic-notifications-button', { integration: true });
+
+componentTest('the header has a localized title', {
+  template: '{{topic-notifications-button topic=topic}}',
+
+  beforeEach() {
+    this.set("topic", buildTopic());
+  },
+
+  test(assert) {
+    andThen(() => {
+      assert.equal(find(".select-box-header .btn").attr("title"), "Normal", "it has the correct title");
+    });
+
+    andThen(() => {
+      this.set("topic.details.notification_level", 2);
+      assert.equal(find(".select-box-header .btn").attr("title"), "Tracking", "it correctly changes the title");
+    });
+  }
+});