Playwrightの導入からGitHub Actions上でテストを実行するまで

はじめに ちょくちょく Terraform を触る機会が増えた @kt15 です。最近、E2E テストフレームワークを調査する機会がありました。E2E テストフレームワークは Playwright 以外にも Cypress などいくつかありますが、個人的には Playwright が1番しっくりきました。今回は Playwright の導入から GitHub Actions 上で実行するところまでを試したので、やったことを備忘録的に残しておこうと思います。 Playwrightとは E2E テストを自動化するフレームワークです。 個人的にはこの辺りが魅力的だと感じました。 クロスブラウザ（WebKit も含む）をサポートしている モバイルデバイスをエミュレート（ビューポートなど）してテストできる 構築していく！ テスト用にサンプルアプリを作る 今回は Vite と React でサンプルア

[sh19910711]

"Playwright: クロスブラウザ（WebKit も含む） + モバイルデバイスをエミュレート（ビューポートなど）してテストできる / yarn playwright test --project=chromium は指定したブラウザでテストを実行" 2022