mirror of
https://github.com/discourse/discourse.git
synced 2024-12-13 19:03:46 +08:00
1f37fe5fa5
- Made the emoji btn blue when composer is focused - Moved everything chat-composer-button to its own file and BEM-ified it and making the choice to only work with our own is-disabled definition instead of with the attribute :disabled, for consistency
146 lines
4.0 KiB
JavaScript
146 lines
4.0 KiB
JavaScript
import {
|
|
acceptance,
|
|
exists,
|
|
publishToMessageBus,
|
|
query,
|
|
} from "discourse/tests/helpers/qunit-helpers";
|
|
import { click, fillIn, settled, visit } from "@ember/test-helpers";
|
|
import { skip } from "qunit";
|
|
import {
|
|
baseChatPretenders,
|
|
chatChannelPretender,
|
|
} from "../helpers/chat-pretenders";
|
|
|
|
const GROUP_NAME = "group1";
|
|
|
|
acceptance("Discourse Chat - Composer", function (needs) {
|
|
needs.user({ has_chat_enabled: true });
|
|
needs.settings({ chat_enabled: true, enable_rich_text_paste: true });
|
|
needs.pretender((server, helper) => {
|
|
baseChatPretenders(server, helper);
|
|
chatChannelPretender(server, helper);
|
|
server.get("/chat/:id/messages.json", () =>
|
|
helper.response({ chat_messages: [], meta: {} })
|
|
);
|
|
server.get("/chat/emojis.json", () =>
|
|
helper.response({ favorites: [{ name: "grinning" }] })
|
|
);
|
|
server.post("/chat/drafts", () => {
|
|
return helper.response([]);
|
|
});
|
|
|
|
server.get("/chat/api/mentions/groups.json", () => {
|
|
return helper.response({
|
|
unreachable: [GROUP_NAME],
|
|
over_members_limit: [],
|
|
invalid: [],
|
|
});
|
|
});
|
|
});
|
|
|
|
needs.hooks.beforeEach(function () {
|
|
Object.defineProperty(this, "chatService", {
|
|
get: () => this.container.lookup("service:chat"),
|
|
});
|
|
});
|
|
|
|
skip("when pasting html in composer", async function (assert) {
|
|
await visit("/chat/c/another-category/11");
|
|
|
|
const clipboardEvent = new Event("paste", { bubbles: true });
|
|
clipboardEvent.clipboardData = {
|
|
types: ["text/html"],
|
|
getData: (type) => {
|
|
if (type === "text/html") {
|
|
return "<a href>Foo</a>";
|
|
}
|
|
},
|
|
};
|
|
|
|
document
|
|
.querySelector(".chat-composer__input")
|
|
.dispatchEvent(clipboardEvent);
|
|
|
|
await settled();
|
|
|
|
assert.equal(document.querySelector(".chat-composer__input").value, "Foo");
|
|
});
|
|
});
|
|
|
|
let sendAttempt = 0;
|
|
acceptance("Discourse Chat - Composer - unreliable network", function (needs) {
|
|
needs.user({ id: 1, has_chat_enabled: true });
|
|
needs.settings({ chat_enabled: true });
|
|
needs.pretender((server, helper) => {
|
|
chatChannelPretender(server, helper);
|
|
server.get("/chat/:id/messages.json", () =>
|
|
helper.response({ chat_messages: [], meta: {} })
|
|
);
|
|
server.post("/chat/drafts", () => helper.response(500, {}));
|
|
server.post("/chat/:id.json", () => {
|
|
sendAttempt += 1;
|
|
return sendAttempt === 1
|
|
? helper.response(500, {})
|
|
: helper.response({ success: true });
|
|
});
|
|
});
|
|
|
|
needs.hooks.beforeEach(function () {
|
|
Object.defineProperty(this, "chatService", {
|
|
get: () => this.container.lookup("service:chat"),
|
|
});
|
|
});
|
|
|
|
needs.hooks.afterEach(function () {
|
|
sendAttempt = 0;
|
|
});
|
|
|
|
skip("Sending a message with unreliable network", async function (assert) {
|
|
await visit("/chat/c/-/11");
|
|
await fillIn(".chat-composer__input", "network-error-message");
|
|
await click(".chat-composer-button.-send");
|
|
|
|
assert.ok(
|
|
exists(".chat-message-container[data-id='1'] .retry-staged-message-btn"),
|
|
"it adds a retry button"
|
|
);
|
|
|
|
await fillIn(".chat-composer__input", "network-error-message");
|
|
await click(".chat-composer-button.-send");
|
|
await publishToMessageBus(`/chat/11`, {
|
|
type: "sent",
|
|
staged_id: 1,
|
|
chat_message: {
|
|
cooked: "network-error-message",
|
|
id: 175,
|
|
user: { id: 1 },
|
|
},
|
|
});
|
|
|
|
assert.notOk(
|
|
exists(".chat-message-container[data-id='1'] .retry-staged-message-btn"),
|
|
"it removes the staged message"
|
|
);
|
|
assert.ok(
|
|
exists(".chat-message-container[data-id='175']"),
|
|
"it sends the message"
|
|
);
|
|
assert.strictEqual(
|
|
query(".chat-composer__input").value,
|
|
"",
|
|
"it clears the input"
|
|
);
|
|
});
|
|
|
|
skip("Draft with unreliable network", async function (assert) {
|
|
await visit("/chat/c/-/11");
|
|
this.chatService.set("isNetworkUnreliable", true);
|
|
await settled();
|
|
|
|
assert.ok(
|
|
exists(".chat-composer__unreliable-network"),
|
|
"it displays a network error icon"
|
|
);
|
|
});
|
|
});
|