import componentTest, {
  setupRenderingTest,
} from "discourse/tests/helpers/component-test";
import {
  count,
  discourseModule,
  queryAll,
} from "discourse/tests/helpers/qunit-helpers";
import Post from "discourse/models/post";
import Topic from "discourse/models/topic";
import hbs from "htmlbars-inline-precompile";

function postStreamTest(name, attrs) {
  componentTest(name, {
    template: hbs`{{mount-widget widget="post-stream" args=(hash posts=posts)}}`,
    beforeEach() {
      const site = this.container.lookup("site:main");
      let posts = attrs.posts.call(this);
      posts.forEach((p) => p.set("site", site));
      this.set("posts", posts);
    },
    test: attrs.test,
  });
}

discourseModule(
  "Integration | Component | Widget | post-stream",
  function (hooks) {
    setupRenderingTest(hooks);

    postStreamTest("basics", {
      posts() {
        const site = this.container.lookup("site:main");
        const topic = Topic.create();
        topic.set("details.created_by", { id: 123 });
        return [
          Post.create({
            topic,
            id: 1,
            post_number: 1,
            user_id: 123,
            primary_group_name: "trout",
            avatar_template: "/images/avatar.png",
          }),
          Post.create({
            topic,
            id: 2,
            post_number: 2,
            post_type: site.get("post_types.moderator_action"),
          }),
          Post.create({ topic, id: 3, post_number: 3, hidden: true }),
          Post.create({
            topic,
            id: 4,
            post_number: 4,
            post_type: site.get("post_types.whisper"),
          }),
          Post.create({
            topic,
            id: 5,
            post_number: 5,
            wiki: true,
            via_email: true,
          }),
          Post.create({
            topic,
            id: 6,
            post_number: 6,
            via_email: true,
            is_auto_generated: true,
          }),
        ];
      },

      test(assert) {
        assert.strictEqual(count(".post-stream"), 1);
        assert.strictEqual(count(".topic-post"), 6, "renders all posts");

        // look for special class bindings
        assert.strictEqual(
          queryAll(".topic-post:nth-of-type(1).topic-owner").length,
          1,
          "it applies the topic owner class"
        );
        assert.strictEqual(
          queryAll(".topic-post:nth-of-type(1).group-trout").length,
          1,
          "it applies the primary group class"
        );
        assert.strictEqual(
          queryAll(".topic-post:nth-of-type(1).regular").length,
          1,
          "it applies the regular class"
        );
        assert.strictEqual(
          queryAll(".topic-post:nth-of-type(2).moderator").length,
          1,
          "it applies the moderator class"
        );
        assert.strictEqual(
          queryAll(".topic-post:nth-of-type(3).post-hidden").length,
          1,
          "it applies the hidden class"
        );
        assert.strictEqual(
          queryAll(".topic-post:nth-of-type(4).whisper").length,
          1,
          "it applies the whisper class"
        );
        assert.strictEqual(
          queryAll(".topic-post:nth-of-type(5).wiki").length,
          1,
          "it applies the wiki class"
        );

        // it renders an article for the body with appropriate attributes
        assert.strictEqual(count("article#post_2"), 1);
        assert.strictEqual(count('article[data-user-id="123"]'), 1);
        assert.strictEqual(count('article[data-post-id="3"]'), 1);
        assert.strictEqual(count("article#post_5.via-email"), 1);
        assert.strictEqual(count("article#post_6.is-auto-generated"), 1);

        assert.strictEqual(
          queryAll("article:nth-of-type(1) .main-avatar").length,
          1,
          "renders the main avatar"
        );
      },
    });

    postStreamTest("deleted posts", {
      posts() {
        const topic = Topic.create();
        topic.set("details.created_by", { id: 123 });
        return [
          Post.create({
            topic,
            id: 1,
            post_number: 1,
            deleted_at: new Date().toString(),
          }),
        ];
      },

      test(assert) {
        assert.strictEqual(
          count(".topic-post.deleted"),
          1,
          "it applies the deleted class"
        );
        assert.strictEqual(
          count(".deleted-user-avatar"),
          1,
          "it has the trash avatar"
        );
      },
    });
  }
);