import componentTest from "helpers/component-test";

moduleForComponent("d-icon", { integration: true });

componentTest("default", {
  template: '<div class="test">{{d-icon "bars"}}</div>',

  test(assert) {
    const html = find(".test").html().trim();
    assert.equal(
      html,
      '<svg class="fa d-icon d-icon-bars svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#bars"></use></svg>'
    );
  },
});

componentTest("with replacement", {
  template: '<div class="test">{{d-icon "d-watching"}}</div>',

  test(assert) {
    const html = find(".test").html().trim();
    assert.equal(
      html,
      '<svg class="fa d-icon d-icon-d-watching svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#discourse-bell-exclamation"></use></svg>'
    );
  },
});