Docker環境でPlaywrightのshow-reportを開きたい！編

概要

Docker環境でE2E-Testをplaywrightで行った際に、show-reportのみ開けずに困った経験があると思います。
他の方がnginxを使った手法などの記事もありましたが、この記事ではもう少し簡単にshow-reportを開く方法があるので備忘録がてら結論だけ残しておきます。

開発環境

• Ubuntu 22.04 LTS(WSL)
• Docker Desktop
• VsCode

結論

vscodeの拡張機能のLive Serverをインストールして使います。

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

show-reportを開いてみる

それでは、/playwright-reportにあるindex.htmlを右クリックして、
Open With Live Serverをクリックしましょう。

ブラウザが立ち上がり
http://127.0.0.1:5500/playwright-report/index.htmlにアクセス出来れば完了です。