#Playwright
RSSフィードPlaywright のスクリーンショットは、例えばtoHaveScreenshotのデフォルトでは次のような形式で保存される。
All Posts
Playwrightでスクリーンショットの保存先をカスタマイズする
Playwright のスクリーンショットは、例えばtoHaveScreenshotのデフォルトでは次のような形式で保存される。
Playwrightでテスト実行時にweb serverを立ち上げる
Playwright で書かれたテストの改修をしていると、CI 上でホスティングサービスにデプロイした URL を貰ってきてから実行しているケースが度々見られるが、Web Server を立ち上げて実行した方が良いことが多い。
Playwright v1.49の変更によるChromiumダウンロードコストの変化
Playwirght v1.49の変更によるChromiumのダウンロードコストの変化を計測した。
Q. ローカル環境でのE2EテストがReactDevOverlayにより失敗する
Next.jsを利用したサービスでPlaywrightテストをローカル実行する際に、ReactDevOverlayを非表示する方法について
Playwrightの動画を取りたい
Playwrightのテスト結果を動画で録画する方法について紹介する。
Q. Playwrightのテスト改善をしてほしい
Playwrightのテスト改善をしてほしいという相談を受けた際の対応をまとめた。
Playwrightでファイル選択をする
PlaywrightでFileChooserオブジェクトを利用してファイル選択をエミュレートする方法について紹介する。
Playwrightスクリプトを自動生成する
Playwrightのスクリプトを自動生成する方法について紹介する。
Q. E2Eテストで稀に要素が取得出来なくなり失敗する
Playwrightを利用したE2Eテストで稀に要素が取得できなくなり失敗すると相談を受けた際の対応についてまとめた。
CI上でPlaywrightのテストが落ちたら確認すること
CI上でPlaywrightのテストが落ちた場合、どのようなことを確認すると良いか書いた。
PlaywrightでAPIのレスポンスを差し替える
PlaywrightでAPIのレスポンスを差し替える方法について紹介する。
Playwrightでページエラーを検出する
Playwrightでページ内で発生したエラーを検出する方法について紹介する。
Playwrightをheadedまたはデバックモードで実行する。
Playwrightをheadedまたはデバックモードで実行する方法について紹介する。
Playwrightでセッションを再利用する
PlaywrightでCookieやLocal storageをstate.jsonに保存してセッションを再利用する方法について紹介する。
Playwrightで任意のスクリプトを実行する
Playwrightでページ内で任意のスクリプトを実行する方法について紹介する。
PlaywrightでVisual Regression Testingする
PlaywrightでVisual Regression Testingを行う方法について紹介する。
News bits
MicrosoftがAgent向けのPlaywright CLI (v0.0.58) を公開
Microsoftは、Coding Agent（Claude CodeやGitHub Copilotなど）での利用に最適化されたPlaywrightの新しいCLIモード（v0.0.58）を公開した。 これは従来のMCPサーバーよりもトークン効率が高く、エージェントがCLI経由でブラウザ操作を行うための「Skills」を提供する。
Playwright v1.57.0
Playwright v1.57.0がリリースされた。HTMLレポーターに「Speedboard」タブが追加され、実行時間の長いテストを可視化することでボトルネックの特定が容易になった。また、Chromiumの代わりに「Chrome for Testing」ビルドを使用するように変更された（機能的な変更はない見込みだが、アイコンなどが変わる）。
Playwright v1.56.0リリース
Playwright v1.56.0がリリース。Playwright Agents機能追加、新しいAPI、UI ModeとHTML Reporterの改善など。
Playwright v1.54.0、分割された Cookie 対応、セッション間でブラウジング状態を再使用するオプションの追加
Playwright v1.54.0 がリリースされ、Cookie partitioning 対応、HTML レポート改善、コマンドライン変更が実装された。
Copilot Coding Agent の Web ブラウザ機能
GitHub Copilot の Coding Agent に Web ブラウザ機能が追加された。Playwright MCP サーバーを活用し、Web アプリケーションとの対話が可能になった。これにより、Copilot はバグの再現や作業の検証を行い、プルリクエストにスクリーンショットを含めることもできる。
GitHub Actions の fine-grain 権限設定がカスタムリポジトリロールに提供
GitHub Actions の fine-grain 権限設定がカスタムリポジトリロールで正式に利用可能になった。
ECMAScript 2025 が正式承認
Ecma International の第 129 回総会で ECMAScript 2025 言語仕様が正式に承認され、標準となった。編集者は Shu-yu Guo、Michael Ficarra、Kevin Gibbons が担当。
Chrome 138 リリース、AI API 搭載と CSS 新機能を提供
Chrome 138 が正式リリース。組み込み AI API、新しい CSS 関数、フォルダブルデバイス対応機能などが追加。
Vite 7.0 リリース、Node.js 18 ドロップとブラウザターゲット変更
Vite 7.0 が正式リリース。Node.js 18 の EOL（2025 年 4 月末）に伴い、Node.js 20.19+、22.12+が必要になった。新しいバージョン範囲ではrequire(esm)がフラグなしでサポートされるため、Vite 7.0 を ESM-only で配布しながら、CJS モジュールから Vite JavaScript API を使用することが可能。
Playwright v1.53.0 リリース、Trace Viewer と HTML レポーター機能強化
Playwright v1.53.0 が正式リリース。Trace Viewer と HTML レポーターに新しい Steps 表示機能、カスタムタイトル設定、ロケーター記述機能などが追加。
Playwright v1.52.0 リリース
E2E テストフレームワークの Playwright が新バージョンをリリース。クラス検証の新メソッドや ARIA スナップショットの機能強化、テストランナーの改善などを含む。
Playwright 1.51.0
Playwright v1.51.0 がリリースされました。
Playwright v1.15.0
Playwright v1.15.0 がリリース。
Playwright v1.49 - Aria Snapshots
Playwright v1.49 リリース。
Storybook 8.2
Storybook 8.2 がリリースされた。テスト機能の改善や、ポータブルストーリーの正式なサポートなどが行われた。 また Storybook 8.3 では、Vitest との統合や互換性の向上が予定されている。
Playwright v1.45.0
Playwright v1.45.0 が 6 月 25 日にリリースされました。
Playwright v1.44.0
Playwright v1.44.0 がリリースされました。
Safetest
Safetest は、Netflix の開発した Playwright や Vitest/Jest を組みわせたテストライブラリです。
著者について
Hi there. I'm hrdtbs, a frontend expert and technical consultant. I started my career in the creative industry over 13 years ago, learning on the job as a 3DCG modeler and game engineer in the indie scene.
In 2015 I began working as a freelance web designer and engineer. I handled everything from design and development to operation and advertising, delivering comprehensive solutions for various clients.
In 2016 I joined Wemotion as CTO, where I built the engineering team from the ground up and led the development of core web and mobile applications for three years.
In 2019 I joined matsuri technologies as a Frontend Expert, and in 2020 I also began serving as a technical manager supporting streamers and content creators.
I'm so grateful to be working in this field, doing something that brings me so much joy. Thanks for stopping by.