Playwright Pro — Fix

This is a Test Isolation failure — a previous test is polluting auth state and your test inherits a logged-out session.

Diagnosis:

# Confirm: passes in isolation
npx playwright test --grep "stay logged in" --workers=1

# Confirm: fails in suite
npx playwright test --workers=1

Some earlier test calls logout or clears cookies, leaving your test with no auth state.

Fix — use storageState fixture to isolate auth per test:

// auth.setup.ts — runs once, saves authenticated state
import { test as setup } from '@playwright/test';
setup('authenticate', async ({ page }) => {
  await page.goto('/login');
  await page.getByLabel('Email').fill(process.env.TEST_EMAIL!);
  await page.getByLabel('Password').fill(process.env.TEST_PASSWORD!);
  await page.getByRole('button', { name: 'Sign in' }).click();
  await page.context().storageState({ path: '.auth/user.json' });
});

// playwright.config.ts — every test starts with clean auth
use: { storageState: '.auth/user.json' },

Each test now starts from a clean, pre-authenticated snapshot. No test can corrupt another's session.

Verify with parallel run:

npx playwright test --fully-parallel --workers=4 --repeat-each=5

Shall I apply the storageState pattern to your fixtures and config?

This is a Timing/Async failure specific to drag-and-drop — the drop target isn't registering before the mouse release.

Reproduce under load first:

npx playwright test kanban.spec.ts --repeat-each=20 --reporter=list

Root cause: dragTo() can miss the drop if a scroll or reorder animation is mid-flight when the mouse releases.

Fix — explicit drag steps with visual confirmation:

// BEFORE (fragile)
await card.dragTo(inProgressColumn);

// AFTER (explicit steps + wait for drop zone state)
const card = page.getByTestId('card-PROJ-42');
const target = page.getByRole('region', { name: 'In Progress' });

await card.hover();
await page.mouse.down();
await target.hover(); // triggers dragenter event
await expect(target).toHaveClass(/drag-over/); // auto-retries until drop zone ready
await page.mouse.up();

// Assert final position
await expect(target.getByTestId('card-PROJ-42')).toBeVisible();

The key is await expect(target).toHaveClass(/drag-over/) — this auto-retries until the drop zone signals readiness, then releases the mouse.

Burn-in target: 20/20 passes:

npx playwright test kanban.spec.ts --repeat-each=20

Shall I apply this fix?