import {
  acceptance,
  count,
  exists,
  query,
  queryAll,
} from "discourse/tests/helpers/qunit-helpers";
import { click, fillIn, triggerKeyEvent, visit } from "@ember/test-helpers";
import searchFixtures from "discourse/tests/fixtures/search-fixtures";
import selectKit from "discourse/tests/helpers/select-kit-helper";
import { test } from "qunit";

acceptance("Search - Anonymous", function (needs) {
  let calledEmpty = false;

  needs.pretender((server, helper) => {
    server.get("/search/query", (request) => {
      if (!request.queryParams["search_context[type]"]) {
        calledEmpty = true;
      }

      return helper.response(searchFixtures["search/query"]);
    });
  });

  test("search", async function (assert) {
    await visit("/");

    await click("#search-button");

    assert.ok(exists("#search-term"), "it shows the search bar");
    assert.ok(!exists(".search-menu .results ul li"), "no results by default");

    await fillIn("#search-term", "dev");
    await triggerKeyEvent("#search-term", "keyup", 16);
    assert.ok(exists(".search-menu .results ul li"), "it shows results");
    assert.ok(
      exists(".search-menu .results ul li .topic-title[data-topic-id]"),
      "topic has data-topic-id"
    );

    await click(".show-help");

    assert.equal(
      queryAll(".full-page-search").val(),
      "dev",
      "it shows the search term"
    );
    assert.ok(
      exists(".search-advanced-options"),
      "advanced search is expanded"
    );
  });

  test("search button toggles search menu", async function (assert) {
    await visit("/");

    await click("#search-button");
    assert.ok(exists(".search-menu"));

    await click(".d-header"); // click outside
    assert.ok(!exists(".search-menu"));

    await click("#search-button");
    assert.ok(exists(".search-menu"));

    await click("#search-button"); // toggle same button
    assert.ok(!exists(".search-menu"));
  });

  test("search for a tag", async function (assert) {
    await visit("/");

    await click("#search-button");

    await fillIn("#search-term", "evil");
    await triggerKeyEvent("#search-term", "keyup", 16);
    assert.ok(exists(".search-menu .results ul li"), "it shows results");
  });

  test("search scope checkbox", async function (assert) {
    await visit("/tag/important");
    await click("#search-button");
    assert.ok(
      exists(".search-context input:checked"),
      "scope to tag checkbox is checked"
    );
    await click("#search-button");

    await visit("/c/bug");
    await click("#search-button");
    assert.ok(
      exists(".search-context input:checked"),
      "scope to category checkbox is checked"
    );
    await click("#search-button");

    await visit("/t/internationalization-localization/280");
    await click("#search-button");
    assert.not(
      exists(".search-context input:checked"),
      "scope to topic checkbox is not checked"
    );
    await click("#search-button");

    await visit("/u/eviltrout");
    await click("#search-button");
    assert.ok(
      exists(".search-context input:checked"),
      "scope to user checkbox is checked"
    );
  });

  test("Search with context", async function (assert) {
    await visit("/t/internationalization-localization/280/1");

    await click("#search-button");
    await fillIn("#search-term", "a proper");
    await click(".search-context input[type='checkbox']");
    await triggerKeyEvent("#search-term", "keyup", 16);

    assert.ok(exists(".search-menu .results ul li"), "it shows results");

    const highlighted = [];

    queryAll("#post_7 span.highlighted").map((_, span) => {
      highlighted.push(span.innerText);
    });

    assert.deepEqual(
      highlighted,
      ["a proper"],
      "it should highlight the post with the search terms correctly"
    );

    calledEmpty = false;
    await visit("/");
    await click("#search-button");

    assert.ok(!exists(".search-context input[type='checkbox']"));
    assert.ok(calledEmpty, "it triggers a new search");

    await visit("/t/internationalization-localization/280/1");
    await click("#search-button");

    assert.ok(!$(".search-context input[type=checkbox]").is(":checked"));
  });

  test("Right filters are shown to anonymous users", async function (assert) {
    const inSelector = selectKit(".select-kit#in");

    await visit("/search?expanded=true");

    await inSelector.expand();

    assert.ok(inSelector.rowByValue("first").exists());
    assert.ok(inSelector.rowByValue("pinned").exists());
    assert.ok(inSelector.rowByValue("wiki").exists());
    assert.ok(inSelector.rowByValue("images").exists());

    assert.notOk(inSelector.rowByValue("unseen").exists());
    assert.notOk(inSelector.rowByValue("posted").exists());
    assert.notOk(inSelector.rowByValue("watching").exists());
    assert.notOk(inSelector.rowByValue("tracking").exists());
    assert.notOk(inSelector.rowByValue("bookmarks").exists());

    assert.notOk(exists(".search-advanced-options .in-likes"));
    assert.notOk(exists(".search-advanced-options .in-private"));
    assert.notOk(exists(".search-advanced-options .in-seen"));
  });
});

