191.md (7568B)
1 # PR #191 Bump @playwright/test from 1.21.0 to 1.22.0 2 3 - **Status:** closed 4 - **Author:** @dependabot[bot] 5 - **Created:** 2022-05-13T08:35:15Z 6 - **Branch:** dependabot/npm_and_yarn/playwright/test-1.22.0 → main 7 - **Closed:** 2022-05-18T08:28:25Z 8 - **Labels:** dependencies, javascript 9 - **Assignees:** @MTRNord 10 - **Reviewers:** @MTRNord 11 - **Diff:** [191.diff](./191.diff) 12 13 --- 14 15 Bumps [@playwright/test](https://github.com/Microsoft/playwright) from 1.21.0 to 1.22.0. 16 <details> 17 <summary>Release notes</summary> 18 <p><em>Sourced from <a href="https://github.com/Microsoft/playwright/releases"><code>@playwright/test</code>'s releases</a>.</em></p> 19 <blockquote> 20 <h2>v1.22.0</h2> 21 <h2>Introducing Component Testing (preview)</h2> 22 <p>Playwright Test can now test your <a href="https://reactjs.org/">React</a>, <a href="https://vuejs.org/">Vue.js</a> or <a href="https://svelte.dev/">Svelte</a> components. You can use all the features of Playwright Test (such as parallelization, emulation & debugging) while running components in real browsers.</p> 23 <p>Here is what a typical component test looks like:</p> 24 <pre lang="tsx"><code>// App.spec.tsx 25 import { test, expect } from '@playwright/experimental-ct-react'; 26 import App from './App'; 27 <p>// Let's test component in a dark scheme! 28 test.use({ colorScheme: 'dark' });</p> 29 <p>test('should render', async ({ mount }) => { 30 const component = await mount(<App></App>);</p> 31 <p>// As with any Playwright test, assert locator text. 32 await expect(component).toContainText('React'); 33 // Or do a screenshot 🚀 34 await expect(component).toHaveScreenshot(); 35 // Or use any Playwright method 36 await component.click(); 37 }); 38 </code></pre></p> 39 <p>Read more in <a href="https://playwright.dev/docs/test-components">our documentation</a>.</p> 40 <h2>Locators Update</h2> 41 <ul> 42 <li> 43 <p>Role selectors allow selecting elements by their <a href="https://www.w3.org/TR/wai-aria-1.2/#roles">ARIA role</a>, <a href="https://www.w3.org/TR/wai-aria-1.2/#aria-attributes">ARIA attributes</a> and <a href="https://w3c.github.io/accname/#dfn-accessible-name">accessible name</a>.</p> 44 <pre lang="ts"><code>// Click a button with accessible name "log in" 45 await page.click('role=button[name="log in"]') 46 </code></pre> 47 <p>Read more in <a href="https://playwright.dev/docs/selectors#role-selector">our documentation</a>.</p> 48 </li> 49 <li> 50 <p>New <a href="https://playwright.dev/docs/api/class-locator#locator-filter"><code>locator.filter([options])</code></a> API to filter an existing locator</p> 51 <pre lang="ts"><code>const buttons = page.locator('role=button'); 52 // ... 53 const submitButton = buttons.filter({ hasText: 'Submit' }); 54 await submitButton.click(); 55 </code></pre> 56 </li> 57 </ul> 58 <h2>Screenshots Update</h2> 59 <!-- raw HTML omitted --> 60 </blockquote> 61 <p>... (truncated)</p> 62 </details> 63 <details> 64 <summary>Commits</summary> 65 <ul> 66 <li><a href="https://github.com/microsoft/playwright/commit/9177bd1614f9b76dafce7be64566916baee57597"><code>9177bd1</code></a> chore: mark v1.22.0 (<a href="https://github-redirect.dependabot.com/Microsoft/playwright/issues/14131">#14131</a>)</li> 67 <li><a href="https://github.com/microsoft/playwright/commit/5268dd7196ddcd429b5f0f165b69778b23e84af9"><code>5268dd7</code></a> docs: add release notes for 1.22 (<a href="https://github-redirect.dependabot.com/Microsoft/playwright/issues/14100">#14100</a>)</li> 68 <li><a href="https://github.com/microsoft/playwright/commit/f6712ec43ae7b5f049311d72372dfd676546e968"><code>f6712ec</code></a> fix(tracing): workaround chromium scrollTop slowness (<a href="https://github-redirect.dependabot.com/Microsoft/playwright/issues/14114">#14114</a>)</li> 69 <li><a href="https://github.com/microsoft/playwright/commit/0e2855348cba314de3484364eb926626ca97fbd2"><code>0e28553</code></a> feat(locators): remove layout locators (<a href="https://github-redirect.dependabot.com/Microsoft/playwright/issues/14129">#14129</a>)</li> 70 <li><a href="https://github.com/microsoft/playwright/commit/83d82fa466cfbea401bad9af71999b118b2604c1"><code>83d82fa</code></a> test: make "outerWidth and outerHeight" test work on small screens (<a href="https://github-redirect.dependabot.com/Microsoft/playwright/issues/14124">#14124</a>)</li> 71 <li><a href="https://github.com/microsoft/playwright/commit/f562058805a5238f251c81596fcba604bf4cf1aa"><code>f562058</code></a> test: make wheel event work on different host dsf (<a href="https://github-redirect.dependabot.com/Microsoft/playwright/issues/14123">#14123</a>)</li> 72 <li><a href="https://github.com/microsoft/playwright/commit/c5face5ecc7197d63df90ccdfad0e42830945e8b"><code>c5face5</code></a> test: add more chromium-tip-of-tree bots (<a href="https://github-redirect.dependabot.com/Microsoft/playwright/issues/14120">#14120</a>)</li> 73 <li><a href="https://github.com/microsoft/playwright/commit/7cad1df28b5d0e0f62998ab203bacef83c9fd2e8"><code>7cad1df</code></a> browser(chromium-tip-of-tree): roll to 2022-May-12 (<a href="https://github-redirect.dependabot.com/Microsoft/playwright/issues/14116">#14116</a>)</li> 74 <li><a href="https://github.com/microsoft/playwright/commit/28cd3a1c5efbb7b772e2fbd4552450d0b456ceb4"><code>28cd3a1</code></a> test: rebaseline wheel tests according to new chromium (<a href="https://github-redirect.dependabot.com/Microsoft/playwright/issues/14110">#14110</a>)</li> 75 <li><a href="https://github.com/microsoft/playwright/commit/729e41b3aa7aa67244c6e4eb8195a328034913d7"><code>729e41b</code></a> docs: component testing npm nit</li> 76 <li>Additional commits viewable in <a href="https://github.com/Microsoft/playwright/compare/v1.21.0...v1.22.0">compare view</a></li> 77 </ul> 78 </details> 79 <br /> 80 81 82 [](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) 83 84 Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. 85 86 [//]: # (dependabot-automerge-start) 87 [//]: # (dependabot-automerge-end) 88 89 --- 90 91 <details> 92 <summary>Dependabot commands and options</summary> 93 <br /> 94 95 You can trigger Dependabot actions by commenting on this PR: 96 - `@dependabot rebase` will rebase this PR 97 - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it 98 - `@dependabot merge` will merge this PR after your CI passes on it 99 - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it 100 - `@dependabot cancel merge` will cancel a previously requested merge and block automerging 101 - `@dependabot reopen` will reopen this PR if it is closed 102 - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually 103 - `@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) 104 - `@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) 105 - `@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) 106 107 108 </details> 109 110 111 ## Comments 112 113 ### @dependabot[bot] — 2022-05-18T08:28:24Z 114 115 Superseded by #197. 116