Nuxt3 に Playwright で E2E Snapshot Test を導入してみた - Qiita

前提条件 Mac book Nuxt .. v3.0.0-rc.6 Playwright, @playwright/test .. v1.25.1 yarn .. v1.22.17 Nuxt の構成 SSR モード Server Api あり (./server/api) ./server/api 内で、バックエンドから取ってきたデータを ViewModel に変換してブラウザに返すような構成 1. MockServer 化 まず、統一した実行結果がほしいので、ViewModel を返却する Server Api をモックサーバ化してみる Serve Api は nitro で動いているので、 nuxt.config.ts を以下のように書き換えるとうまくいった。 hooks: { 'nitro:config': (config: NitroConfig) => { // nitro の

[sh19910711]

"ページの描画直後をスナップショットするだけでも十分テストになるので、手間がかからなくてとっても良かった / この後、 GitHub Actions で動作させようとして、また一波乱あった" 2022