discourse/test/javascripts/acceptance/search-mobile-test.js.es6
Guo Xiang Tan c836d67cac UX: Collapse advanced search on mobile when searching.
On smaller mobile devices, the height of the advanced search filters takes up
the whole real estate that it requires the user to scroll down
significantly in order to view the results.
2019-03-29 08:59:02 +08:00

42 lines
966 B
JavaScript

import { acceptance } from "helpers/qunit-helpers";
acceptance("Search - Mobile", { mobileView: true });
QUnit.test("search", async 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(".search-advanced-title");
assert.ok(
find(".search-advanced-filters").length === 1,
"it should expand advanced search filters"
);
await fillIn(".search-query", "posts");
await click(".search-cta");
assert.ok(find(".fps-topic").length === 1, "has one post");
assert.ok(
find(".search-advanced-filters").length === 0,
"it should collapse advanced search filters"
);
await click("#search-button");
assert.equal(
find("input.full-page-search").val(),
"posts",
"it does not reset input when hitting search icon again"
);
});