Playwright Commands for Web Test Runner

This contains custom commands you can register with Web Test Runner (WTR) for interacting with Playwright's page object models. This assumes you are using @web/test-runner-playwright for launching your browser via Playwright and running your tests within the page it creates.

Installation

1npm install --save-dev wtr-playwright-commands

Command Usages

Each command can be registered separately with WTR. Details on each supported command are given below.

waitForNetworkIdle

Use this to have a test wait for Playwright to receive its network idle load status before resuming.

Configuration

1import { waitForNetworkIdlePlugin } from 'wtr-playwright-commands/plugin.js';
2
3export default {
4  plugins: [waitForNetworkIdlePlugin()],
5  // ... rest of config ...
6}

Usage

1import { fixture, html } from '@open-wc/testing';
2import { waitForNetworkIdle } from 'wtr-playwright-commands';
3
4import '../src/my-element.js';
5
6describe('MyElement', () => {
7  it('can wait for network idle', async () => {
8    const el = await fixture(html`<my-element></my-element>`);
9    await waitForNetworkIdle();
10
11    // ... do assertions that require network activity to complete ...
12  });
13});