mirror of
https://github.com/discourse/discourse.git
synced 2024-12-12 18:23:43 +08:00
c34f8b65cb
As of #23867 this is now a real package, so updating the imports to use the real package name, rather than relying on the alias. The name change in the package name is because `I18n` is not a valid name as NPM packages must be all lowercase. This commit also introduces an eslint rule to prevent importing from the old I18n path. For themes/plugins, the old 'i18n' name remains functional.
116 lines
3.7 KiB
JavaScript
116 lines
3.7 KiB
JavaScript
import { click, render } from "@ember/test-helpers";
|
|
import hbs from "htmlbars-inline-precompile";
|
|
import { module, test } from "qunit";
|
|
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
|
|
import pretender from "discourse/tests/helpers/create-pretender";
|
|
import { query, queryAll } from "discourse/tests/helpers/qunit-helpers";
|
|
import I18n from "discourse-i18n";
|
|
import fabricators from "discourse/plugins/chat/discourse/lib/fabricators";
|
|
|
|
module("Discourse Chat | Component | chat-notice", function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test("displays all notices for a channel", async function (assert) {
|
|
this.channel = fabricators.channel();
|
|
this.manager = this.container.lookup(
|
|
"service:chatChannelPaneSubscriptionsManager"
|
|
);
|
|
this.manager.handleNotice({
|
|
channel_id: this.channel.id,
|
|
text_content: "hello",
|
|
});
|
|
this.manager.handleNotice({
|
|
channel_id: this.channel.id,
|
|
text_content: "goodbye",
|
|
});
|
|
this.manager.handleNotice({
|
|
channel_id: this.channel.id + 1,
|
|
text_content: "N/A",
|
|
});
|
|
|
|
await render(hbs`<ChatNotices @channel={{this.channel}} />`);
|
|
|
|
const notices = queryAll(".chat-notices .chat-notices__notice");
|
|
|
|
assert.strictEqual(notices.length, 2, "Two notices are rendered");
|
|
|
|
assert.true(notices[0].innerText.includes("hello"));
|
|
assert.true(notices[1].innerText.includes("goodbye"));
|
|
});
|
|
|
|
test("Notices can be cleared", async function (assert) {
|
|
this.channel = fabricators.channel();
|
|
this.manager = this.container.lookup(
|
|
"service:chatChannelPaneSubscriptionsManager"
|
|
);
|
|
this.manager.handleNotice({
|
|
channel_id: this.channel.id,
|
|
text_content: "hello",
|
|
});
|
|
|
|
await render(hbs`<ChatNotices @channel={{this.channel}} />`);
|
|
|
|
assert.strictEqual(
|
|
queryAll(".chat-notices .chat-notices__notice").length,
|
|
1,
|
|
"Notice is present"
|
|
);
|
|
|
|
await click(query(".chat-notices__notice__clear"), "Clear the notice");
|
|
|
|
assert.strictEqual(
|
|
queryAll(".chat-notices .chat-notices__notice").length,
|
|
0,
|
|
"Notice was cleared"
|
|
);
|
|
});
|
|
test("MentionWithoutMembership notice renders", async function (assert) {
|
|
this.channel = fabricators.channel();
|
|
this.manager = this.container.lookup(
|
|
"service:chatChannelPaneSubscriptionsManager"
|
|
);
|
|
const text = "Joffrey can't chat, hermano";
|
|
this.manager.handleNotice({
|
|
channel_id: this.channel.id,
|
|
notice_type: "mention_without_membership",
|
|
data: { user_ids: [1], message_id: 1, text },
|
|
});
|
|
|
|
await render(hbs`<ChatNotices @channel={{this.channel}} />`);
|
|
|
|
assert.strictEqual(
|
|
queryAll(
|
|
".chat-notices .chat-notices__notice .mention-without-membership-notice"
|
|
).length,
|
|
1,
|
|
"Notice is present"
|
|
);
|
|
|
|
assert.dom(".mention-without-membership-notice__body__text").hasText(text);
|
|
assert
|
|
.dom(".mention-without-membership-notice__body__link")
|
|
.hasText(I18n.t("chat.mention_warning.invite"));
|
|
|
|
pretender.put(`/chat/${this.channel.id}/invite`, () => {
|
|
return [200, { "Content-Type": "application/json" }, {}];
|
|
});
|
|
|
|
await click(
|
|
query(".mention-without-membership-notice__body__link"),
|
|
"Invites the user"
|
|
);
|
|
|
|
// I would love to test that the invitation sent text is present here but
|
|
// dismiss is called right away instead of waiting 3 seconds.. Not much we can
|
|
// do about this - at least we are testing that nothing broke all the way through
|
|
// clearing the notice
|
|
assert.strictEqual(
|
|
queryAll(
|
|
".chat-notices .chat-notices__notice .mention-without-membership-notice"
|
|
).length,
|
|
0,
|
|
"Notice has been cleared"
|
|
);
|
|
});
|
|
});
|