import componentTest from "helpers/component-test";
moduleForComponent("d-button", { integration: true });

componentTest("icon only button", {
  template: '{{d-button icon="plus" tabindex="3"}}',

  test(assert) {
    assert.ok(
      this.$("button.btn.btn-icon.no-text").length,
      "it has all the classes"
    );
    assert.ok(this.$("button .d-icon.d-icon-plus").length, "it has the icon");
    assert.equal(this.$("button").attr("tabindex"), "3", "it has the tabindex");
  }
});

componentTest("icon and text button", {
  template: '{{d-button icon="plus" label="topic.create"}}',

  test(assert) {
    assert.ok(
      this.$("button.btn.btn-icon-text").length,
      "it has all the classes"
    );
    assert.ok(this.$("button .d-icon.d-icon-plus").length, "it has the icon");
    assert.ok(this.$("button span.d-button-label").length, "it has the label");
  }
});

componentTest("text only button", {
  template: '{{d-button label="topic.create"}}',

  test(assert) {
    assert.ok(this.$("button.btn.btn-text").length, "it has all the classes");
    assert.ok(this.$("button span.d-button-label").length, "it has the label");
  }
});