mirror of
https://github.com/bringout/oca-ocb-core.git
synced 2026-04-21 14:12:06 +02:00
19.0 vanilla
This commit is contained in:
Ernad Husremovic
parent
d1963a3c3a
commit
2d3ee4855a
7430 changed files with 2687981 additions and 2965473 deletions
261
odoo-bringout-oca-ocb-mail/mail/static/tests/emoji/emoji.test.js
Normal file
261
odoo-bringout-oca-ocb-mail/mail/static/tests/emoji/emoji.test.js
Normal file
|
|
@ -0,0 +1,261 @@
|
|||
import {
|
||||
defineParams,
|
||||
patchWithCleanup,
|
||||
preloadBundle,
|
||||
serverState,
|
||||
} from "@web/../tests/web_test_helpers";
|
||||
|
||||
import {
|
||||
click,
|
||||
contains,
|
||||
defineMailModels,
|
||||
insertText,
|
||||
openDiscuss,
|
||||
scroll,
|
||||
start,
|
||||
startServer,
|
||||
triggerHotkey,
|
||||
} from "@mail/../tests/mail_test_helpers";
|
||||
import { describe, getFixture, test } from "@odoo/hoot";
|
||||
|
||||
import { queryFirst } from "@odoo/hoot-dom";
|
||||
|
||||
describe.current.tags("desktop");
|
||||
defineMailModels();
|
||||
preloadBundle("web.assets_emoji");
|
||||
|
||||
test("emoji picker correctly handles translations with special characters", async () => {
|
||||
defineParams({
|
||||
translations: {
|
||||
"Japanese “here” button": `Bouton "ici" japonais`,
|
||||
"heavy dollar sign": `Symbole du dollar\nlourd`,
|
||||
},
|
||||
});
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await insertText(".o-EmojiPicker-search input", "ici");
|
||||
await contains(`.o-Emoji[title='Bouton "ici" japonais']`);
|
||||
await insertText(".o-EmojiPicker-search input", "dollar", { replace: true });
|
||||
await contains(`.o-Emoji[title*='Symbole du dollar']`);
|
||||
});
|
||||
|
||||
test("search emoji from keywords", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await insertText("input[placeholder='Search emoji']", "mexican");
|
||||
await contains(".o-Emoji", { text: "🌮" });
|
||||
await insertText(".o-EmojiPicker-search input", "9", { replace: true });
|
||||
await contains(".o-Emoji:eq(0)", { text: "🕘" });
|
||||
await contains(".o-Emoji:eq(1)", { text: "🕤" });
|
||||
await contains(".o-Emoji:eq(2)", { text: "9️⃣" });
|
||||
});
|
||||
|
||||
test("search emoji from keywords should be case insensitive", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await insertText("input[placeholder='Search emoji']", "ok");
|
||||
await contains(".o-Emoji", { text: "🆗" }); // all search terms are uppercase OK
|
||||
});
|
||||
|
||||
test("search emoji from keywords with special regex character", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await insertText("input[placeholder='Search emoji']", "(blood");
|
||||
await contains(".o-Emoji", { text: "🆎" });
|
||||
});
|
||||
|
||||
test("updating search emoji should scroll top", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await contains(".o-EmojiPicker-content", { scroll: 0 });
|
||||
await scroll(".o-EmojiPicker-content", 150);
|
||||
await insertText("input[placeholder='Search emoji']", "m");
|
||||
await contains(".o-EmojiPicker-content", { scroll: 0 });
|
||||
});
|
||||
|
||||
test("Press Escape in emoji picker closes the emoji picker", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
triggerHotkey("Escape");
|
||||
await contains(".o-EmojiPicker", { count: 0 });
|
||||
});
|
||||
|
||||
test("Basic keyboard navigation", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await contains(".o-mail-Composer-input:focus"); // as to ensure no race condition with auto-focus of emoji picker
|
||||
await click("button[title='Add Emojis']");
|
||||
await contains(".o-Emoji[data-index='0'].o-active");
|
||||
// detect amount of emojis per row for navigation
|
||||
const emojis = Array.from(
|
||||
getFixture().querySelectorAll(".o-EmojiPicker-category[data-category='1'] ~ .o-Emoji")
|
||||
);
|
||||
const baseOffset = emojis[0].offsetTop;
|
||||
const breakIndex = emojis.findIndex((item) => item.offsetTop > baseOffset);
|
||||
const EMOJI_PER_ROW = breakIndex === -1 ? emojis.length : breakIndex;
|
||||
triggerHotkey("ArrowRight");
|
||||
await contains(".o-EmojiPicker-content .o-Emoji[data-index='1'].o-active");
|
||||
triggerHotkey("ArrowDown");
|
||||
await contains(`.o-EmojiPicker-content .o-Emoji[data-index='${EMOJI_PER_ROW + 1}'].o-active`);
|
||||
triggerHotkey("ArrowLeft");
|
||||
await contains(`.o-EmojiPicker-content .o-Emoji[data-index='${EMOJI_PER_ROW}'].o-active`);
|
||||
triggerHotkey("ArrowUp");
|
||||
await contains(".o-EmojiPicker-content .o-Emoji[data-index='0'].o-active");
|
||||
const { codepoints } = queryFirst(
|
||||
".o-EmojiPicker-content .o-Emoji[data-index='0'].o-active"
|
||||
).dataset;
|
||||
triggerHotkey("Enter");
|
||||
await contains(".o-EmojiPicker", { count: 0 });
|
||||
await contains(".o-mail-Composer-input", { value: codepoints });
|
||||
});
|
||||
|
||||
test("recent category (basic)", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await contains(".o-EmojiPicker-navbar [title='Frequently used']", { count: 0 });
|
||||
await click(".o-EmojiPicker-content .o-Emoji", { text: "😀" });
|
||||
await click("button[title='Add Emojis']");
|
||||
await contains(".o-EmojiPicker-navbar [title='Frequently used']");
|
||||
await contains(".o-Emoji", {
|
||||
text: "😀",
|
||||
after: ["span", { textContent: "Frequently used" }],
|
||||
before: ["span", { textContent: "Smileys & Emotion" }],
|
||||
});
|
||||
});
|
||||
|
||||
test("search emojis prioritize frequently used emojis", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await contains(".o-EmojiPicker-navbar [title='Frequently used']", { count: 0 });
|
||||
await click(".o-EmojiPicker-content .o-Emoji", { text: "🤥" });
|
||||
await click("button[title='Add Emojis']");
|
||||
await contains(".o-EmojiPicker-navbar [title='Frequently used']");
|
||||
await insertText("input[placeholder='Search emoji']", "lie");
|
||||
await contains(".o-EmojiPicker-sectionIcon", { count: 0 }); // await search performed
|
||||
await contains(".o-EmojiPicker-content .o-Emoji:eq(0)", { text: "🤥" });
|
||||
});
|
||||
|
||||
test("search matches only frequently used emojis", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await contains(".o-EmojiPicker-navbar [title='Frequently used']", { count: 0 });
|
||||
await click(".o-EmojiPicker-content .o-Emoji", { text: "🥦" });
|
||||
await click("button[title='Add Emojis']");
|
||||
await contains(".o-EmojiPicker-navbar [title='Frequently used']");
|
||||
await insertText(".o-EmojiPicker-search input", "brocoli");
|
||||
await contains(".o-EmojiPicker-sectionIcon", { count: 0 }); // await search performed
|
||||
await contains(".o-EmojiPicker-content .o-Emoji:eq(0)", { text: "🥦" });
|
||||
await contains(".o-EmojiPicker-content .o-Emoji", { count: 1 });
|
||||
await contains(".o-EmojiPicker-content:has(:text('No emojis match your search'))", {
|
||||
count: 0,
|
||||
});
|
||||
await insertText(".o-EmojiPicker-search input", "2");
|
||||
await contains(".o-EmojiPicker-content:has(:text('No emojis match your search'))");
|
||||
});
|
||||
|
||||
test("emoji usage amount orders frequent emojis", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await click(".o-EmojiPicker-content .o-Emoji", { text: "😀" });
|
||||
await click("button[title='Add Emojis']");
|
||||
await click(".o-EmojiPicker-content .o-Emoji", { text: "👽" });
|
||||
await click("button[title='Add Emojis']");
|
||||
await click(".o-EmojiPicker-content .o-Emoji", { text: "👽" });
|
||||
await click("button[title='Add Emojis']");
|
||||
await contains(".o-Emoji", {
|
||||
text: "👽",
|
||||
after: ["span", { textContent: "Frequently used" }],
|
||||
before: [
|
||||
".o-Emoji",
|
||||
{
|
||||
text: "😀",
|
||||
after: ["span", { textContent: "Frequently used" }],
|
||||
before: ["span", { textContent: "Smileys & Emotion" }],
|
||||
},
|
||||
],
|
||||
});
|
||||
});
|
||||
|
||||
test("first category should be highlighted by default", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await contains(".o-EmojiPicker-navbar :nth-child(1 of .o-Emoji).o-active");
|
||||
});
|
||||
|
||||
test("selecting an emoji while holding down the Shift key prevents the emoji picker from closing", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await click(".o-EmojiPicker-content .o-Emoji", { shiftKey: true, text: "👺" });
|
||||
await contains(".o-EmojiPicker-navbar [title='Frequently used']");
|
||||
await contains(".o-EmojiPicker");
|
||||
await contains(".o-mail-Composer-input", { value: "👺" });
|
||||
});
|
||||
|
||||
test("shortcodes shown in emoji title in message", async () => {
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
pyEnv["mail.message"].create({
|
||||
res_id: channelId,
|
||||
model: "discuss.channel",
|
||||
body: "💑😇",
|
||||
author_id: serverState.partnerId,
|
||||
});
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await contains(".o-mail-Message", { text: "💑😇" });
|
||||
await contains(".o-mail-Message span[title=':couple_with_heart:']", { text: "💑" });
|
||||
await contains(".o-mail-Message span[title=':innocent: :halo:']", { text: "😇" });
|
||||
});
|
||||
|
||||
test("Emoji picker shows failure to load emojis", async () => {
|
||||
// Simulate failure to load emojis
|
||||
patchWithCleanup(odoo.loader.modules.get("@web/core/emoji_picker/emoji_data"), {
|
||||
getEmojis() {
|
||||
return [];
|
||||
},
|
||||
});
|
||||
const pyEnv = await startServer();
|
||||
const channelId = pyEnv["discuss.channel"].create({ name: "" });
|
||||
await start();
|
||||
await openDiscuss(channelId);
|
||||
await click("button[title='Add Emojis']");
|
||||
await contains(".o-EmojiPicker", { text: "😵💫Failed to load emojis..." });
|
||||
});
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import { expect, test } from "@odoo/hoot";
|
||||
|
||||
import { formatText } from "@mail/js/emojis_mixin";
|
||||
|
||||
test("Emoji formatter handles compound emojis", () => {
|
||||
const testString = "<p>👩🏿test👩🏿👩t👩</p>";
|
||||
const expectedString =
|
||||
"<p><span class='o_mail_emoji'>👩🏿</span>test<span class='o_mail_emoji'>👩🏿👩</span>t<span class='o_mail_emoji'>👩</span></p>";
|
||||
expect(formatText(testString).toString()).toBe(expectedString);
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue