mirror of https://github.com/zulip/zulip.git
72 lines
2.9 KiB
TypeScript
72 lines
2.9 KiB
TypeScript
import type {Page} from "puppeteer";
|
|
|
|
import common from "../puppeteer_lib/common";
|
|
|
|
async function open_set_user_status_modal(page: Page): Promise<void> {
|
|
const menu_icon_selector = ".user_sidebar_entry:first-child .user-list-sidebar-menu-icon";
|
|
// We are clicking on the menu icon with the help of `waitForFunction` because the list
|
|
// re-renders many times and can cause the element to become stale.
|
|
await page.waitForFunction(
|
|
(selector: string): boolean => {
|
|
const menu_icon = document.querySelector(selector);
|
|
if (menu_icon) {
|
|
(menu_icon as HTMLSpanElement).click();
|
|
return true;
|
|
}
|
|
return false;
|
|
},
|
|
{},
|
|
menu_icon_selector,
|
|
);
|
|
await page.waitForSelector(".user_popover", {visible: true});
|
|
// We are using evaluate to click because it is very hard to detect if the user info popover has opened.
|
|
await page.evaluate(() =>
|
|
(document.querySelector(".update_status_text") as HTMLAnchorElement)!.click(),
|
|
);
|
|
|
|
// Wait for the modal to completely open.
|
|
await page.waitForFunction(() => document.activeElement?.classList.contains("user_status"));
|
|
}
|
|
|
|
async function test_user_status(page: Page): Promise<void> {
|
|
await open_set_user_status_modal(page);
|
|
// Check by clicking on common statues.
|
|
await page.click(".user-status-value");
|
|
await page.waitForFunction(
|
|
() => (document.querySelector(".user_status") as HTMLInputElement).value === "In a meeting",
|
|
);
|
|
// It should select calendar emoji.
|
|
await page.waitForSelector(".selected_emoji.emoji-1f4c5");
|
|
|
|
// Clear everything.
|
|
await page.click("#clear_status_message_button");
|
|
await page.waitForFunction(
|
|
() => (document.querySelector(".user_status") as HTMLInputElement).value === "",
|
|
);
|
|
await page.waitForSelector(".status_emoji_wrapper .smiley_icon", {visible: true});
|
|
|
|
// Manually adding everything.
|
|
await page.type(".user_status", "Busy");
|
|
const tada_emoji_selector = ".emoji-1f389";
|
|
await page.click(".status_emoji_wrapper .smiley_icon");
|
|
// Wait until emoji popover is opened.
|
|
await page.waitForSelector(`.emoji-popover ${tada_emoji_selector}`, {visible: true});
|
|
await page.click(`.emoji-popover ${tada_emoji_selector}`);
|
|
await page.waitForSelector(".emoji-info-popover", {hidden: true});
|
|
await page.waitForSelector(`.selected_emoji${tada_emoji_selector}`);
|
|
|
|
await page.click(".set_user_status");
|
|
// It should close the modal after saving.
|
|
await page.waitForSelector("#set_user_status_modal", {hidden: true});
|
|
|
|
// Check if the emoji is added in user presence list.
|
|
await page.waitForSelector(`.user-presence-link .status_emoji${tada_emoji_selector}`);
|
|
}
|
|
|
|
async function user_status_test(page: Page): Promise<void> {
|
|
await common.log_in(page);
|
|
await test_user_status(page);
|
|
}
|
|
|
|
common.run_test(user_status_test);
|