No description
7c69e83e81
Here is everything you need to know about this update. Please take a good look at what changed and the test results before merging this pull request. ### What changed? #### ✳️ @playwright/test (1.56.1 → 1.57.0) · [Repo](https://github.com/Microsoft/playwright) <details> <summary>Release Notes</summary> <h4><a href="https://github.com/microsoft/playwright/releases/tag/v1.57.0">1.57.0</a></h4> <blockquote><h2 dir="auto">Speedboard</h2> <p dir="auto">In HTML reporter, there's a new tab we call "Speedboard":</p> <a href="https://private-user-images.githubusercontent.com/14912729/518585867-4ba117ea-ea94-4b6a-82b2-8bbd00dfe81c.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NjQxNjA4MDQsIm5iZiI6MTc2NDE2MDUwNCwicGF0aCI6Ii8xNDkxMjcyOS81MTg1ODU4NjctNGJhMTE3ZWEtZWE5NC00YjZhLTgyYjItOGJiZDAwZGZlODFjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTExMjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUxMTI2VDEyMzUwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY4YjhlYjY1ZTA1NGU5MjU5NjU5MDQzNDdhZjMzYmEzYjRlMTg2ZGJlZTA1YTA5NWQ3ODY4MTEzNTdlNWUwNTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.YQEEtVqnrOmR45G6zYUkuaOJL3k2DlbVb4cM0frrGQg"><img width="600" alt="speedboard" src="https://private-user-images.githubusercontent.com/14912729/518585867-4ba117ea-ea94-4b6a-82b2-8bbd00dfe81c.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NjQxNjA4MDQsIm5iZiI6MTc2NDE2MDUwNCwicGF0aCI6Ii8xNDkxMjcyOS81MTg1ODU4NjctNGJhMTE3ZWEtZWE5NC00YjZhLTgyYjItOGJiZDAwZGZlODFjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTExMjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUxMTI2VDEyMzUwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY4YjhlYjY1ZTA1NGU5MjU5NjU5MDQzNDdhZjMzYmEzYjRlMTg2ZGJlZTA1YTA5NWQ3ODY4MTEzNTdlNWUwNTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.YQEEtVqnrOmR45G6zYUkuaOJL3k2DlbVb4cM0frrGQg" style="max-width: 100%;"></a> <p dir="auto">It shows you all your executed tests sorted by slowness,<br> and can help you understand where your test suite is taking longer than expected.<br> Take a look at yours - maybe you'll find some tests that are spending a longer time waiting than they should!</p> <h2 dir="auto">Chrome for Testing</h2> <p dir="auto">Starting with this release, Playwright switches from Chromium, to using <a href="https://developer.chrome.com/blog/chrome-for-testing/">Chrome for Testing</a> builds. Both headed and headless browsers are subject to this. Your tests should still be passing after upgrading to Playwright 1.57.</p> <p dir="auto">We're expecting no functional changes to come from this switch. The biggest change is the new icon and title in your toolbar.</p> <a href="https://private-user-images.githubusercontent.com/14912729/518586000-e9a5c4f2-9f35-4c27-9382-0f5eda377097.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NjQxNjA4MDQsIm5iZiI6MTc2NDE2MDUwNCwicGF0aCI6Ii8xNDkxMjcyOS81MTg1ODYwMDAtZTlhNWM0ZjItOWYzNS00YzI3LTkzODItMGY1ZWRhMzc3MDk3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTExMjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUxMTI2VDEyMzUwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ3YWFkMTAzM2I0YmQ1MDU4ODRlMDA0YzQ2NjQ3YjRlZjJkYTA4MmY5YTdlYzBmZmE1ZWI4NDk0NzQ2YTdiMGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.IPnNJmILND-iF20WnvLwMZQZMteYB8WFNIPXNL-lofc"><img width="500" alt="new and old logo" src="https://private-user-images.githubusercontent.com/14912729/518586000-e9a5c4f2-9f35-4c27-9382-0f5eda377097.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NjQxNjA4MDQsIm5iZiI6MTc2NDE2MDUwNCwicGF0aCI6Ii8xNDkxMjcyOS81MTg1ODYwMDAtZTlhNWM0ZjItOWYzNS00YzI3LTkzODItMGY1ZWRhMzc3MDk3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTExMjYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUxMTI2VDEyMzUwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ3YWFkMTAzM2I0YmQ1MDU4ODRlMDA0YzQ2NjQ3YjRlZjJkYTA4MmY5YTdlYzBmZmE1ZWI4NDk0NzQ2YTdiMGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.IPnNJmILND-iF20WnvLwMZQZMteYB8WFNIPXNL-lofc" style="max-width: 100%;"></a> <p dir="auto">If you still see an unexpected behaviour change, please <a href="https://bounce.depfu.com/github.com/microsoft/playwright/issues/new">file an issue</a>.</p> <p dir="auto">On Arm64 Linux, Playwright continues to use Chromium.</p> <h2 dir="auto">Waiting for webserver output</h2> <p dir="auto"><a href="https://playwright.dev/docs/api/class-testconfig#test-config-web-server">testConfig.webServer</a> added a <code class="notranslate">wait</code> field. Pass a regular expression, and Playwright will wait until the webserver logs match it.</p> <div class="highlight highlight-source-js" dir="auto"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-s1">defineConfig</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'@playwright/test'</span><span class="pl-kos">;</span> <span class="pl-k">export</span> <span class="pl-k">default</span> <span class="pl-en">defineConfig</span><span class="pl-kos">(</span><span class="pl-kos">{</span> <span class="pl-c1">webServer</span>: <span class="pl-kos">{</span> <span class="pl-c1">command</span>: <span class="pl-s">'npm run start'</span><span class="pl-kos">,</span> <span class="pl-c1">wait</span>: <span class="pl-kos">{</span> <span class="pl-c1">stdout</span>: <span class="pl-s">'/Listening on port (?<my_server_port>\\d+)/'</span> <span class="pl-kos">}</span><span class="pl-kos">,</span> <span class="pl-kos">}</span><span class="pl-kos">,</span> <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div> <p dir="auto">If you include a named capture group into the expression, then Playwright will provide the capture group contents via environment variables:</p> <div class="highlight highlight-source-js" dir="auto"><pre class="notranslate"><span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-s1">test</span><span class="pl-kos">,</span> <span class="pl-s1">expect</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">'@playwright/test'</span><span class="pl-kos">;</span> <span class="pl-s1">test</span><span class="pl-kos">.</span><span class="pl-en">use</span><span class="pl-kos">(</span><span class="pl-kos">{</span> <span class="pl-c1">baseUrl</span>: <span class="pl-s">`http://localhost:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">process</span><span class="pl-kos">.</span><span class="pl-c1">env</span><span class="pl-kos">.</span><span class="pl-c1">MY_SERVER_PORT</span> <span class="pl-c1">??</span> <span class="pl-c1">3000</span><span class="pl-kos">}</span></span>`</span> <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-en">test</span><span class="pl-kos">(</span><span class="pl-s">'homepage'</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-kos">(</span><span class="pl-kos">{</span> page <span class="pl-kos">}</span><span class="pl-kos">)</span> <span class="pl-c1">=></span> <span class="pl-kos">{</span> <span class="pl-k">await</span> <span class="pl-s1">page</span><span class="pl-kos">.</span><span class="pl-en">goto</span><span class="pl-kos">(</span><span class="pl-s">'/'</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div> <p dir="auto">This is not just useful for capturing varying ports of dev servers. You can also use it to wait for readiness of a service that doesn't expose an HTTP readiness check, but instead prints a readiness message to stdout or stderr.</p> <h2 dir="auto">Breaking Change</h2> <p dir="auto">After 3 years of being deprecated, we removed <code class="notranslate">Page#accessibility</code> from our API. Please use other libraries such as <a href="https://www.deque.com/axe/">Axe</a> if you need to test page accessibility. See our Node.js <a href="https://playwright.dev/docs/accessibility-testing">guide</a> for integration with Axe.</p> <h2 dir="auto">New APIs</h2> <ul dir="auto"> <li>New property <a href="https://playwright.dev/docs/api/class-testconfig#test-config-tag">testConfig.tag</a> adds a tag to all tests in this run. This is useful when using <a href="https://playwright.dev/docs/test-sharding#merging-reports-from-multiple-shards">merge-reports</a>.</li> <li> <a href="https://playwright.dev/docs/api/class-worker#worker-event-console">worker.on('console')</a> event is emitted when JavaScript within the worker calls one of console API methods, e.g. console.log or console.dir. <a href="https://playwright.dev/docs/api/class-worker#worker-wait-for-event">worker.waitForEvent()</a> can be used to wait for it.</li> <li> <a href="https://playwright.dev/docs/api/class-locator#locator-description">locator.description()</a> returns locator description previously set with <a href="https://playwright.dev/docs/api/class-locator#locator-describe">locator.describe()</a>, and <code class="notranslate">Locator.toString()</code> now uses the description when available.</li> <li>New option <a href="https://playwright.dev/docs/api/class-locator#locator-click-option-steps"><code class="notranslate">steps</code></a> in <a href="https://playwright.dev/docs/api/class-locator#locator-click">locator.click()</a> and <a href="https://playwright.dev/docs/api/class-locator#locator-drag-to">locator.dragTo()</a> that configures the number of <code class="notranslate">mousemove</code> events emitted while moving the mouse pointer to the target element.</li> <li>Network requests issued by <a href="https://playwright.dev/docs/service-workers#network-events-and-routing">Service Workers</a> are now reported and can be routed through the <a href="https://playwright.dev/docs/api/class-browsercontext">BrowserContext</a>, only in Chromium. You can opt out using the <code class="notranslate">PLAYWRIGHT_DISABLE_SERVICE_WORKER_NETWORK</code> environment variable.</li> <li>Console messages from Service Workers are dispatched through <a href="https://playwright.dev/docs/api/class-worker#worker-event-console">worker.on('console')</a>. You can opt out of this using the <code class="notranslate">PLAYWRIGHT_DISABLE_SERVICE_WORKER_CONSOLE</code> environment variable.</li> </ul> <h2 dir="auto">Browser Versions</h2> <ul dir="auto"> <li>Chromium 143.0.7499.4</li> <li>Mozilla Firefox 142.0.1</li> <li>WebKit 26.0</li> </ul></blockquote> <p><em>Does any of this look wrong? <a href=" |
||
|---|---|---|
| .github | ||
| crates | ||
| integrations | ||
| packages | ||
| patches | ||
| playgrounds | ||
| scripts | ||
| .gitignore | ||
| .npmrc | ||
| .prettierignore | ||
| Cargo.lock | ||
| Cargo.toml | ||
| CHANGELOG.md | ||
| LICENSE | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| README.md | ||
| rust-toolchain.toml | ||
| turbo.json | ||
| vitest.config.ts | ||
A utility-first CSS framework for rapidly building custom user interfaces.
Documentation
For full documentation, visit tailwindcss.com.
Community
For help, discussion about best practices, or feature ideas:
Discuss Tailwind CSS on GitHub
Contributing
If you're interested in contributing to Tailwind CSS, please read our contributing docs before submitting a pull request.