add inspector mode

Author: kantord

package.json

@@ -13,6 +13,7 @@
     "format": "biome format --write",
     "test": "vitest",
     "test:bdd": "cucumber-js",
+    "test:bdd:debug": "PWDEBUG=1 cucumber-js",
     "type-check": "tsc --noEmit",
     "prepare": "husky",
     "oidc": "node dev-auth/oidc-provider.mjs",

tests/bdd/support/hooks.ts

@@ -12,13 +12,21 @@ let browser: Browser | undefined;
 setDefaultTimeout(60 * 1000); // 60s per step
 
 Before(async function (this: PlaywrightWorld) {
+  const isDebug = !!process.env.PWDEBUG;
   if (!browser) {
-    browser = await chromium.launch({ headless: true });
+    browser = await chromium.launch({
+      headless: !isDebug,
+      slowMo: isDebug ? 100 : 0,
+    });
   }
   const context: BrowserContext = await browser.newContext();
   const page: Page = await context.newPage();
   this.context = context;
   this.page = page;
+
+  if (isDebug) {
+    await this.page.pause();
+  }
 });
 
 After(async function (this: PlaywrightWorld) {