a17d54d0bf
Using arrow functions changes `this` context, which is undesired in tests, e.g. it makes it impossible to setup things like pretender (`this.server`) in `beforeEach` hooks. Ember guides always use classic functions in examples (e.g. https://guides.emberjs.com/release/testing/test-types/), and that's what it uses in its own test suite, as do various addons and ember apps. It was also already used in Discourse where `this` was required. Moving forward, it will be needed in more places as we migrate toward ember-cli. (I might later add a custom rule to eslint-discourse-ember to enforce this)
426 lines
12 KiB
JavaScript
426 lines
12 KiB
JavaScript
import { queryAll } from "discourse/tests/helpers/qunit-helpers";
|
|
import { exists } from "discourse/tests/helpers/qunit-helpers";
|
|
import { visit, fillIn, click } from "@ember/test-helpers";
|
|
import { skip, test } from "qunit";
|
|
import selectKit from "discourse/tests/helpers/select-kit-helper";
|
|
import {
|
|
selectDate,
|
|
acceptance,
|
|
waitFor,
|
|
visible,
|
|
} from "discourse/tests/helpers/qunit-helpers";
|
|
|
|
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", "posts");
|
|
await click(".search-cta");
|
|
|
|
assert.ok(queryAll(".fps-topic").length === 1, "has one post");
|
|
});
|
|
|
|
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("<script>prompt(1337)</script>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 keyEvent(".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:first");
|
|
|
|
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#status"
|
|
);
|
|
|
|
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#status"
|
|
);
|
|
|
|
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"
|
|
);
|
|
});
|
|
});
|