In lifecycle tests, dismiss the Verify toast if it appears

Author: andybalaam

modules/widget-lifecycle/element-web/e2e/widget-lifecycle.spec.ts

@@ -63,7 +63,9 @@ test.describe("Widget Lifecycle", () => {
             },
         });
 
-        test("auto-approves preload and identity", async ({ page, user, homeserver }, testInfo) => {
+        test("auto-approves preload and identity", async ({ page, user, homeserver, toasts }, testInfo) => {
+            toasts.rejectToastIfExists("Verify this device");
+
             // A bot creates a room with the widget pinned to the top panel, then invites the test user.
             // Because the widget was added by a different user (the bot), Element would normally show a
             // preload consent dialog before loading it — this test verifies that dialog is skipped.
@@ -119,7 +121,9 @@ test.describe("Widget Lifecycle", () => {
             ).toBeVisible();
         });
 
-        test("prompts for capabilities not in the allowlist", async ({ page, user, homeserver }, testInfo) => {
+        test("prompts for capabilities not in the allowlist", async ({ page, user, homeserver, toasts }, testInfo) => {
+            toasts.rejectToastIfExists("Verify this device");
+
             const bot = await homeserver.registerUser(`bot_${testInfo.testId}`, "password", "Bot");
             const { room_id: roomId } = await homeserver.csApi.request<{ room_id: string }>(
                 "POST",
@@ -180,7 +184,10 @@ test.describe("Widget Lifecycle", () => {
             page,
             user,
             homeserver,
+            toasts,
         }, testInfo) => {
+            toasts.rejectToastIfExists("Verify this device");
+
             const bot = await homeserver.registerUser(`bot_${testInfo.testId}`, "password", "Bot");
             const { room_id: roomId } = await homeserver.csApi.request<{ room_id: string }>(
                 "POST",

playwright/element-web-test.ts

@@ -6,13 +6,14 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { test as base, expect, type TestFixtures } from "@element-hq/element-web-playwright-common";
+import { Locator, Page } from "@playwright/test";
 
 export interface Options {
     moduleDir: string;
     modules: string[];
 }
 
-export const test = base.extend<TestFixtures & Options>({
+export const test = base.extend<TestFixtures & Options & { toasts: Toasts }>({
     moduleDir: ["", { option: true }],
     modules: async ({ moduleDir }, use) => {
         await use([`${moduleDir}/lib/index.js`]);
@@ -30,6 +31,38 @@ export const test = base.extend<TestFixtures & Options>({
 
         await use(page);
     },
+
+    toasts: async ({ page }, use) => {
+        await use(new Toasts(page));
+    },
 });
 
 export { expect };
+
+class Toasts {
+    public constructor(private readonly page: Page) {}
+
+    /**
+     * Find a toast with the given title, if it exists.
+     *
+     * @param title - title of the toast.
+     * @returns the Locator for the matching toast, or an empty locator if it
+     *          doesn't exist.
+     */
+    public getToastIfExists(title: string): Locator {
+        return this.page.locator(".mx_Toast_toast", { hasText: title }).first();
+    }
+
+    /**
+     * Reject a toast with the given title, if it exists. Only works for the
+     * first toast in the stack.
+     *
+     * @param title - title of the toast
+     */
+    public async rejectToastIfExists(title: string): Promise<void> {
+        const toast = this.getToastIfExists(title).locator('.mx_Toast_buttons button[data-kind="secondary"]');
+        if ((await toast.count()) > 0) {
+            await toast.click();
+        }
+    }
+}