import {
  acceptance,
  count,
  exists,
  queryAll,
  visible,
} from "discourse/tests/helpers/qunit-helpers";
import { click, fillIn, visit } from "@ember/test-helpers";
import { test } from "qunit";

acceptance("Search - Mobile", function (needs) {
  needs.mobileView();

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

    await click("#search-button");

    assert.ok(
      exists("input.full-page-search"),
      "it shows the full page search form"
    );

    assert.ok(!exists(".search-results .fps-topic"), "no results by default");

    await click(".advanced-filters summary");

    assert.ok(
      visible(".search-advanced-filters"),
      "it should expand advanced search filters"
    );

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

    assert.strictEqual(count(".fps-topic"), 1, "has one post");

    assert.ok(
      !visible(".search-advanced-filters"),
      "it should collapse advanced search filters"
    );

    await click("#search-button");

    assert.strictEqual(
      queryAll("input.full-page-search").val(),
      "discourse",
      "it does not reset input when hitting search icon again"
    );
  });
});