acceptance("Search - Authenticated", function (needs) {
  needs.user();

  needs.pretender((server, helper) => {
    server.get("/search/query", (request) => {
      if (request.queryParams.term.includes("empty")) {
        return helper.response({
          posts: [],
          users: [],
          categories: [],
          tags: [],
          groups: [],
          grouped_search_result: {
            more_posts: null,
            more_users: null,
            more_categories: null,
            term: "plans test",
            search_log_id: 1,
            more_full_page_results: null,
            can_create_topic: true,
            error: null,
            type_filter: null,
            post_ids: [],
            user_ids: [],
            category_ids: [],
            tag_ids: [],
            group_ids: [],
          },
        });
      }

      return helper.response(searchFixtures["search/query"]);
    });
  });

  test("Right filters are shown to logged-in users", async function (assert) {
    const inSelector = selectKit(".select-kit#in");

    await visit("/search?expanded=true");

    await inSelector.expand();

    assert.ok(inSelector.rowByValue("first").exists());
    assert.ok(inSelector.rowByValue("pinned").exists());
    assert.ok(inSelector.rowByValue("wiki").exists());
    assert.ok(inSelector.rowByValue("images").exists());

    assert.ok(inSelector.rowByValue("unseen").exists());
    assert.ok(inSelector.rowByValue("posted").exists());
    assert.ok(inSelector.rowByValue("watching").exists());
    assert.ok(inSelector.rowByValue("tracking").exists());
    assert.ok(inSelector.rowByValue("bookmarks").exists());

    assert.ok(exists(".search-advanced-options .in-likes"));
    assert.ok(exists(".search-advanced-options .in-private"));
    assert.ok(exists(".search-advanced-options .in-seen"));
  });

  test("Works with empty result sets", async function (assert) {
    await visit("/t/internationalization-localization/280");
    await click(".search-dropdown");
    await click(".search-context input[type=checkbox]");
    await fillIn("#search-term", "plans");
    await triggerKeyEvent("#search-term", "keyup", 32);
    assert.notEqual(count(".item"), 0);

    await fillIn("#search-term", "plans empty");
    await triggerKeyEvent("#search-term", "keyup", 32);
    assert.equal(count(".item"), 0);
    assert.equal(count(".no-results"), 1);
  });
});

acceptance("Search - with tagging enabled", function (needs) {
  needs.user();
  needs.settings({ tagging_enabled: true });

  test("displays tags", async function (assert) {
    await visit("/");

    await click("#search-button");

    await fillIn("#search-term", "dev");
    await triggerKeyEvent("#search-term", "keyup", 16);

    const tags = queryAll(
      ".search-menu .results ul li:nth-of-type(1) .discourse-tags"
    )
      .text()
      .trim();

    assert.equal(tags, "dev slow");
  });
});

acceptance("Search - assistant", function (needs) {
  needs.user();

  needs.pretender((server, helper) => {
    server.get("/u/search/users", () => {
      return helper.response({
        users: [
          {
            username: "TeaMoe",
            name: "TeaMoe",
            avatar_template:
              "https://avatars.discourse.org/v3/letter/t/41988e/{size}.png",
          },
          {
            username: "TeamOneJ",
            name: "J Cobb",
            avatar_template:
              "https://avatars.discourse.org/v3/letter/t/3d9bf3/{size}.png",
          },
          {
            username: "kudos",
            name: "Team Blogeto.com",
            avatar_template:
              "/user_avatar/meta.discourse.org/kudos/{size}/62185_1.png",
          },
        ],
      });
    });
  });

  test("shows category shortcuts when typing #", async function (assert) {
    await visit("/");

    await click("#search-button");

    await fillIn("#search-term", "#");
    await triggerKeyEvent("#search-term", "keyup", 51);

    const firstCategory =
      ".search-menu .results ul.search-menu-assistant .search-link";
    assert.ok(exists(query(firstCategory)));

    const firstResultSlug = query(
      `${firstCategory} .category-name`
    ).innerText.trim();

    await click(firstCategory);
    assert.equal(query("#search-term").value, `#${firstResultSlug} `);

    await fillIn("#search-term", "sam #");
    await triggerKeyEvent("#search-term", "keyup", 51);

    assert.ok(exists(query(firstCategory)));
    assert.equal(
      query(
        ".search-menu .results ul.search-menu-assistant .search-item-prefix"
      ).innerText,
      "sam"
    );

    await click(firstCategory);
    assert.equal(query("#search-term").value, `sam #${firstResultSlug} `);
  });

  test("shows in: shortcuts", async function (assert) {
    await visit("/");
    await click("#search-button");

    const firstTarget =
      ".search-menu .results ul.search-menu-assistant .search-link .search-item-slug";

    await fillIn("#search-term", "in:");
    await triggerKeyEvent("#search-term", "keyup", 51);
    assert.equal(query(firstTarget).innerText, "in:title");

    await fillIn("#search-term", "sam in:");
    await triggerKeyEvent("#search-term", "keyup", 51);
    assert.equal(query(firstTarget).innerText, "sam in:title");

    await fillIn("#search-term", "in:pers");
    await triggerKeyEvent("#search-term", "keyup", 51);
    assert.equal(query(firstTarget).innerText, "in:personal");
  });

  test("shows users when typing @", async function (assert) {
    await visit("/");

    await click("#search-button");

    await fillIn("#search-term", "@");
    await triggerKeyEvent("#search-term", "keyup", 51);

    const firstUser =
      ".search-menu .results ul.search-menu-assistant .search-item-user";
    const firstUsername = query(firstUser).innerText.trim();
    assert.equal(firstUsername, "TeaMoe");

    await click(query(firstUser));
    assert.equal(query("#search-term").value, `@${firstUsername} `);
  });
});