mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
622 lines
20 KiB
JavaScript
622 lines
20 KiB
JavaScript
import {
|
|
click,
|
|
currentURL,
|
|
fillIn,
|
|
triggerKeyEvent,
|
|
visit,
|
|
} from "@ember/test-helpers";
|
|
import { test } from "qunit";
|
|
import CategoryFixtures from "discourse/tests/fixtures/category-fixtures";
|
|
import topicFixtures from "discourse/tests/fixtures/topic";
|
|
import {
|
|
acceptance,
|
|
chromeTest,
|
|
publishToMessageBus,
|
|
selectText,
|
|
} from "discourse/tests/helpers/qunit-helpers";
|
|
import selectKit from "discourse/tests/helpers/select-kit-helper";
|
|
import { cloneJSON } from "discourse-common/lib/object";
|
|
import { i18n } from "discourse-i18n";
|
|
|
|
["enabled", "disabled"].forEach((postMenuMode) => {
|
|
acceptance(
|
|
`Topic (glimmer_post_menu_mode = ${postMenuMode})`,
|
|
function (needs) {
|
|
needs.user();
|
|
needs.settings({
|
|
post_menu:
|
|
"read|like|share|flag|edit|bookmark|delete|admin|reply|copyLink",
|
|
glimmer_post_menu_mode: postMenuMode,
|
|
});
|
|
needs.pretender((server, helper) => {
|
|
server.get("/c/2/visible_groups.json", () =>
|
|
helper.response(200, {
|
|
groups: [],
|
|
})
|
|
);
|
|
|
|
server.get("/c/feature/find_by_slug.json", () => {
|
|
return helper.response(200, CategoryFixtures["/c/1/show.json"]);
|
|
});
|
|
server.put("/posts/398/wiki", () => {
|
|
return helper.response({});
|
|
});
|
|
});
|
|
|
|
test("Reply as new topic", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click("button.share:nth-of-type(1)");
|
|
await click("button.new-topic");
|
|
|
|
assert.dom(".d-editor-input").exists("the composer input is visible");
|
|
|
|
assert
|
|
.dom(".d-editor-input")
|
|
.hasValue(
|
|
`Continuing the discussion from [Internationalization / localization](${window.location.origin}/t/internationalization-localization/280):\n\n`,
|
|
"fills composer with the ring string"
|
|
);
|
|
assert.strictEqual(
|
|
selectKit(".category-chooser").header().value(),
|
|
"2",
|
|
"fills category selector with the right category"
|
|
);
|
|
});
|
|
|
|
test("Reply as new message", async function (assert) {
|
|
await visit("/t/pm-for-testing/12");
|
|
await click("button.share:nth-of-type(1)");
|
|
await click("button.new-topic");
|
|
|
|
assert.dom(".d-editor-input").exists("the composer input is visible");
|
|
|
|
assert
|
|
.dom(".d-editor-input")
|
|
.hasValue(
|
|
`Continuing the discussion from [PM for testing](${window.location.origin}/t/pm-for-testing/12):\n\n`,
|
|
"fills composer with the ring string"
|
|
);
|
|
|
|
const privateMessageUsers = selectKit("#private-message-users");
|
|
assert.strictEqual(
|
|
privateMessageUsers.header().value(),
|
|
"someguy,test,Group",
|
|
"fills up the composer correctly"
|
|
);
|
|
});
|
|
|
|
test("Share Modal", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click(".topic-post:first-child button.share");
|
|
|
|
assert.dom(".share-topic-modal").exists("shows the share modal");
|
|
});
|
|
|
|
test("Copy Link Button", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click(
|
|
".topic-post:first-child button.post-action-menu__copy-link"
|
|
);
|
|
|
|
assert
|
|
.dom(".post-action-menu__copy-link-checkmark")
|
|
.exists("shows the Link Copied! message");
|
|
});
|
|
|
|
test("Showing and hiding the edit controls", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
await click("#topic-title .d-icon-pencil");
|
|
|
|
assert.dom("#edit-title").exists("shows the editing controls");
|
|
assert
|
|
.dom(".title-wrapper .remove-featured-link")
|
|
.doesNotExist("link to remove featured link is not shown");
|
|
|
|
await fillIn("#edit-title", "this is the new title");
|
|
await click("#topic-title .cancel-edit");
|
|
assert.dom("#edit-title").doesNotExist("hides the editing controls");
|
|
});
|
|
|
|
test("Updating the topic title and category", async function (assert) {
|
|
const categoryChooser = selectKit(".title-wrapper .category-chooser");
|
|
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
await click("#topic-title .d-icon-pencil");
|
|
await fillIn("#edit-title", "this is the new title");
|
|
await categoryChooser.expand();
|
|
await categoryChooser.selectRowByValue(4);
|
|
await click("#topic-title .submit-edit");
|
|
|
|
assert
|
|
.dom("#topic-title .badge-category")
|
|
.hasText("faq", "displays the new category");
|
|
assert
|
|
.dom(".fancy-title")
|
|
.hasText("this is the new title", "displays the new title");
|
|
});
|
|
|
|
test("Marking a topic as wiki", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
assert.dom("a.wiki").doesNotExist("does not show the wiki icon");
|
|
|
|
await click(".topic-post:nth-of-type(1) button.show-more-actions");
|
|
await click(".topic-post:nth-of-type(1) button.show-post-admin-menu");
|
|
await click(".btn.wiki");
|
|
|
|
assert.dom("button.wiki").exists("shows the wiki icon");
|
|
});
|
|
|
|
test("Visit topic routes", async function (assert) {
|
|
await visit("/t/12");
|
|
|
|
assert
|
|
.dom(".fancy-title")
|
|
.hasText("PM for testing", "routes to the right topic");
|
|
|
|
await visit("/t/280/20");
|
|
|
|
assert
|
|
.dom(".fancy-title")
|
|
.hasText(
|
|
"Internationalization / localization",
|
|
"routes to the right topic"
|
|
);
|
|
});
|
|
|
|
test("Updating the topic title with emojis", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click("#topic-title .d-icon-pencil");
|
|
|
|
await fillIn("#edit-title", "emojis title :bike: :blonde_woman:t6:");
|
|
|
|
await click("#topic-title .submit-edit");
|
|
|
|
assert
|
|
.dom(".fancy-title")
|
|
.includesHtml("bike.png", "displays the new title with emojis");
|
|
});
|
|
|
|
test("Updating the topic title with unicode emojis", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click("#topic-title .d-icon-pencil");
|
|
|
|
await fillIn("#edit-title", "emojis title 👨🌾🙏");
|
|
|
|
await click("#topic-title .submit-edit");
|
|
|
|
assert
|
|
.dom(".fancy-title")
|
|
.includesHtml("man_farmer.png", "displays the new title with emojis");
|
|
});
|
|
|
|
test("Updating the topic title with unicode emojis without whitespace", async function (assert) {
|
|
this.siteSettings.enable_inline_emoji_translation = true;
|
|
await visit("/t/internationalization-localization/280");
|
|
await click("#topic-title .d-icon-pencil");
|
|
|
|
await fillIn("#edit-title", "Test🙂Title");
|
|
|
|
await click("#topic-title .submit-edit");
|
|
|
|
assert
|
|
.dom(".fancy-title")
|
|
.includesHtml(
|
|
"slightly_smiling_face.png",
|
|
"displays the new title with emojis"
|
|
);
|
|
});
|
|
|
|
test("Suggested topics", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
assert
|
|
.dom("#suggested-topics-title")
|
|
.hasText(i18n("suggested_topics.title"));
|
|
});
|
|
|
|
test("Deleting a topic", async function (assert) {
|
|
this.siteSettings.min_topic_views_for_delete_confirm = 10000;
|
|
await visit("/t/internationalization-localization/280");
|
|
await click(".topic-post:nth-of-type(1) button.show-more-actions");
|
|
await click(".topic-post:nth-of-type(1) button.delete");
|
|
await click(".toggle-admin-menu");
|
|
assert.dom(".topic-admin-recover").exists("shows the recover button");
|
|
});
|
|
|
|
test("Deleting a popular topic displays confirmation modal", async function (assert) {
|
|
this.siteSettings.min_topic_views_for_delete_confirm = 10;
|
|
await visit("/t/internationalization-localization/280");
|
|
await click(".topic-post:nth-of-type(1) button.show-more-actions");
|
|
await click(".topic-post:nth-of-type(1) button.delete");
|
|
assert
|
|
.dom(".delete-topic-confirm-modal")
|
|
.exists("shows the delete confirmation modal");
|
|
|
|
await click(".delete-topic-confirm-modal .btn-primary");
|
|
assert
|
|
.dom(".delete-topic-confirm-modal")
|
|
.doesNotExist("hides the delete confirmation modal");
|
|
await click(".topic-post:nth-of-type(1) button.delete");
|
|
await click(".delete-topic-confirm-modal .btn-danger");
|
|
await click(".toggle-admin-menu");
|
|
assert.dom(".topic-admin-recover").exists("shows the recover button");
|
|
});
|
|
|
|
test("Group category moderator posts", async function (assert) {
|
|
await visit("/t/topic-for-group-moderators/2480");
|
|
|
|
assert.dom(".category-moderator").exists("has a class applied");
|
|
assert.dom(".d-icon-shield-halved").exists("shows an icon");
|
|
});
|
|
|
|
test("Suspended user posts", async function (assert) {
|
|
await visit("/t/topic-from-suspended-user/54077");
|
|
|
|
assert
|
|
.dom(".topic-post.user-suspended > #post_1")
|
|
.exists("has a class applied");
|
|
});
|
|
}
|
|
);
|
|
});
|
|
|
|
acceptance("Topic featured links", function (needs) {
|
|
needs.user();
|
|
needs.settings({
|
|
topic_featured_link_enabled: true,
|
|
max_topic_title_length: 80,
|
|
exclude_rel_nofollow_domains: "example.com",
|
|
display_name_on_posts: false,
|
|
prioritize_username_in_ux: true,
|
|
});
|
|
needs.pretender((server, helper) => {
|
|
server.get("/inline-onebox", () => {
|
|
return helper.response({ "inline-oneboxes": [] });
|
|
});
|
|
});
|
|
|
|
test("remove nofollow attribute", async function (assert) {
|
|
await visit("/t/-/299/1");
|
|
|
|
assert.dom(".title-wrapper .topic-featured-link").hasText("example.com");
|
|
assert
|
|
.dom(".title-wrapper .topic-featured-link")
|
|
.hasAttribute("rel", "ugc");
|
|
});
|
|
|
|
test("remove featured link", async function (assert) {
|
|
await visit("/t/-/299/1");
|
|
assert
|
|
.dom(".title-wrapper .topic-featured-link")
|
|
.exists("link is shown with topic title");
|
|
|
|
await click(".title-wrapper .edit-topic");
|
|
assert
|
|
.dom(".title-wrapper .remove-featured-link")
|
|
.exists("link to remove featured link");
|
|
});
|
|
|
|
test("Converting to a public topic", async function (assert) {
|
|
await visit("/t/test-pm/34");
|
|
assert.dom(".private_message").exists();
|
|
await click(".toggle-admin-menu");
|
|
await click(".topic-admin-convert button");
|
|
|
|
let categoryChooser = selectKit(
|
|
".convert-to-public-topic .category-chooser"
|
|
);
|
|
await categoryChooser.expand();
|
|
await categoryChooser.selectRowByValue(21);
|
|
|
|
await click(".convert-to-public-topic .btn-primary");
|
|
assert.dom(".private_message").doesNotExist();
|
|
});
|
|
|
|
test("Unpinning unlisted topic", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
await click(".toggle-admin-menu");
|
|
await click(".topic-admin-pin .btn");
|
|
await click(".make-banner");
|
|
|
|
await click(".toggle-admin-menu");
|
|
await click(".topic-admin-visible .btn");
|
|
|
|
await click(".toggle-admin-menu");
|
|
assert.dom(".topic-admin-pin").exists("should show the multi select menu");
|
|
});
|
|
|
|
test("selecting posts", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click(".toggle-admin-menu");
|
|
await click(".topic-admin-multi-select .btn");
|
|
|
|
assert
|
|
.dom(".selected-posts:not(.hidden)")
|
|
.exists("should show the multi select menu");
|
|
|
|
assert
|
|
.dom(".select-all")
|
|
.exists("should allow users to select all the posts");
|
|
});
|
|
|
|
test("select below", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click(".toggle-admin-menu");
|
|
await click(".topic-admin-multi-select .btn");
|
|
await click("#post_3 .select-below");
|
|
|
|
assert
|
|
.dom(".selected-posts")
|
|
.includesHtml(
|
|
i18n("topic.multi_select.description", { count: 18 }),
|
|
"selects the right number of posts"
|
|
);
|
|
|
|
await click("#post_2 .select-below");
|
|
|
|
assert
|
|
.dom(".selected-posts")
|
|
.includesHtml(
|
|
i18n("topic.multi_select.description", { count: 19 }),
|
|
"selects the right number of posts"
|
|
);
|
|
});
|
|
|
|
test("View Hidden Replies", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click(".gap");
|
|
|
|
assert.dom(".gap").doesNotExist("hides gap");
|
|
});
|
|
|
|
test("Quoting a quote keeps the original poster name", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await selectText("#post_5 blockquote");
|
|
await click(".quote-button .insert-quote");
|
|
|
|
assert
|
|
.dom(".d-editor-input")
|
|
.includesValue('quote="codinghorror said, post:3, topic:280"');
|
|
});
|
|
|
|
test("Quoting a quote of a different topic keeps the original topic title", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await selectText("#post_9 blockquote");
|
|
await click(".quote-button .insert-quote");
|
|
|
|
assert
|
|
.dom(".d-editor-input")
|
|
.includesValue(
|
|
'quote="A new topic with a link to another topic, post:3, topic:62"'
|
|
);
|
|
});
|
|
|
|
test("Quoting a quote with the Reply button keeps the original poster name", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await selectText("#post_5 blockquote");
|
|
await click(".reply");
|
|
|
|
assert
|
|
.dom(".d-editor-input")
|
|
.includesValue('quote="codinghorror said, post:3, topic:280"');
|
|
});
|
|
|
|
// Using J/K on Firefox clean the text selection, so this won't work there
|
|
chromeTest(
|
|
"Quoting a quote with replyAsNewTopic keeps the original poster name",
|
|
async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await selectText("#post_5 blockquote");
|
|
await triggerKeyEvent(document, "keypress", "J");
|
|
await triggerKeyEvent(document, "keypress", "T");
|
|
|
|
assert
|
|
.dom(".d-editor-input")
|
|
.includesValue('quote="codinghorror said, post:3, topic:280"');
|
|
}
|
|
);
|
|
|
|
test("Quoting by selecting text can mark the quote as full", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await selectText("#post_5 .cooked");
|
|
await click(".quote-button .insert-quote");
|
|
assert
|
|
.dom(".d-editor-input")
|
|
.includesValue('quote="pekka, post:5, topic:280, full:true"');
|
|
});
|
|
});
|
|
|
|
acceptance("Topic featured links", function (needs) {
|
|
needs.user();
|
|
needs.settings({
|
|
topic_featured_link_enabled: true,
|
|
max_topic_title_length: 80,
|
|
});
|
|
|
|
test("remove featured link", async function (assert) {
|
|
await visit("/t/-/299/1");
|
|
assert
|
|
.dom(".title-wrapper .topic-featured-link")
|
|
.exists("link is shown with topic title");
|
|
|
|
await click(".title-wrapper .edit-topic");
|
|
assert
|
|
.dom(".title-wrapper .remove-featured-link")
|
|
.exists("link to remove featured link");
|
|
});
|
|
});
|
|
|
|
acceptance("Topic pinning/unpinning as an admin", function (needs) {
|
|
needs.user({ admin: true });
|
|
|
|
test("Admin pinning topic", async function (assert) {
|
|
await visit("/t/topic-for-group-moderators/2480");
|
|
|
|
await click(".toggle-admin-menu");
|
|
await click(".topic-admin-pin .btn");
|
|
|
|
assert
|
|
.dom(".feature-topic .btn-primary")
|
|
.exists("should show the 'Pin Topic' button");
|
|
|
|
assert.dom(".make-banner").exists("should show the 'Banner Topic' button");
|
|
});
|
|
});
|
|
|
|
acceptance("Topic pinning/unpinning as a staff member", function (needs) {
|
|
needs.user({ moderator: true, admin: false, trust_level: 2 });
|
|
|
|
test("Staff pinning topic", async function (assert) {
|
|
await visit("/t/topic-for-group-moderators/2480");
|
|
|
|
await click(".toggle-admin-menu");
|
|
await click(".topic-admin-pin .btn");
|
|
|
|
assert
|
|
.dom(".feature-topic .btn-primary")
|
|
.exists("should show the 'Pin Topic' button");
|
|
|
|
assert.dom(".make-banner").exists("should show the 'Banner Topic' button");
|
|
});
|
|
});
|
|
|
|
acceptance("Topic pinning/unpinning as a group moderator", function (needs) {
|
|
needs.user({ moderator: false, admin: false, trust_level: 1 });
|
|
|
|
test("Group category moderator pinning topic", async function (assert) {
|
|
await visit("/t/topic-for-group-moderators/2480");
|
|
|
|
await click(".toggle-admin-menu");
|
|
await click(".topic-admin-pin .btn");
|
|
|
|
assert
|
|
.dom(".feature-topic .btn-primary")
|
|
.exists("should show the 'Pin Topic' button");
|
|
|
|
assert
|
|
.dom(".make-banner")
|
|
.doesNotExist("should not show the 'Banner Topic' button");
|
|
});
|
|
});
|
|
|
|
acceptance("Topic last visit line", function (needs) {
|
|
needs.user({ moderator: false, admin: false, trust_level: 1 });
|
|
|
|
test("visit topic", async function (assert) {
|
|
await visit("/t/-/280");
|
|
|
|
assert
|
|
.dom(".topic-post-visited-line.post-10")
|
|
.exists("shows the last visited line on the right post");
|
|
|
|
await visit("/t/-/9");
|
|
|
|
assert
|
|
.dom(".topic-post-visited-line")
|
|
.doesNotExist("does not show last visited line if post is the last post");
|
|
});
|
|
});
|
|
|
|
acceptance("Topic filter replies to post number", function (needs) {
|
|
needs.settings({
|
|
enable_filtered_replies_view: true,
|
|
});
|
|
|
|
test("visit topic", async function (assert) {
|
|
await visit("/t/-/280");
|
|
|
|
assert
|
|
.dom("#post_3 .show-replies")
|
|
.hasAttribute(
|
|
"title",
|
|
i18n("post.filtered_replies_hint", { count: 3 }),
|
|
"displays the right title for filtering by replies"
|
|
);
|
|
|
|
await visit("/");
|
|
await visit("/t/-/280?replies_to_post_number=3");
|
|
|
|
assert
|
|
.dom("#post_3 .show-replies")
|
|
.hasAttribute(
|
|
"title",
|
|
i18n("post.view_all_posts"),
|
|
"displays the right title when filtered by replies"
|
|
);
|
|
});
|
|
});
|
|
|
|
acceptance("Navigating between topics", function (needs) {
|
|
needs.pretender((server, helper) => {
|
|
const topicResponse = cloneJSON(topicFixtures["/t/280/1.json"]);
|
|
const firstPost = topicResponse.post_stream.posts[0];
|
|
firstPost.cooked += `\n<a class='same-topic-slugless' href='/t/280'>Link 1</a>`;
|
|
firstPost.cooked += `\n<a class='same-topic-slugless-post' href='/t/280/3'>Link 2</a>`;
|
|
firstPost.cooked += `\n<a class='diff-topic-slugless' href='/t/28830'>Link 3</a>`;
|
|
firstPost.cooked += `\n<a class='diff-topic-slugless-post' href='/t/28830/1'>Link 4</a>`;
|
|
firstPost.cooked += `\n<a class='by-post-id' href='/p/${firstPost.id}'>Link to Post</a>`;
|
|
|
|
server.get("/t/280.json", () => helper.response(topicResponse));
|
|
server.get("/t/280/:post_number.json", () =>
|
|
helper.response(topicResponse)
|
|
);
|
|
});
|
|
|
|
test("clicking slug-less URLs within the same topic", async function (assert) {
|
|
await visit("/t/-/280");
|
|
await click("a.same-topic-slugless");
|
|
assert.true(currentURL().includes("/280"));
|
|
|
|
await click("a.same-topic-slugless-post");
|
|
assert.true(currentURL().includes("/280"));
|
|
});
|
|
|
|
test("clicking slug-less URLs to a different topic", async function (assert) {
|
|
await visit("/t/-/280");
|
|
await click("a.diff-topic-slugless");
|
|
assert.true(currentURL().includes("/28830"));
|
|
|
|
await visit("/t/-/280");
|
|
await click("a.diff-topic-slugless-post");
|
|
assert.true(currentURL().includes("/28830"));
|
|
});
|
|
|
|
test("clicking post URLs", async function (assert) {
|
|
await visit("/t/-/280");
|
|
await click("a.by-post-id");
|
|
assert.true(currentURL().includes("/280"));
|
|
});
|
|
});
|
|
|
|
acceptance("Topic stats update automatically", function () {
|
|
test("Likes count updates automatically", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
const oldLikesCount = document.querySelector(
|
|
"#post_1 .topic-map .topic-map__likes-trigger .number"
|
|
).textContent;
|
|
const likesChangedFixture = {
|
|
id: 280,
|
|
type: "stats",
|
|
like_count: parseInt(oldLikesCount, 10) + 42,
|
|
};
|
|
const expectedLikesCount = likesChangedFixture.like_count.toString();
|
|
|
|
// simulate the topic like_count being changed
|
|
await publishToMessageBus("/topic/280", likesChangedFixture);
|
|
|
|
assert
|
|
.dom("#post_1 .topic-map .topic-map__likes-trigger .number")
|
|
.hasText(expectedLikesCount);
|
|
assert.notStrictEqual(
|
|
oldLikesCount,
|
|
expectedLikesCount,
|
|
"updates the likes count on the topic stats"
|
|
);
|
|
});
|
|
});
|