import {
  acceptance,
  exists,
  queryAll,
  selectDate,
  visible,
  waitFor,
} from "discourse/tests/helpers/qunit-helpers";
import { click, fillIn, triggerKeyEvent, visit } from "@ember/test-helpers";
import { skip, test } from "qunit";
import selectKit from "discourse/tests/helpers/select-kit-helper";

acceptance("Search - Full Page", function (needs) {
  needs.user();
  needs.settings({ tagging_enabled: true });
  needs.pretender((server, helper) => {
    server.get("/tags/filter/search", () => {
      return helper.response({ results: [{ text: "monkey", count: 1 }] });
    });

    server.get("/u/search/users", () => {
      return helper.response({
        users: [
          {
            username: "admin",
            name: "admin",
            avatar_template: "/images/avatar.png",
          },
        ],
      });
    });

    server.get("/admin/groups.json", () => {
      return helper.response({
        id: 2,
        automatic: true,
        name: "moderators",
        user_count: 4,
        alias_level: 0,
        visible: true,
        automatic_membership_email_domains: null,
        primary_group: false,
        title: null,
        grant_trust_level: null,
        incoming_email: null,
        notification_level: null,
        has_messages: true,
        is_member: true,
        mentionable: false,
        flair_url: null,
        flair_bg_color: null,
        flair_color: null,
      });
    });

    server.get("/badges.json", () => {
      return helper.response({
        badge_types: [{ id: 3, name: "Bronze", sort_order: 7 }],
        badge_groupings: [
          {
            id: 1,
            name: "Getting Started",
            description: null,
            position: 10,
            system: true,
          },
        ],
        badges: [
          {
            id: 17,
            name: "Reader",
            description:
              "Read every reply in a topic with more than 100 replies",
            grant_count: 0,
            allow_title: false,
            multiple_grant: false,
            icon: "fa-certificate",
            image: null,
            listable: true,
            enabled: true,
            badge_grouping_id: 1,
            system: true,
            long_description:
              "This badge is granted the first time you read a long topic with more than 100 replies. Reading a conversation closely helps you follow the discussion, understand different viewpoints, and leads to more interesting conversations. The more you read, the better the conversation gets. As we like to say, Reading is Fundamental! :slight_smile:\n",
            slug: "reader",
            has_badge: false,
            badge_type_id: 3,
          },
        ],
      });
    });
  });

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

    assert.ok($("body.search-page").length, "has body class");
    assert.ok(exists(".search-container"), "has container class");
    assert.ok(queryAll(".search-query").length > 0);
    assert.ok(queryAll(".fps-topic").length === 0);

    await fillIn(".search-query", "none");
    await click(".search-cta");

    assert.ok(queryAll(".fps-topic").length === 0, "has no results");
    assert.ok(queryAll(".no-results-suggestion .google-search-form"));

    await fillIn(".search-query", "discourse");
    await click(".search-cta");

    assert.ok(queryAll(".fps-topic").length === 1, "has one post");
  });

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

    await fillIn(".search-query", "discourse in:personal");
    await click(".search-cta");

    assert.ok(queryAll(".fps-topic").length === 1, "has one post");

    assert.ok(
      queryAll(".topic-status .personal_message").length === 1,
      "shows the right icon"
    );
  });

  test("escape search term", async function (assert) {
    await visit("/search");
    await fillIn(".search-query", "@<script>prompt(1337)</script>gmail.com");

    assert.ok(
      exists(
        '.search-advanced-options span:contains("&lt;script&gt;prompt(1337)&lt;/script&gt;gmail.com")'
      ),
      "it escapes search term"
    );
  });

  skip("update username through advanced search ui", async function (assert) {
    await visit("/search");
    await fillIn(".search-query", "none");
    await fillIn(".search-advanced-options .user-selector", "admin");
    await click(".search-advanced-options .user-selector");
    await triggerKeyEvent(
      ".search-advanced-options .user-selector",
      "keydown",
      8
    );

    waitFor(assert, async () => {
      assert.ok(
        visible(".search-advanced-options .autocomplete"),
        '"autocomplete" popup is visible'
      );
      assert.ok(
        exists(
          '.search-advanced-options .autocomplete ul li a span.username:contains("admin")'
        ),
        '"autocomplete" popup has an entry for "admin"'
      );

      await click(
        ".search-advanced-options .autocomplete ul li a:nth-of-type(1)"
      );

      assert.ok(
        exists('.search-advanced-options span:contains("admin")'),
        'has "admin" pre-populated'
      );
      assert.equal(
        queryAll(".search-query").val(),
        "none @admin",
        'has updated search term to "none user:admin"'
      );
    });
  });

  test("update category through advanced search ui", async function (assert) {
    const categoryChooser = selectKit(
      ".search-advanced-options .category-chooser"
    );

    await visit("/search");

    await fillIn(".search-query", "none");

    await categoryChooser.expand();
    await categoryChooser.fillInFilter("faq");
    await categoryChooser.selectRowByValue(4);

    assert.ok(
      exists('.search-advanced-options .badge-category:contains("faq")'),
      'has "faq" populated'
    );
    assert.equal(
      queryAll(".search-query").val(),
      "none #faq",
      'has updated search term to "none #faq"'
    );
  });

  test("update in:title filter through advanced search ui", async function (assert) {
    await visit("/search");
    await fillIn(".search-query", "none");
    await click(".search-advanced-options .in-title");

    assert.ok(
      exists(".search-advanced-options .in-title:checked"),
      'has "in title" populated'
    );
    assert.equal(
      queryAll(".search-query").val(),
      "none in:title",
      'has updated search term to "none in:title"'
    );

    await fillIn(".search-query", "none in:titleasd");

    assert.not(
      exists(".search-advanced-options .in-title:checked"),
      "does not populate title only checkbox"
    );
  });

  test("update in:likes filter through advanced search ui", async function (assert) {
    await visit("/search");
    await fillIn(".search-query", "none");
    await click(".search-advanced-options .in-likes");

    assert.ok(
      exists(".search-advanced-options .in-likes:checked"),
      'has "I liked" populated'
    );
    assert.equal(
      queryAll(".search-query").val(),
      "none in:likes",
      'has updated search term to "none in:likes"'
    );
  });

  test("update in:personal filter through advanced search ui", async function (assert) {
    await visit("/search");
    await fillIn(".search-query", "none");
    await click(".search-advanced-options .in-private");

    assert.ok(
      exists(".search-advanced-options .in-private:checked"),
      'has "are in my messages" populated'
    );

    assert.equal(
      queryAll(".search-query").val(),
      "none in:personal",
      'has updated search term to "none in:personal"'
    );

    await fillIn(".search-query", "none in:personal-direct");

    assert.not(
      exists(".search-advanced-options .in-private:checked"),
      "does not populate messages checkbox"
    );
  });

  test("update in:seen filter through advanced search ui", async function (assert) {
    await visit("/search");
    await fillIn(".search-query", "none");
    await click(".search-advanced-options .in-seen");

    assert.ok(
      exists(".search-advanced-options .in-seen:checked"),
      "it should check the right checkbox"
    );

    assert.equal(
      queryAll(".search-query").val(),
      "none in:seen",
      "it should update the search term"
    );

    await fillIn(".search-query", "none in:seenasdan");

    assert.not(
      exists(".search-advanced-options .in-seen:checked"),
      "does not populate seen checkbox"
    );
  });

  test("update in filter through advanced search ui", async function (assert) {
    const inSelector = selectKit(".search-advanced-options .select-kit#in");

    await visit("/search");

    await fillIn(".search-query", "none");
    await inSelector.expand();
    await inSelector.selectRowByValue("bookmarks");

    assert.equal(
      inSelector.header().label(),
      "I bookmarked",
      'has "I bookmarked" populated'
    );
    assert.equal(
      queryAll(".search-query").val(),
      "none in:bookmarks",
      'has updated search term to "none in:bookmarks"'
    );
  });

  test("update status through advanced search ui", async function (assert) {
    const statusSelector = selectKit(
      ".search-advanced-options .select-kit#search-status-options"
    );

    await visit("/search");

    await fillIn(".search-query", "none");
    await statusSelector.expand();
    await statusSelector.selectRowByValue("closed");

    assert.equal(
      statusSelector.header().label(),
      "are closed",
      'has "are closed" populated'
    );
    assert.equal(
      queryAll(".search-query").val(),
      "none status:closed",
      'has updated search term to "none status:closed"'
    );
  });

  test("doesn't update status filter header if wrong value entered through searchbox", async function (assert) {
    const statusSelector = selectKit(
      ".search-advanced-options .select-kit#search-status-options"
    );

    await visit("/search");

    await fillIn(".search-query", "status:none");

    assert.equal(statusSelector.header().label(), "any", 'has "any" populated');
  });

  test("doesn't update in filter header if wrong value entered through searchbox", async function (assert) {
    const inSelector = selectKit(".search-advanced-options .select-kit#in");

    await visit("/search");

    await fillIn(".search-query", "in:none");

    assert.equal(inSelector.header().label(), "any", 'has "any" populated');
  });

  test("update post time through advanced search ui", async function (assert) {
    await visit("/search?expanded=true&q=after:2018-08-22");

    assert.equal(
      queryAll(".search-query").val(),
      "after:2018-08-22",
      "it should update the search term correctly"
    );

    await visit("/search");

    await fillIn(".search-query", "none");
    await selectDate("#search-post-date .date-picker", "2016-10-05");

    const postTimeSelector = selectKit(
      ".search-advanced-options .select-kit#postTime"
    );
    await postTimeSelector.expand();
    await postTimeSelector.selectRowByValue("after");

    assert.equal(
      postTimeSelector.header().label(),
      "after",
      'has "after" populated'
    );

    assert.equal(
      queryAll(".search-query").val(),
      "none after:2016-10-05",
      'has updated search term to "none after:2016-10-05"'
    );
  });

  test("update min post count through advanced search ui", async function (assert) {
    await visit("/search");
    await fillIn(".search-query", "none");
    await fillIn("#search-min-post-count", "5");

    assert.equal(
      queryAll(".search-advanced-options #search-min-post-count").val(),
      "5",
      'has "5" populated'
    );
    assert.equal(
      queryAll(".search-query").val(),
      "none min_posts:5",
      'has updated search term to "none min_posts:5"'
    );
  });

  test("update max post count through advanced search ui", async function (assert) {
    await visit("/search");
    await fillIn(".search-query", "none");
    await fillIn("#search-max-post-count", "5");

    assert.equal(
      queryAll(".search-advanced-options #search-max-post-count").val(),
      "5",
      'has "5" populated'
    );
    assert.equal(
      queryAll(".search-query").val(),
      "none max_posts:5",
      'has updated search term to "none max_posts:5"'
    );
  });

  test("validate advanced search when initially empty", async function (assert) {
    await visit("/search?expanded=true");
    await click(".search-advanced-options .in-likes");

    assert.ok(
      selectKit(".search-advanced-options .in-likes:checked"),
      'has "I liked" populated'
    );

    assert.equal(
      queryAll(".search-query").val(),
      "in:likes",
      'has updated search term to "in:likes"'
    );

    await fillIn(".search-query", "in:likesasdas");

    assert.not(
      exists(".search-advanced-options .in-likes:checked"),
      "does not populate the likes checkbox"
    );
  });
});
