Update all non-major dependencies (minor) - autoclosed

This MR contains the following updates:

Package	Type	Update	Change
playwright-core (source)	devDependencies	minor	1.21.1 -> 1.22.0
rollup (source)	devDependencies	minor	2.72.1 -> 2.73.0

---

Release Notes

Microsoft/playwright

v1.22.0

Compare Source

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.

  // Click a button with accessible name "log in"
  await page.click('role=button[name="log in"]')

  Read more in our documentation.

• New locator.filter([options]) API to filter an existing locator

  const buttons = page.locator('role=button');
  // ...
  const submitButton = buttons.filter({ hasText: 'Submit' });
  await submitButton.click();

Screenshots Update

New web-first assertions expect(page).toHaveScreenshot() and expect(locator).toHaveScreenshot() that wait for screenshot stabilization and enhances test reliability.

The new assertions has screenshot-specific defaults, such as:

• disables animations
• uses CSS scale option

await page.goto('https://playwright.dev');
await expect(page).toHaveScreenshot();

The new expect(page).toHaveScreenshot() saves screenshots at the same location as expect(screenshot).toMatchSnapshot().

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

rollup/rollup

v2.73.0

Compare Source

2022-05-13

Features

• Do not treat Object.defineProperty/ies as side effect when called on an unused object (#​4493)
• Do not assume that assigning a property can create a getter with side effects (#​4493)
• Do not treat string.prototype.replace(All) as side effect when used with two literals (#​4493)

Bug Fixes

• Detect side effects when manually declaring getters on functions (#​4493)

Merge Requests

• #​4493: Handle getters on functions and improve property deoptimization (@​lukastaegert)
• #​4494: Do not treat string.replace as side effect when used with a literal (@​lukastaegert)
• #​4495: Update docs for --configPlugin using typescript (@​Jimmydalecleveland)

---

Configuration

📅 Schedule: "every weekend" (UTC).

🚦 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.