import componentTest, {
  setupRenderingTest,
} from "discourse/tests/helpers/component-test";
import {
  discourseModule,
  queryAll,
} from "discourse/tests/helpers/qunit-helpers";

discourseModule("Integration | Component | Widget | poster-name", function (
  hooks
) {
  setupRenderingTest(hooks);

  componentTest("basic rendering", {
    template: '{{mount-widget widget="poster-name" args=args}}',
    beforeEach() {
      this.set("args", {
        username: "eviltrout",
        usernameUrl: "/u/eviltrout",
        name: "Robin Ward",
        user_title: "Trout Master",
      });
    },
    test(assert) {
      assert.ok(queryAll(".names").length);
      assert.ok(queryAll("span.username").length);
      assert.ok(queryAll('a[data-user-card="eviltrout"]').length);
      assert.equal(queryAll(".username a").text(), "eviltrout");
      assert.equal(queryAll(".full-name a").text(), "Robin Ward");
      assert.equal(queryAll(".user-title").text(), "Trout Master");
    },
  });

  componentTest("extra classes and glyphs", {
    template: '{{mount-widget widget="poster-name" args=args}}',
    beforeEach() {
      this.set("args", {
        username: "eviltrout",
        usernameUrl: "/u/eviltrout",
        staff: true,
        admin: true,
        moderator: true,
        new_user: true,
        primary_group_name: "fish",
      });
    },
    test(assert) {
      assert.ok(queryAll("span.staff").length);
      assert.ok(queryAll("span.admin").length);
      assert.ok(queryAll("span.moderator").length);
      assert.ok(queryAll(".d-icon-shield-alt").length);
      assert.ok(queryAll("span.new-user").length);
      assert.ok(queryAll("span.fish").length);
    },
  });

  componentTest("disable display name on posts", {
    template: '{{mount-widget widget="poster-name" args=args}}',
    beforeEach() {
      this.siteSettings.display_name_on_posts = false;
      this.set("args", { username: "eviltrout", name: "Robin Ward" });
    },
    test(assert) {
      assert.equal(queryAll(".full-name").length, 0);
    },
  });

  componentTest("doesn't render a name if it's similar to the username", {
    template: '{{mount-widget widget="poster-name" args=args}}',
    beforeEach() {
      this.siteSettings.prioritize_username_in_ux = true;
      this.siteSettings.display_name_on_posts = true;
      this.set("args", { username: "eviltrout", name: "evil-trout" });
    },
    test(assert) {
      assert.equal(queryAll(".second").length, 0);
    },
  });
});