Fix some toasts to be dismissed & update screenshots

more to come though

apps/web/playwright/e2e/crypto/decryption-failure-messages.spec.ts

@@ -118,6 +118,9 @@ test.describe("Cryptography", function () {
                 user: alice,
                 bot: bob,
             }) => {
+                await app.closeVerifyToast(true);
+                await app.closeNotificationToast(true);
+
                 // Bob creates an encrypted room and sends a message to it. He then invites Alice
                 const roomId = await bob.evaluate(
                     async (client, { alice }) => {
@@ -224,6 +227,9 @@ test.describe("Cryptography", function () {
                 user: alice,
                 bot: bob,
             }) => {
+                await app.closeVerifyToast(true);
+                await app.closeNotificationToast(true);
+
                 // Bob:
                 // - creates an encrypted room,
                 // - invites Alice,

apps/web/playwright/e2e/spaces/threads-activity-centre/threadsActivityCentre.spec.ts

@@ -26,6 +26,7 @@ test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
         { tag: "@screenshot" },
         async ({ util, app }) => {
             await app.closeVerifyToast();
+            await app.closeNotificationToast();
 
             // Open the space panel
             await util.expandSpacePanel();
@@ -36,6 +37,7 @@ test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
 
     test("should not show indicator when there is no thread", { tag: "@screenshot" }, async ({ room1, util, app }) => {
         await app.closeVerifyToast();
+        await app.closeNotificationToast();
 
         // No indicator should be shown
         await util.assertNoTacIndicator();
@@ -54,6 +56,7 @@ test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
         app,
     }) => {
         await app.closeVerifyToast();
+        await app.closeNotificationToast();
 
         await util.goTo(room1);
         await util.receiveMessages(room1, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
@@ -70,6 +73,7 @@ test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
         app,
     }) => {
         await app.closeVerifyToast();
+        await app.closeNotificationToast();
 
         await util.goTo(room1);
         await util.receiveMessages(room1, [
@@ -93,6 +97,7 @@ test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
         { tag: "@screenshot" },
         async ({ room1, room2, util, msg, user, app }) => {
             await app.closeVerifyToast();
+            await app.closeNotificationToast();
 
             await util.goTo(room2);
             await util.populateThreads(room1, room2, msg, user);
@@ -116,6 +121,7 @@ test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
         { tag: "@screenshot" },
         async ({ room1, room2, util, msg, user, app }) => {
             await app.closeVerifyToast();
+            await app.closeNotificationToast();
 
             await util.goTo(room2);
             await util.populateThreads(room1, room2, msg, user);
@@ -142,6 +148,7 @@ test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
 
     test("should order by recency after notification level", async ({ room1, room2, util, msg, user, app }) => {
         await app.closeVerifyToast();
+        await app.closeNotificationToast();
 
         await util.goTo(room2);
         await util.populateThreads(room1, room2, msg, user, false);
@@ -155,6 +162,7 @@ test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
 
     test("should block the Spotlight to open when the TAC is opened", async ({ util, page, app }) => {
         await app.closeVerifyToast();
+        await app.closeNotificationToast();
 
         const toggleSpotlight = () => page.keyboard.press(`${CommandOrControl}+k`);
 
@@ -172,6 +180,7 @@ test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
 
     test("should have the correct hover state", { tag: "@screenshot" }, async ({ util, page, app }) => {
         await app.closeVerifyToast();
+        await app.closeNotificationToast();
 
         await util.hoverTacButton();
         await expect(util.getSpacePanel()).toMatchScreenshot("tac-hovered.png");
@@ -184,6 +193,7 @@ test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
 
     test("should mark all threads as read", { tag: "@screenshot" }, async ({ room1, room2, util, msg, page, app }) => {
         await app.closeVerifyToast();
+        await app.closeNotificationToast();
 
         await util.receiveMessages(room1, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
 
@@ -199,6 +209,7 @@ test.describe("Threads Activity Centre", { tag: "@no-firefox" }, () => {
 
     test("should focus the thread tab when clicking an item in the TAC", async ({ room1, room2, util, msg, app }) => {
         await app.closeVerifyToast();
+        await app.closeNotificationToast();
 
         await util.receiveMessages(room1, ["Msg1", msg.threadedOff("Msg1", "Resp1")]);
 

apps/web/playwright/pages/ElementAppPage.ts

@@ -96,6 +96,8 @@ export class ElementAppPage {
      */
     public async viewRoomByName(name: string): Promise<void> {
         await this.closeVerifyToast(true);
+        await this.closeKeyStorageToast(true);
+        await this.closeNotificationToast(true);
 
         // We get the room list by test-id which is a listbox and matching title=name
         return this.page.getByTestId("room-list").locator(`[title="${name}"]`).first().click();