mirror of
https://github.com/zulip/zulip.git
synced 2025-11-16 20:02:15 +00:00
4d3b10d84d
As the right sidebar re-renders many times, often the element puppeteer selected becomes stale, to avoid this issue we are using javascript to click on the element. This commit also ensures that the set user status modal is completely open before we start clicking.
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});
|
|
|
|
// Manualy adding everthing.
|
|
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 presense 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);
|