fix(storybook): add timeout for waitForLoadState

PATCH

Author: mgrybyk

package-lock.json

@@ -29,18 +29,18 @@
   "devDependencies": {
     "@playwright/test": "^1.34.3",
     "@types/fs-extra": "^11.0.1",
-    "@types/node": "^20.3.1",
-    "@typescript-eslint/eslint-plugin": "^5.60.0",
-    "@typescript-eslint/parser": "^5.60.0",
+    "@types/node": "^20.3.2",
+    "@typescript-eslint/eslint-plugin": "^5.60.1",
+    "@typescript-eslint/parser": "^5.60.1",
     "eslint": "^8.43.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
     "get-port": "^7.0.0",
     "husky": "^8.0.3",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.8",
-    "semantic-release": "^21.0.5",
-    "typescript": "^5.1.3",
+    "semantic-release": "^21.0.6",
+    "typescript": "^5.1.5",
     "vite": "^4.3.9",
     "vite-plugin-static-copy": "^0.16.0"
   },

package.json

@@ -153,14 +153,21 @@ export const storybookPlaywright = {
              */
             timeout?: number
         },
+        options = {
+            waitForLoadStateTimeout: 2000,
+        },
         actionBeforeScreenshot?: (page: Page) => Promise<void>
     ) => {
         const page = context.pages()[0]
 
         await page.goto(`/iframe.html?id=${story.id}`)
         await expect(page.locator('.sb-show-main')).toBeVisible()
         await expect(page.locator('.sb-show-errordisplay')).not.toBeVisible()
-        await page.waitForLoadState('networkidle')
+        try {
+            await page.waitForLoadState('networkidle', { timeout: options.waitForLoadStateTimeout })
+        } catch {
+            // ignored
+        }
         if (actionBeforeScreenshot) {
             await actionBeforeScreenshot(page)
         }