はじめに皆さんこんにちは。踊るエンジニア木戸です。 Playwright連載3日目の今回は、その便利機能たちをCypressと比較しながら紹介します。Cypressで馴染みの便利機能がPlaywrightではどう実現されているのか、E2Eテストに関わる関係者の悩みを解決するどんな便利機能が備わっているのか、詳しく見てみましょう。 テストコード生成の補助まずはテストコードを記述する際の便利機能について紹介します。 Playwrightでは、テストケースに沿ったアクションを実行させるために、まず操作対象のDOMを取得する必要があります。Test generator機能を使用すると、実際に対象ページをブラウザで表示させ、操作対象にマウスオーバーすることで、DOMを取得するためのコードを生成してくれます。
![イチ押し。Playwrightの快適機能 | フューチャー技術ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b308095fe43b5a2dc52bb19364ad79313be0a059/height=288;version=1;width=512/https%3A%2F%2Ffuture-architect.github.io%2Fimages%2F20230824a%2Fimage.png)