test

primer · Nov 21, 2024 · 5d2e416 · 5d2e416
1 parent e77fb7e
commit 5d2e416
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/e2e/components/Overlay.test.ts b/e2e/components/Overlay.test.ts
@@ -7,6 +7,8 @@ const stories = [
     title: 'Default',
     id: 'private-components-overlay--default',
     setup: async (page: Page) => {
+      await page.waitForSelector('div[role="dialog"]')
+
       await page.keyboard.press('Tab')
       await page.keyboard.press('Enter')
     },
@@ -15,6 +17,8 @@ const stories = [
     title: 'Playground',
     id: 'private-components-overlay--playground',
     setup: async (page: Page) => {
+      await page.waitForSelector('div[role="dialog"]')
+
       await page.keyboard.press('Tab')
       await page.keyboard.press('Enter')
     },
@@ -23,6 +27,7 @@ const stories = [
     title: 'Dialog Overlay',
     id: 'private-components-overlay-features--dialog-overlay',
     setup: async (page: Page) => {
+      await page.waitForSelector('div[role="dialog"]')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Enter')
     },
@@ -31,6 +36,7 @@ const stories = [
     title: 'Dropdown Overlay',
     id: 'private-components-overlay-features--dropdown-overlay',
     setup: async (page: Page) => {
+      await page.waitForSelector('div[role="dialog"]')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Enter')
     },
@@ -39,6 +45,7 @@ const stories = [
     title: 'Memex Issue Overlay',
     id: 'private-components-overlay-features--memex-issue-overlay',
     setup: async (page: Page) => {
+      await page.waitForSelector('div[role="dialog"]')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Enter')
     },
@@ -47,6 +54,7 @@ const stories = [
     title: 'Memex Nested Overlays',
     id: 'private-components-overlay-features--memex-nested-overlays',
     setup: async (page: Page) => {
+      await page.waitForSelector('div[role="dialog"]')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Enter')
@@ -58,6 +66,7 @@ const stories = [
     title: 'Nested Overlays',
     id: 'private-components-overlay-features--nested-overlays',
     setup: async (page: Page) => {
+      await page.waitForSelector('div[role="dialog"]')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Tab')
@@ -71,6 +80,7 @@ const stories = [
     title: 'Overlay On Top Of Overlay',
     id: 'private-components-overlay-features--overlay-on-top-of-overlay',
     setup: async (page: Page) => {
+      await page.waitForSelector('div[role="dialog"]')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Enter')
@@ -82,6 +92,7 @@ const stories = [
     title: 'Positioned Overlays',
     id: 'private-components-overlay-features--positioned-overlays',
     setup: async (page: Page) => {
+      await page.waitForSelector('div[role="dialog"]')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Enter')
@@ -91,6 +102,7 @@ const stories = [
     title: 'SX Props',
     id: 'private-components-overlay-dev--sx-props',
     setup: async (page: Page) => {
+      await page.waitForSelector('div[role="dialog"]')
       await page.keyboard.press('Tab')
       await page.keyboard.press('Enter')
     },