Function step

e2e/src/surfaces/browser.ts:147–164

(label: string, action: (page: Page) => Promise<void>)

      ({ page, context, shots }) =>
        Effect.promise(async () => {
          const step = async (label: string, action: (page: Page) => Promise<void>) => {
            // Acting on the page IS focusing the browser window — and when
            // filming, enterFocus lingers a beat on whatever the developer was
            // looking at before tabbing here.
            await enterFocus(dir, "browser");
            await context.tracing.group(label);
            try {
              await action(page);
            } finally {
              await context.tracing.groupEnd();
            }
            await page.screenshot({
              path: join(dir, `${String(shots.count++).padStart(2, "0")}-${slug(label)}.png`),
            });
            // Hold this step's result on screen so the film is readable (the
            // consent screen, the success page, …). No-op unless filming.
            await beat();
          };
          try {
            await drive({ page, step });
          } catch (error) {