chore(deps): update all non-major dependencies (minor) - autoclosed

This MR contains the following updates:

Package	Type	Update	Change
lerna (source)	devDependencies	minor	5.1.8 -> 5.2.0
playwright-core (source)	devDependencies	minor	1.23.4 -> 1.24.0

---

Release Notes

lerna/lerna

v5.2.0

Compare Source

Features

• add json schema for lerna.json (#​3229) (5075eae)
• init: default useNx and useWorkspaces to true for new lerna workspaces (#​3255) (a0e83e5)

5.1.8 (2022-07-07)

Note: Version bump only for package lerna

5.1.7 (2022-07-06)

Note: Version bump only for package lerna

5.1.6 (2022-06-24)

Note: Version bump only for package lerna

5.1.5 (2022-06-24)

Note: Version bump only for package lerna

5.1.4 (2022-06-15)

Note: Version bump only for package lerna

5.1.3 (2022-06-15)

Note: Version bump only for package lerna

5.1.2 (2022-06-13)

Bug Fixes

• update all transitive inclusions of ansi-regex (#​3166) (56eaa15)

5.1.1 (2022-06-09)

Bug Fixes

• allow maintenance LTS node 14 engines starting at 14.15.0 (#​3161) (72305e4)

Microsoft/playwright

v1.24.0

Compare Source

Multiple Web Servers in playwright.config.ts

Launch multiple web servers, databases, or other processes by passing an array of configurations:

// playwright.config.ts
import type { PlaywrightTestConfig } from '@​playwright/test';
const config: PlaywrightTestConfig = {
  webServer: [
    {
      command: 'npm run start',
      port: 3000,
      timeout: 120 * 1000,
      reuseExistingServer: !process.env.CI,
    },
    {
      command: 'npm run backend',
      port: 3333,
      timeout: 120 * 1000,
      reuseExistingServer: !process.env.CI,
    }
  ],
  use: {
    baseURL: 'http://localhost:3000/',
  },
};
export default config;

Debian 11 Bullseye Support

Playwright now supports Debian 11 Bullseye on x86_64 for Chromium, Firefox and WebKit. Let us know if you encounter any issues!

Linux support looks like this:

	Ubuntu 18.04	Ubuntu 20.04	Ubuntu 22.04	Debian 11
Chromium
WebKit
Firefox

️ Anonymous Describe

It is now possible to call test.describe(callback) to create suites without a title. This is useful for giving a group of tests a common option with test.use(options).

test.describe(() => {
  test.use({ colorScheme: 'dark' });

  test('one', async ({ page }) => {
    // ...
  });

  test('two', async ({ page }) => {
    // ...
  });
});

🧩 Component Tests Update

Playwright 1.24 Component Tests introduce beforeMount and afterMount hooks. Use these to configure your app for tests.

For example, this could be used to setup App router in Vue.js:

// src/component.spec.ts
import { test } from '@​playwright/experimental-ct-vue';
import { Component } from './mycomponent';

test('should work', async ({ mount }) => {
  const component = await mount(Component, {
    hooksConfig: {
      /* anything to configure your app */
    }
  });
});

// playwright/index.ts
import { router } from '../router';
import { beforeMount } from '@​playwright/experimental-ct-vue/hooks';

beforeMount(async ({ app, hooksConfig }) => {
  app.use(router);
});

A similar configuration in Next.js would look like this:

// src/component.spec.jsx
import { test } from '@​playwright/experimental-ct-react';
import { Component } from './mycomponent';

test('should work', async ({ mount }) => {
  const component = await mount(<Component></Component>, {
    // Pass mock value from test into `beforeMount`.
    hooksConfig: {
      router: {
        query: { page: 1, per_page: 10 },
        asPath: '/posts'
      }
    }
  });
});

// playwright/index.js
import router from 'next/router';
import { beforeMount } from '@​playwright/experimental-ct-react/hooks';

beforeMount(async ({ hooksConfig }) => {
  // Before mount, redefine useRouter to return mock value from test.
  router.useRouter = () => hooksConfig.router;
});

Browser Versions

• Chromium 104.0.5112.48
• Mozilla Firefox 102.0
• WebKit 16.0

This version was also tested against the following stable channels:

• Google Chrome 103
• Microsoft Edge 103

---

Configuration

Schedule: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined).

Automerge: Disabled by config. Please merge this manually once you are satisfied.

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

Immortal: This MR will be recreated if closed unmerged. Get config help if that's undesired.

---

• If you want to rebase/retry this MR, click this checkbox.

---

This MR has been generated by Renovate Bot.