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

const buildTopic = function() {
  return Topic.create({
    id: 1234,
    title: "Qunit Test Topic"
  });
};

moduleForComponent("topic-footer-mobile-dropdown", {
  integration: true,
  beforeEach: function() {
    this.set("subject", selectKit());
  }
});

componentTest("default", {
  template: "{{topic-footer-mobile-dropdown topic=topic}}",
  beforeEach() {
    this.set("topic", buildTopic());
  },

  test(assert) {
    this.get("subject").expand();

    andThen(() => {
      assert.equal(
        this.get("subject")
          .header()
          .title(),
        "Topic Controls"
      );
      assert.equal(
        this.get("subject")
          .header()
          .value(),
        null
      );
      assert.equal(
        this.get("subject")
          .rowByIndex(0)
          .name(),
        "Bookmark"
      );
      assert.equal(
        this.get("subject")
          .rowByIndex(1)
          .name(),
        "Share"
      );
      assert.notOk(
        this.get("subject")
          .selectedRow()
          .exists(),
        "it doesn’t preselect first row"
      );
    });

    this.get("subject").selectRowByValue("share");

    andThen(() => {
      assert.equal(this.get("value"), null, "it resets the value");
    });
  }
});