import { moduleForWidget, widgetTest } from "helpers/widget-test";
moduleForWidget("discourse-poll-option");

const template = `{{mount-widget
                    widget="discourse-poll-option"
                    args=(hash option=option isMultiple=isMultiple vote=vote)}}`;

widgetTest("single, not selected", {
  template,

  beforeEach() {
    this.set("option", { id: "opt-id" });
    this.set("vote", []);
  },

  test(assert) {
    assert.ok(find("li .d-icon-far-circle:eq(0)").length === 1);
  }
});

widgetTest("single, selected", {
  template,

  beforeEach() {
    this.set("option", { id: "opt-id" });
    this.set("vote", ["opt-id"]);
  },

  test(assert) {
    assert.ok(find("li .d-icon-circle:eq(0)").length === 1);
  }
});

widgetTest("multi, not selected", {
  template,

  beforeEach() {
    this.setProperties({
      option: { id: "opt-id" },
      isMultiple: true,
      vote: []
    });
  },

  test(assert) {
    assert.ok(find("li .d-icon-far-square:eq(0)").length === 1);
  }
});

widgetTest("multi, selected", {
  template,

  beforeEach() {
    this.setProperties({
      option: { id: "opt-id" },
      isMultiple: true,
      vote: ["opt-id"]
    });
  },

  test(assert) {
    assert.ok(find("li .d-icon-far-check-square:eq(0)").length === 1);
  }
});