Sourced from @​playwright/test's releases.

v1.22.1

Highlights

This patch includes the following bug fixes:

microsoft/playwright#14186 - [BUG] expect.toHaveScreenshot() generates an argument error

Browser Versions

• Chromium 102.0.5005.40
• Mozilla Firefox 99.0.1
• WebKit 15.4

This version was also tested against the following stable channels:

• Google Chrome 101
• Microsoft Edge 101

v1.22.0

Introducing Component Testing (preview)

Playwright Test can now test your React, Vue.js or Svelte components. You can use all the features of Playwright Test (such as parallelization, emulation & debugging) while running components in real browsers.

Here is what a typical component test looks like:

// App.spec.tsx
import { test, expect } from '@playwright/experimental-ct-react';
import App from './App';
// Let's test component in a dark scheme!
test.use({ colorScheme: 'dark' });
test('should render', async ({ mount }) => {
const component = await mount(<App></App>);
// As with any Playwright test, assert locator text.
await expect(component).toContainText('React');
// Or do a screenshot 🚀
await expect(component).toHaveScreenshot();
// Or use any Playwright method
await component.click();
});

Read more in our documentation.

Locators Update

• Role selectors allow selecting elements by their ARIA role, ARIA attributes and accessible name.

... (truncated)

• 28d4804 chore: mark 1.22.1 (#14210)
• cce4550 cherry-pick(#14200): chore: fix wrong toHaveScreenshot defaults in docs (#14201)
• 263ae40 cherry-pick(#14174): fix(types): fix the toHaveScreenshot types (#14194)
• 9177bd1 chore: mark v1.22.0 (#14131)
• 5268dd7 docs: add release notes for 1.22 (#14100)
• f6712ec fix(tracing): workaround chromium scrollTop slowness (#14114)
• 0e28553 feat(locators): remove layout locators (#14129)
• 83d82fa test: make "outerWidth and outerHeight" test work on small screens (#14124)
• f562058 test: make wheel event work on different host dsf (#14123)
• c5face5 test: add more chromium-tip-of-tree bots (#14120)
• Additional commits viewable in compare view

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)