1051 lines
32 KiB
JavaScript
1051 lines
32 KiB
JavaScript
import componentTest, {
|
|
setupRenderingTest,
|
|
} from "discourse/tests/helpers/component-test";
|
|
import {
|
|
count,
|
|
discourseModule,
|
|
exists,
|
|
queryAll,
|
|
} from "discourse/tests/helpers/qunit-helpers";
|
|
import EmberObject from "@ember/object";
|
|
import I18n from "I18n";
|
|
import { click } from "@ember/test-helpers";
|
|
import hbs from "htmlbars-inline-precompile";
|
|
|
|
discourseModule("Integration | Component | Widget | post", function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
componentTest("basic elements", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { shareUrl: "/example", post_number: 1 });
|
|
},
|
|
test(assert) {
|
|
assert.ok(exists(".names"), "includes poster name");
|
|
|
|
assert.ok(exists("a.post-date"), "includes post date");
|
|
assert.ok(exists("a.post-date[data-share-url]"));
|
|
assert.ok(exists("a.post-date[data-post-number]"));
|
|
},
|
|
});
|
|
|
|
componentTest("post - links", {
|
|
template: hbs`{{mount-widget widget="post-contents" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
cooked:
|
|
"<a href='http://link1.example.com/'>first link</a> and <a href='http://link2.example.com/?some=query'>second link</a>",
|
|
linkCounts: [
|
|
{ url: "http://link1.example.com/", clicks: 1, internal: true },
|
|
{ url: "http://link2.example.com/", clicks: 2, internal: true },
|
|
],
|
|
});
|
|
},
|
|
async test(assert) {
|
|
assert.strictEqual(queryAll(".badge.clicks:nth(0)").text(), "1");
|
|
assert.strictEqual(queryAll(".badge.clicks:nth(1)").text(), "2");
|
|
},
|
|
});
|
|
|
|
componentTest("post - onebox links", {
|
|
template: hbs`{{mount-widget widget="post-contents" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
cooked: `
|
|
<p><a href="https://example.com">Other URL</a></p>
|
|
|
|
<aside class="onebox twitterstatus" data-onebox-src="https://twitter.com/codinghorror">
|
|
<header class="source">
|
|
<a href="https://twitter.com/codinghorror" target="_blank" rel="noopener">twitter.com</a>
|
|
</header>
|
|
<article class="onebox-body">
|
|
<h4><a href="https://twitter.com/codinghorror" target="_blank" rel="noopener">Jeff Atwood</a></h4>
|
|
<div class="twitter-screen-name"><a href="https://twitter.com/codinghorror" target="_blank" rel="noopener">@codinghorror</a></div>
|
|
</article>
|
|
</aside>`,
|
|
linkCounts: [
|
|
{ url: "https://example.com", clicks: 1 },
|
|
{ url: "https://twitter.com/codinghorror", clicks: 2 },
|
|
],
|
|
});
|
|
},
|
|
async test(assert) {
|
|
assert.strictEqual(queryAll(".badge.clicks").length, 2);
|
|
assert.strictEqual(queryAll(".badge.clicks:nth(0)").text(), "1");
|
|
assert.strictEqual(queryAll(".badge.clicks:nth(1)").text(), "2");
|
|
},
|
|
});
|
|
|
|
componentTest("wiki", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args showHistory=showHistory}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { wiki: true, version: 2, canViewEditHistory: true });
|
|
this.set("showHistory", () => (this.historyShown = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-info .wiki");
|
|
assert.ok(
|
|
this.historyShown,
|
|
"clicking the wiki icon displays the post history"
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("wiki without revision", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args editPost=editPost}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { wiki: true, version: 1, canViewEditHistory: true });
|
|
this.set("editPost", () => (this.editPostCalled = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-info .wiki");
|
|
assert.ok(this.editPostCalled, "clicking wiki icon edits the post");
|
|
},
|
|
});
|
|
|
|
componentTest("via-email", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args showRawEmail=showRawEmail}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { via_email: true, canViewRawEmail: true });
|
|
this.set("showRawEmail", () => (this.rawEmailShown = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-info.via-email");
|
|
assert.ok(
|
|
this.rawEmailShown,
|
|
"clicking the envelope shows the raw email"
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("via-email without permission", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args showRawEmail=showRawEmail}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { via_email: true, canViewRawEmail: false });
|
|
this.set("showRawEmail", () => (this.rawEmailShown = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-info.via-email");
|
|
assert.ok(
|
|
!this.rawEmailShown,
|
|
"clicking the envelope doesn't show the raw email"
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("history", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args showHistory=showHistory}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { version: 3, canViewEditHistory: true });
|
|
this.set("showHistory", () => (this.historyShown = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-info.edits button");
|
|
assert.ok(this.historyShown, "clicking the pencil shows the history");
|
|
},
|
|
});
|
|
|
|
componentTest("history without view permission", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args showHistory=showHistory}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { version: 3, canViewEditHistory: false });
|
|
this.set("showHistory", () => (this.historyShown = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-info.edits");
|
|
assert.ok(
|
|
!this.historyShown,
|
|
`clicking the pencil doesn't show the history`
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("whisper", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { isWhisper: true });
|
|
},
|
|
test(assert) {
|
|
assert.strictEqual(count(".topic-post.whisper"), 1);
|
|
assert.strictEqual(count(".post-info.whisper"), 1);
|
|
},
|
|
});
|
|
|
|
componentTest("like count button", {
|
|
template: hbs`{{mount-widget widget="post" model=post args=args}}`,
|
|
beforeEach(store) {
|
|
const topic = store.createRecord("topic", { id: 123 });
|
|
const post = store.createRecord("post", {
|
|
id: 1,
|
|
post_number: 1,
|
|
topic,
|
|
like_count: 3,
|
|
actions_summary: [{ id: 2, count: 1, hidden: false, can_act: true }],
|
|
});
|
|
this.set("post", post);
|
|
this.set("args", { likeCount: 1 });
|
|
},
|
|
async test(assert) {
|
|
assert.strictEqual(count("button.like-count"), 1);
|
|
assert.ok(!exists(".who-liked"));
|
|
|
|
// toggle it on
|
|
await click("button.like-count");
|
|
assert.strictEqual(count(".who-liked"), 1);
|
|
assert.strictEqual(count(".who-liked a.trigger-user-card"), 1);
|
|
|
|
// toggle it off
|
|
await click("button.like-count");
|
|
assert.ok(!exists(".who-liked"));
|
|
assert.ok(!exists(".who-liked a.trigger-user-card"));
|
|
},
|
|
});
|
|
|
|
componentTest(`like count with no likes`, {
|
|
template: hbs`{{mount-widget widget="post" model=post args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { likeCount: 0 });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.like-count"));
|
|
},
|
|
});
|
|
|
|
componentTest("share button", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { shareUrl: "http://share-me.example.com" });
|
|
},
|
|
test(assert) {
|
|
assert.ok(
|
|
exists(".actions button[data-share-url]"),
|
|
"it renders a share button"
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("liking", {
|
|
template: hbs`
|
|
{{mount-widget widget="post-menu" args=args toggleLike=toggleLike}}
|
|
`,
|
|
beforeEach() {
|
|
const args = { showLike: true, canToggleLike: true, id: 5 };
|
|
this.set("args", args);
|
|
this.set("toggleLike", () => {
|
|
args.liked = !args.liked;
|
|
args.likeCount = args.liked ? 1 : 0;
|
|
});
|
|
},
|
|
async test(assert) {
|
|
assert.ok(exists(".actions button.like"));
|
|
assert.ok(!exists(".actions button.like-count"));
|
|
|
|
await click(".actions button.like");
|
|
assert.ok(!exists(".actions button.like"));
|
|
assert.ok(exists(".actions button.has-like"));
|
|
assert.strictEqual(count(".actions button.like-count"), 1);
|
|
|
|
await click(".actions button.has-like");
|
|
assert.ok(exists(".actions button.like"));
|
|
assert.ok(!exists(".actions button.has-like"));
|
|
assert.ok(!exists(".actions button.like-count"));
|
|
},
|
|
});
|
|
|
|
componentTest("anon liking", {
|
|
template: hbs`
|
|
{{mount-widget widget="post-menu" args=args showLogin=showLogin}}
|
|
`,
|
|
anonymous: true,
|
|
beforeEach() {
|
|
const args = { showLike: true };
|
|
this.set("args", args);
|
|
this.set("showLogin", () => (this.loginShown = true));
|
|
},
|
|
async test(assert) {
|
|
assert.ok(exists(".actions button.like"));
|
|
assert.ok(!exists(".actions button.like-count"));
|
|
|
|
assert.strictEqual(
|
|
queryAll("button.like").attr("title"),
|
|
I18n.t("post.controls.like"),
|
|
`shows the right button title for anonymous users`
|
|
);
|
|
|
|
await click(".actions button.like");
|
|
assert.ok(this.loginShown);
|
|
},
|
|
});
|
|
|
|
componentTest("edit button", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args editPost=editPost}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { canEdit: true });
|
|
this.set("editPost", () => (this.editPostCalled = true));
|
|
},
|
|
async test(assert) {
|
|
await click("button.edit");
|
|
assert.ok(this.editPostCalled, "it triggered the edit action");
|
|
},
|
|
});
|
|
|
|
componentTest(`edit button - can't edit`, {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { canEdit: false });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.edit"), "button is not displayed");
|
|
},
|
|
});
|
|
|
|
componentTest("recover button", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args deletePost=deletePost}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { canDelete: true });
|
|
this.set("deletePost", () => (this.deletePostCalled = true));
|
|
},
|
|
async test(assert) {
|
|
await click("button.delete");
|
|
assert.ok(this.deletePostCalled, "it triggered the delete action");
|
|
},
|
|
});
|
|
|
|
componentTest("delete topic button", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args deletePost=deletePost}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { canDeleteTopic: true });
|
|
this.set("deletePost", () => (this.deletePostCalled = true));
|
|
},
|
|
async test(assert) {
|
|
await click("button.delete");
|
|
assert.ok(this.deletePostCalled, "it triggered the delete action");
|
|
},
|
|
});
|
|
|
|
componentTest(`delete topic button - can't delete`, {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { canDeleteTopic: false });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.delete"), `button is not displayed`);
|
|
},
|
|
});
|
|
|
|
componentTest(
|
|
`delete topic button - can't delete when topic author without permission`,
|
|
{
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
canDeleteTopic: false,
|
|
showFlagDelete: true,
|
|
canFlag: true,
|
|
});
|
|
},
|
|
|
|
async test(assert) {
|
|
await click(".show-more-actions");
|
|
|
|
assert.strictEqual(
|
|
count("button.create-flag"),
|
|
1,
|
|
`button is displayed`
|
|
);
|
|
assert.strictEqual(count("button.delete"), 1, `button is displayed`);
|
|
assert.strictEqual(
|
|
queryAll("button.delete").attr("title"),
|
|
I18n.t("post.controls.delete_topic_disallowed"),
|
|
`shows the right button title for users without permissions`
|
|
);
|
|
},
|
|
}
|
|
);
|
|
|
|
componentTest("recover topic button", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args recoverPost=recoverPost}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { canRecoverTopic: true });
|
|
this.set("recoverPost", () => (this.recovered = true));
|
|
},
|
|
async test(assert) {
|
|
await click("button.recover");
|
|
assert.ok(this.recovered);
|
|
},
|
|
});
|
|
|
|
componentTest(`recover topic button - can't recover`, {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { canRecoverTopic: false });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.recover"), `button is not displayed`);
|
|
},
|
|
});
|
|
|
|
componentTest("delete post button", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args deletePost=deletePost}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { canDelete: true, canFlag: true });
|
|
this.set("deletePost", () => (this.deletePostCalled = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".show-more-actions");
|
|
await click("button.delete");
|
|
assert.ok(this.deletePostCalled, "it triggered the delete action");
|
|
},
|
|
});
|
|
|
|
componentTest(`delete post button - can't delete`, {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { canDelete: false });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.delete"), `button is not displayed`);
|
|
},
|
|
});
|
|
|
|
componentTest(`delete post button - can't delete, can't flag`, {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
canDeleteTopic: false,
|
|
showFlagDelete: false,
|
|
canFlag: false,
|
|
});
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.delete"), `delete button is not displayed`);
|
|
assert.ok(!exists("button.create-flag"), `flag button is not displayed`);
|
|
},
|
|
});
|
|
|
|
componentTest("recover post button", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args recoverPost=recoverPost}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { canRecover: true });
|
|
this.set("recoverPost", () => (this.recovered = true));
|
|
},
|
|
async test(assert) {
|
|
await click("button.recover");
|
|
assert.ok(this.recovered);
|
|
},
|
|
});
|
|
|
|
componentTest(`recover post button - can't recover`, {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { canRecover: false });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.recover"), `button is not displayed`);
|
|
},
|
|
});
|
|
|
|
componentTest(`flagging`, {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args showFlags=showFlags}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { canFlag: true });
|
|
this.set("showFlags", () => (this.flagsShown = true));
|
|
},
|
|
async test(assert) {
|
|
assert.strictEqual(count("button.create-flag"), 1);
|
|
|
|
await click("button.create-flag");
|
|
assert.ok(this.flagsShown, "it triggered the action");
|
|
},
|
|
});
|
|
|
|
componentTest(`flagging: can't flag`, {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { canFlag: false });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.create-flag"));
|
|
},
|
|
});
|
|
|
|
componentTest(`flagging: can't flag when post is hidden`, {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { canFlag: true, hidden: true });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.create-flag"));
|
|
},
|
|
});
|
|
|
|
componentTest(`read indicator`, {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { read: true });
|
|
},
|
|
test(assert) {
|
|
assert.ok(exists(".read-state.read"));
|
|
},
|
|
});
|
|
|
|
componentTest(`unread indicator`, {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { read: false });
|
|
},
|
|
test(assert) {
|
|
assert.ok(exists(".read-state"));
|
|
},
|
|
});
|
|
|
|
componentTest("reply directly above (suppressed)", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
replyToUsername: "eviltrout",
|
|
replyToAvatarTemplate: "/images/avatar.png",
|
|
replyDirectlyAbove: true,
|
|
});
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("a.reply-to-tab"), "hides the tab");
|
|
assert.ok(!exists(".avoid-tab"), "doesn't have the avoid tab class");
|
|
},
|
|
});
|
|
|
|
componentTest("reply a few posts above (suppressed)", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
replyToUsername: "eviltrout",
|
|
replyToAvatarTemplate: "/images/avatar.png",
|
|
replyDirectlyAbove: false,
|
|
});
|
|
},
|
|
test(assert) {
|
|
assert.ok(exists("a.reply-to-tab"), "shows the tab");
|
|
assert.strictEqual(count(".avoid-tab"), 1, "has the avoid tab class");
|
|
},
|
|
});
|
|
|
|
componentTest("reply directly above", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
replyToUsername: "eviltrout",
|
|
replyToAvatarTemplate: "/images/avatar.png",
|
|
replyDirectlyAbove: true,
|
|
});
|
|
this.siteSettings.suppress_reply_directly_above = false;
|
|
},
|
|
async test(assert) {
|
|
assert.strictEqual(count(".avoid-tab"), 1, "has the avoid tab class");
|
|
await click("a.reply-to-tab");
|
|
assert.strictEqual(count("section.embedded-posts.top .cooked"), 1);
|
|
assert.strictEqual(count("section.embedded-posts .d-icon-arrow-up"), 1);
|
|
},
|
|
});
|
|
|
|
componentTest("cooked content hidden", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args expandHidden=expandHidden}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { cooked_hidden: true });
|
|
this.set("expandHidden", () => (this.unhidden = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".topic-body .expand-hidden");
|
|
assert.ok(this.unhidden, "triggers the action");
|
|
},
|
|
});
|
|
|
|
componentTest("expand first post", {
|
|
template: hbs`{{mount-widget widget="post" model=post args=args}}`,
|
|
beforeEach(store) {
|
|
this.set("args", { expandablePost: true });
|
|
this.set("post", store.createRecord("post", { id: 1234 }));
|
|
},
|
|
async test(assert) {
|
|
await click(".topic-body .expand-post");
|
|
assert.ok(!exists(".expand-post"), "button is gone");
|
|
},
|
|
});
|
|
|
|
componentTest("can't bookmark", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { canBookmark: false });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.bookmark"));
|
|
assert.ok(!exists("button.bookmarked"));
|
|
},
|
|
});
|
|
|
|
componentTest("bookmark", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args toggleBookmark=toggleBookmark}}
|
|
`,
|
|
beforeEach() {
|
|
const args = { canBookmark: true };
|
|
|
|
this.set("args", args);
|
|
this.set("toggleBookmark", () => (args.bookmarked = true));
|
|
},
|
|
async test(assert) {
|
|
assert.strictEqual(count(".post-menu-area .bookmark"), 1);
|
|
assert.ok(!exists("button.bookmarked"));
|
|
},
|
|
});
|
|
|
|
componentTest("can't show admin menu when you can't manage", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { canManage: false });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists(".post-menu-area .show-post-admin-menu"));
|
|
},
|
|
});
|
|
|
|
componentTest("show admin menu", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { canManage: true });
|
|
},
|
|
async test(assert) {
|
|
assert.ok(!exists(".post-admin-menu"));
|
|
await click(".post-menu-area .show-post-admin-menu");
|
|
assert.strictEqual(count(".post-admin-menu"), 1, "it shows the popup");
|
|
await click(".post-menu-area");
|
|
assert.ok(
|
|
!exists(".post-admin-menu"),
|
|
"clicking outside clears the popup"
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("permanently delete topic", {
|
|
template: hbs`{{mount-widget widget="post" args=args permanentlyDeletePost=permanentlyDeletePost}}`,
|
|
beforeEach() {
|
|
this.set("args", { canManage: true, canPermanentlyDelete: true });
|
|
this.set("permanentlyDeletePost", () => (this.deleted = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-menu-area .show-post-admin-menu");
|
|
await click(".post-admin-menu .permanently-delete");
|
|
assert.ok(this.deleted);
|
|
assert.ok(!exists(".post-admin-menu"), "also hides the menu");
|
|
},
|
|
});
|
|
|
|
componentTest("permanently delete post", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args permanentlyDeletePost=permanentlyDeletePost}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { canManage: true, canPermanentlyDelete: true });
|
|
this.set("permanentlyDeletePost", () => (this.deleted = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-menu-area .show-post-admin-menu");
|
|
await click(".post-admin-menu .permanently-delete");
|
|
assert.ok(this.deleted);
|
|
assert.ok(!exists(".post-admin-menu"), "also hides the menu");
|
|
},
|
|
});
|
|
|
|
componentTest("toggle moderator post", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args togglePostType=togglePostType}}
|
|
`,
|
|
beforeEach() {
|
|
this.currentUser.set("moderator", true);
|
|
this.set("args", { canManage: true });
|
|
this.set("togglePostType", () => (this.toggled = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-menu-area .show-post-admin-menu");
|
|
await click(".post-admin-menu .toggle-post-type");
|
|
|
|
assert.ok(this.toggled);
|
|
assert.ok(!exists(".post-admin-menu"), "also hides the menu");
|
|
},
|
|
});
|
|
componentTest("toggle moderator post", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args togglePostType=togglePostType}}
|
|
`,
|
|
beforeEach() {
|
|
this.currentUser.set("moderator", true);
|
|
this.set("args", { canManage: true });
|
|
this.set("togglePostType", () => (this.toggled = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-menu-area .show-post-admin-menu");
|
|
await click(".post-admin-menu .toggle-post-type");
|
|
|
|
assert.ok(this.toggled);
|
|
assert.ok(!exists(".post-admin-menu"), "also hides the menu");
|
|
},
|
|
});
|
|
|
|
componentTest("rebake post", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args rebakePost=rebakePost}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { canManage: true });
|
|
this.set("rebakePost", () => (this.baked = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-menu-area .show-post-admin-menu");
|
|
await click(".post-admin-menu .rebuild-html");
|
|
assert.ok(this.baked);
|
|
assert.ok(!exists(".post-admin-menu"), "also hides the menu");
|
|
},
|
|
});
|
|
|
|
componentTest("unhide post", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args unhidePost=unhidePost}}
|
|
`,
|
|
beforeEach() {
|
|
this.currentUser.admin = true;
|
|
this.set("args", { canManage: true, hidden: true });
|
|
this.set("unhidePost", () => (this.unhidden = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-menu-area .show-post-admin-menu");
|
|
await click(".post-admin-menu .unhide-post");
|
|
assert.ok(this.unhidden);
|
|
assert.ok(!exists(".post-admin-menu"), "also hides the menu");
|
|
},
|
|
});
|
|
|
|
componentTest("change owner", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args changePostOwner=changePostOwner}}
|
|
`,
|
|
beforeEach() {
|
|
this.currentUser.admin = true;
|
|
this.set("args", { canManage: true });
|
|
this.set("changePostOwner", () => (this.owned = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-menu-area .show-post-admin-menu");
|
|
await click(".post-admin-menu .change-owner");
|
|
assert.ok(this.owned);
|
|
assert.ok(!exists(".post-admin-menu"), "also hides the menu");
|
|
},
|
|
});
|
|
|
|
componentTest("reply", {
|
|
template: hbs`
|
|
{{mount-widget widget="post" args=args replyToPost=replyToPost}}
|
|
`,
|
|
beforeEach() {
|
|
this.set("args", { canCreatePost: true });
|
|
this.set("replyToPost", () => (this.replied = true));
|
|
},
|
|
async test(assert) {
|
|
await click(".post-controls .create");
|
|
assert.ok(this.replied);
|
|
},
|
|
});
|
|
|
|
componentTest("reply - without permissions", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { canCreatePost: false });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists(".post-controls .create"));
|
|
},
|
|
});
|
|
|
|
componentTest("replies - no replies", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { replyCount: 0 });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.show-replies"));
|
|
},
|
|
});
|
|
|
|
componentTest("replies - multiple replies", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.siteSettings.suppress_reply_directly_below = true;
|
|
this.set("args", { replyCount: 2, replyDirectlyBelow: true });
|
|
},
|
|
test(assert) {
|
|
assert.strictEqual(count("button.show-replies"), 1);
|
|
},
|
|
});
|
|
|
|
componentTest("replies - one below, suppressed", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.siteSettings.suppress_reply_directly_below = true;
|
|
this.set("args", { replyCount: 1, replyDirectlyBelow: true });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists("button.show-replies"));
|
|
},
|
|
});
|
|
|
|
componentTest("replies - one below, not suppressed", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.siteSettings.suppress_reply_directly_below = false;
|
|
this.set("args", { id: 6654, replyCount: 1, replyDirectlyBelow: true });
|
|
},
|
|
async test(assert) {
|
|
await click("button.show-replies");
|
|
assert.strictEqual(count("section.embedded-posts.bottom .cooked"), 1);
|
|
assert.strictEqual(count("section.embedded-posts .d-icon-arrow-down"), 1);
|
|
},
|
|
});
|
|
|
|
componentTest("topic map not shown", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { showTopicMap: false });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists(".topic-map"));
|
|
},
|
|
});
|
|
|
|
componentTest("topic map - few posts", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
showTopicMap: true,
|
|
topicPostsCount: 2,
|
|
participants: [{ username: "eviltrout" }, { username: "codinghorror" }],
|
|
});
|
|
},
|
|
async test(assert) {
|
|
assert.ok(
|
|
!exists("li.avatars a.poster"),
|
|
"shows no participants when collapsed"
|
|
);
|
|
|
|
await click("nav.buttons button");
|
|
assert.strictEqual(
|
|
count(".topic-map-expanded a.poster"),
|
|
2,
|
|
"shows all when expanded"
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("topic map - participants", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
showTopicMap: true,
|
|
topicPostsCount: 10,
|
|
participants: [
|
|
{ username: "eviltrout" },
|
|
{ username: "codinghorror" },
|
|
{ username: "sam" },
|
|
{ username: "ZogStrIP" },
|
|
],
|
|
userFilters: ["sam", "codinghorror"],
|
|
});
|
|
},
|
|
async test(assert) {
|
|
assert.strictEqual(
|
|
count("li.avatars a.poster"),
|
|
3,
|
|
"limits to three participants"
|
|
);
|
|
|
|
await click("nav.buttons button");
|
|
assert.ok(!exists("li.avatars a.poster"));
|
|
assert.strictEqual(
|
|
count(".topic-map-expanded a.poster"),
|
|
4,
|
|
"shows all when expanded"
|
|
);
|
|
assert.strictEqual(count("a.poster.toggled"), 2, "two are toggled");
|
|
},
|
|
});
|
|
|
|
componentTest("topic map - links", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
showTopicMap: true,
|
|
topicLinks: [
|
|
{ url: "http://link1.example.com", clicks: 0 },
|
|
{ url: "http://link2.example.com", clicks: 0 },
|
|
{ url: "http://link3.example.com", clicks: 0 },
|
|
{ url: "http://link4.example.com", clicks: 0 },
|
|
{ url: "http://link5.example.com", clicks: 0 },
|
|
{ url: "http://link6.example.com", clicks: 0 },
|
|
],
|
|
});
|
|
},
|
|
async test(assert) {
|
|
assert.strictEqual(count(".topic-map"), 1);
|
|
assert.strictEqual(count(".map.map-collapsed"), 1);
|
|
assert.ok(!exists(".topic-map-expanded"));
|
|
|
|
await click("nav.buttons button");
|
|
assert.ok(!exists(".map.map-collapsed"));
|
|
assert.strictEqual(count(".topic-map .d-icon-chevron-up"), 1);
|
|
assert.strictEqual(count(".topic-map-expanded"), 1);
|
|
assert.strictEqual(
|
|
count(".topic-map-expanded .topic-link"),
|
|
5,
|
|
"it limits the links displayed"
|
|
);
|
|
|
|
await click(".link-summary button");
|
|
assert.strictEqual(
|
|
count(".topic-map-expanded .topic-link"),
|
|
6,
|
|
"all links now shown"
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("topic map - no summary", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", { showTopicMap: true });
|
|
},
|
|
test(assert) {
|
|
assert.ok(!exists(".toggle-summary"));
|
|
},
|
|
});
|
|
|
|
componentTest("topic map - has summary", {
|
|
template: hbs`{{mount-widget widget="post" args=args showSummary=showSummary}}`,
|
|
beforeEach() {
|
|
this.set("args", { showTopicMap: true, hasTopicSummary: true });
|
|
this.set("showSummary", () => (this.summaryToggled = true));
|
|
},
|
|
async test(assert) {
|
|
assert.strictEqual(count(".toggle-summary"), 1);
|
|
|
|
await click(".toggle-summary button");
|
|
assert.ok(this.summaryToggled);
|
|
},
|
|
});
|
|
|
|
componentTest("pm map", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
showTopicMap: true,
|
|
showPMMap: true,
|
|
allowedGroups: [],
|
|
allowedUsers: [EmberObject.create({ username: "eviltrout" })],
|
|
});
|
|
},
|
|
test(assert) {
|
|
assert.strictEqual(count(".private-message-map"), 1);
|
|
assert.strictEqual(count(".private-message-map .user"), 1);
|
|
},
|
|
});
|
|
|
|
componentTest("post notice - with username", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
const twoDaysAgo = new Date();
|
|
twoDaysAgo.setDate(twoDaysAgo.getDate() - 2);
|
|
this.siteSettings.display_name_on_posts = false;
|
|
this.siteSettings.prioritize_username_in_ux = true;
|
|
this.siteSettings.old_post_notice_days = 14;
|
|
this.set("args", {
|
|
username: "codinghorror",
|
|
name: "Jeff",
|
|
created_at: new Date(),
|
|
notice: {
|
|
type: "returning_user",
|
|
lastPostedAt: twoDaysAgo,
|
|
},
|
|
});
|
|
},
|
|
test(assert) {
|
|
assert.strictEqual(
|
|
queryAll(".post-notice.returning-user:not(.old)").text().trim(),
|
|
I18n.t("post.notice.returning_user", {
|
|
user: "codinghorror",
|
|
time: "2 days ago",
|
|
})
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("post notice - with name", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.siteSettings.display_name_on_posts = true;
|
|
this.siteSettings.prioritize_username_in_ux = false;
|
|
this.siteSettings.old_post_notice_days = 14;
|
|
this.set("args", {
|
|
username: "codinghorror",
|
|
name: "Jeff",
|
|
created_at: new Date(2019, 0, 1),
|
|
notice: { type: "new_user" },
|
|
});
|
|
},
|
|
test(assert) {
|
|
assert.strictEqual(
|
|
queryAll(".post-notice.old.new-user").text().trim(),
|
|
I18n.t("post.notice.new_user", { user: "Jeff", time: "Jan '10" })
|
|
);
|
|
},
|
|
});
|
|
|
|
componentTest("show group request in post", {
|
|
template: hbs`{{mount-widget widget="post" args=args}}`,
|
|
beforeEach() {
|
|
this.set("args", {
|
|
username: "foo",
|
|
requestedGroupName: "testGroup",
|
|
});
|
|
},
|
|
test(assert) {
|
|
const link = queryAll(".group-request a");
|
|
assert.strictEqual(link.text().trim(), I18n.t("groups.requests.handle"));
|
|
assert.strictEqual(link.attr("href"), "/g/testGroup/requests?filter=foo");
|
|
},
|
|
});
|
|
});
|