## 前提 [[📚Playwrightでe2eテストを書いてみた]]の環境ができていること。 ## 型定義の追加 `jest`の型定義は別途インストールする。 ```shell npm i --dev @types/jest ``` `expect`や`describe`などのsignatureを解決するため、`tsconfig.json`の[[types (tsconfig)|types]]に`jest`と`expect-playwright`を追加する。 ```diff { "compilerOptions": { ... "types": [ "@nuxt/types", "@nuxtjs/axios", "@types/node", + "jest", + "expect-playwright" ] ... }, } ``` ## Transformの設定追加 `.ts`ファイルを[[ts-jest]]で[[トランスパイル]]するよう、[[Jest]]のconfigに設定を追加する。[[moduleNameMapper]]はMustではないが、`import {..} from '~/..'`と書けるのでオススメ。 ```diff module.exports = { preset: 'jest-playwright-preset', setupFilesAfterEnv: ['expect-playwright'], + moduleNameMapper: { + '^~/(.*): '<rootDir>/$1', + }, + transform: { + '^.+\\.ts: 'ts-jest', + '^.+\\.js: 'babel-jest', + }, verbose: true, } ``` ## 参考 https://www.carlrippon.com/getting-started-with-playwright/