chore(deps): update dependency @playwright/test to v1.31.1

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@playwright/test (source)	1.30.0 -> 1.31.1

---

Release Notes

Microsoft/playwright

v1.31.1

Compare Source

Highlights

https://github.com/microsoft/playwright/issues/21093 - [Regression v1.31] Headless Windows shows cascading cmd windowshttps://github.com/microsoft/playwright/pull/211066 - fix(loader): experimentalLoader with node@18

Browser Versions

• Chromium 111.0.5563.19
• Mozilla Firefox 109.0
• WebKit 16.4

This version was also tested against the following stable channels:

• Google Chrome 110
• Microsoft Edge 110

v1.31.0

Compare Source

New APIs

• New property TestProject.dependencies to configure dependencies between projects.

  Using dependencies allows global setup to produce traces and other artifacts,
  see the setup steps in the test report and more.

  // playwright.config.ts
  import { defineConfig } from '@​playwright/test';
  
  export default defineConfig({
    projects: [
      {
        name: 'setup',
        testMatch: /global.setup\.ts/,
      },
      {
        name: 'chromium',
        use: devices['Desktop Chrome'],
        dependencies: ['setup'],
      },
      {
        name: 'firefox',
        use: devices['Desktop Firefox'],
        dependencies: ['setup'],
      },
      {
        name: 'webkit',
        use: devices['Desktop Safari'],
        dependencies: ['setup'],
      },
    ],
  });

• New assertion expect(locator).toBeInViewport() ensures that locator points to an element that intersects viewport, according to the intersection observer API.

  const button = page.getByRole('button');
  
  // Make sure at least some part of element intersects viewport.
  await expect(button).toBeInViewport();
  
  // Make sure element is fully outside of viewport.
  await expect(button).not.toBeInViewport();
  
  // Make sure that at least half of the element intersects viewport.
  await expect(button).toBeInViewport({ ratio: 0.5 });

Miscellaneous

• DOM snapshots in trace viewer can be now opened in a separate window.
• New method defineConfig to be used in playwright.config.
• New option maxRedirects for method Route.fetch.
• Playwright now supports Debian 11 arm64.
• Official docker images now include Node 18 instead of Node 16.

⚠️ Breaking change in component tests

Note: component tests only, does not affect end-to-end tests.

playwright-ct.config configuration file for component testing now requires calling defineConfig.

// Before

import { type PlaywrightTestConfig, devices } from '@​playwright/experimental-ct-react';
const config: PlaywrightTestConfig = {
  // ... config goes here ...
};
export default config;

Replace config variable definition with defineConfig call:

// After

import { defineConfig, devices } from '@​playwright/experimental-ct-react';
export default defineConfig({
  // ... config goes here ...
});

Browser Versions

• Chromium 111.0.5563.19
• Mozilla Firefox 109.0
• WebKit 16.4

This version was also tested against the following stable channels:

• Google Chrome 110
• Microsoft Edge 110

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR has been generated by Mend Renovate. View repository job log here.

[replay-io]

16 replays were recorded for 80d5632.

0 Failed

16 Passed

requireAuth graphql checks

    ```
    locator.waitFor: Target closed
    =========================== logs ===========================
    waiting for locator('.rw-form-error-title').locator('text=You don\'t have permission to do that') to be visible
    ============================================================
    ```
  </ol>
</details>
<li><a href=https://app.replay.io/recording/674c64a8-6db4-4c8b-8512-99e5a75adab1>useAuth hook, auth redirects checks</a></li>
<li><a href=https://app.replay.io/recording/95f847fb-f42c-4902-9216-d10f02f9ffb4>Check that <meta> tags are rendering the correct dynamic data</a></li>
<li><a href=https://app.replay.io/recording/020df0cd-d9d9-470b-9100-04da9422707a>Check that a specific blog post is prerendered</a></li>
<li><a href=https://app.replay.io/recording/96f1eb89-043c-470a-9251-9727a8bdd09d>Check that about is prerendered</a></li>
<li><a href=https://app.replay.io/recording/1382335e-5565-4078-88e1-9f1b3f06ad1c>Check that homepage is prerendered</a></li>
<li><a href=https://app.replay.io/recording/8f095a48-ad63-47e1-a550-cd63bbd67690>Check that you can navigate from home page to specific blog post</a></li>
<li><a href=https://app.replay.io/recording/3efbe4dc-f02c-47a8-b032-ee864ec9c223>Waterfall prerendering (nested cells)</a></li>
<li><a href=https://app.replay.io/recording/a31a4e08-48ff-44bf-a5e2-aebbf4484cae>RBAC: Admin user should be able to delete contacts</a></li>
<li><a href=https://app.replay.io/recording/bf1f9f4a-3499-4b02-814e-fa3704aa6b66>RBAC: Should not be able to delete contact as non-admin user</a></li>
<li><a href=https://app.replay.io/recording/5035287b-e36a-4866-93bc-4a20da177dec>Smoke test with dev server</a></li>
<li><a href=https://app.replay.io/recording/6ac632d4-f681-4feb-a020-4fdde7fd452e>Smoke test with rw serve</a></li>
<li><a href=https://app.replay.io/recording/88c501da-10e6-4160-bc34-59e87e856638>Loads Cell mocks when Cell is nested in another story</a></li>
<li><a href=https://app.replay.io/recording/81aa2c3a-6343-4b28-8aa0-78a3fa007f1e>Loads Cell Stories</a></li>
<li><a href=https://app.replay.io/recording/67c46d0b-c8c6-4a52-a654-c3e1b5431bc5>Loads MDX Stories</a></li>
<li><a href=https://app.replay.io/recording/80a7bcad-8730-4293-8ed2-ad071454a657>Mocks current user, and updates UI while dev server is running</a></li>

View test run on Replay ↗︎