discourse/test/javascripts/components/list-setting-test.js.es6

import componentTest from "helpers/component-test";

moduleForComponent("list-setting", { integration: true });

componentTest("default", {
  template: "{{list-setting settingValue=settingValue choices=choices}}",

  beforeEach() {
    this.set("settingValue", "bold|italic");
    this.set("choices", ["bold", "italic", "underline"]);
  },

  test(assert) {
    andThen(() => {
      assert.equal(
        selectKit()
          .header()
          .title(),
        "bold,italic"
      );
      assert.equal(
        selectKit()
          .header()
          .value(),
        "bold,italic"
      );
    });
  }
});

componentTest("with empty string as value", {
  template: "{{list-setting settingValue=settingValue}}",

  beforeEach() {
    this.set("settingValue", "");
  },

  test(assert) {
    andThen(() => {
      assert.equal(
        selectKit()
          .header()
          .value(),
        ""
      );
    });
  }
});

componentTest("with only setting value", {
  template: "{{list-setting settingValue=settingValue}}",

  beforeEach() {
    this.set("settingValue", "bold|italic");
  },

  test(assert) {
    andThen(() => {
      assert.equal(
        selectKit()
          .header()
          .value(),
        "bold,italic"
      );
    });
  }
});

componentTest("interactions", {
  template: "{{list-setting settingValue=settingValue choices=choices}}",

  beforeEach() {
    this.set("settingValue", "bold|italic");
    this.set("choices", ["bold", "italic", "underline"]);
  },

  test(assert) {
    const listSetting = selectKit();

    listSetting.expand().selectRowByValue("underline");

    andThen(() => {
      assert.equal(listSetting.header().value(), "bold,italic,underline");
    });

    listSetting.expand().fillInFilter("strike");

    andThen(() => {
      assert.equal(listSetting.highlightedRow().value(), "strike");
    });

    listSetting.keyboard().enter();

    andThen(() => {
      assert.equal(
        listSetting.header().value(),
        "bold,italic,underline,strike"
      );
    });

    listSetting.keyboard().backspace();
    listSetting.keyboard().backspace();

    andThen(() => {
      assert.equal(listSetting.header().value(), "bold,italic,underline");
    });
  }
});