discourse/test/javascripts/components/select-kit/topic-notifications-button-test.js

import I18n from "I18n";
import selectKit from "helpers/select-kit-helper";
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("select-kit/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));
  },

  async test(assert) {
    assert.equal(
      selectKit()
        .header()
        .label(),
      "Normal",
      "it has the correct label"
    );

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

    assert.equal(
      selectKit()
        .header()
        .label(),
      "Tracking",
      "it correctly changes the label"
    );
  }
});

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) {
    assert.equal(
      selectKit()
        .header()
        .label(),
      `${originalTranslation} PM`,
      "it has the correct label for PMs"
    );
  }
});