Playwright: Wait for Network Idle After Action

TypeScript

Click and wait for the matching API response instead of sleeping.

Kenechukwu Igwe Sample Jul 20, 2026

TypeScript · 5 lines copied 4 times

const [response] = await Promise.all([
  page.waitForResponse((r) => r.url().includes('/api/save') && r.ok()),
  page.getByRole('button', { name: 'Save' }).click(),
]);
expect(await response.json()).toMatchObject({ status: 'ok' });

const [response] = await Promise.all([
  page.waitForResponse((r) => r.url().includes('/api/save') && r.ok()),
  page.getByRole('button', { name: 'Save' }).click(),
]);
expect(await response.json()).toMatchObject({ status: 'ok' });

4 0 2 1