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

import componentTest from "helpers/component-test";
import Topic from "discourse/models/topic";

const buildTopic = function(level, archetype = "regular") {
  return Topic.create({
    id: 4563,
    title: "Qunit Test Topic",
    details: {
      notification_level: level
    },
    archetype
  });
};

const originalTranslation =
  I18n.translations.en.js.topic.notifications.tracking_pm.title;

moduleForComponent("topic-notifications-button", {
  integration: true,

  afterEach() {
    I18n.translations.en.js.topic.notifications.tracking_pm.title = originalTranslation;
  }
});

componentTest("the header has a localized title", {
  template:
    "{{topic-notifications-button notificationLevel=topic.details.notification_level topic=topic}}",

  beforeEach() {
    this.set("topic", buildTopic(1));
  },

  test(assert) {
    andThen(() => {
      assert.equal(
        selectKit()
          .header()
          .name(),
        "Normal",
        "it has the correct title"
      );
    });

    this.set("topic", buildTopic(2));

    andThen(() => {
      assert.equal(
        selectKit()
          .header()
          .name(),
        "Tracking",
        "it correctly changes the title"
      );
    });
  }
});

componentTest("the header has a localized title", {
  template:
    "{{topic-notifications-button notificationLevel=topic.details.notification_level topic=topic}}",

  beforeEach() {
    I18n.translations.en.js.topic.notifications.tracking_pm.title = `${originalTranslation} PM`;
    this.set("topic", buildTopic(2, "private_message"));
  },

  test(assert) {
    andThen(() => {
      assert.equal(
        selectKit()
          .header()
          .name(),
        `${originalTranslation} PM`,
        "it has the correct title for PMs"
      );
    });
  }
});