diff --git a/test/javascripts/components/topic-notifications-options-test.js.es6 b/test/javascripts/components/topic-notifications-options-test.js.es6
new file mode 100644
index 00000000000..0a5f080c0b6
--- /dev/null
+++ b/test/javascripts/components/topic-notifications-options-test.js.es6
@@ -0,0 +1,65 @@
+import componentTest from 'helpers/component-test';
+import Topic from 'discourse/models/topic';
+
+const buildTopic = function(archetype) {
+  return Topic.create({
+    id: 4563,
+    title: "Qunit Test Topic",
+    details: {
+      notification_level: 1
+    },
+    archetype: archetype
+  });
+};
+
+function extractDescs(rows) {
+  return Array.from(rows.find(".desc").map(function() {
+    return this.textContent.trim();
+  }));
+}
+
+function getTranslations(type = "") {
+  return ["watching", "tracking", "regular", "muted"].map(key => {
+    return I18n.t(`topic.notifications.${key}${type}.description`);
+  });
+}
+
+moduleForComponent('topic-notifications-options', { integration: true });
+
+componentTest('regular topic notification level descriptions', {
+  template: '{{topic-notifications-options value=topic.details.notification_level topic=topic}}',
+
+  test(assert) {
+    selectKit().expand();
+    this.set("topic", buildTopic("regular"));
+
+    andThen(() => {
+      const uiTexts = extractDescs(selectKit().rows());
+      const descriptions = getTranslations();
+
+      assert.equal(uiTexts.length, descriptions.length, "it has the correct copy");
+      uiTexts.forEach((text, index) => {
+        assert.equal(text.trim(), descriptions[index].trim(), "it has the correct copy");
+      });
+    });
+  }
+});
+
+componentTest('PM topic notification level descriptions', {
+  template: '{{topic-notifications-options value=topic.details.notification_level topic=topic}}',
+
+  test(assert) {
+    selectKit().expand();
+    this.set("topic", buildTopic("private_message"));
+
+    andThen(() => {
+      const uiTexts = extractDescs(selectKit().rows());
+      const descriptions = getTranslations("_pm");
+
+      assert.equal(uiTexts.length, descriptions.length, "it has the correct copy");
+      uiTexts.forEach((text, index) => {
+        assert.equal(text.trim(), descriptions[index].trim(), "it has the correct copy");
+      });
+    });
+  }
+});