설치

pnpm create playwright

playwright.config.ts

예시

import { defineConfig } from '@playwright/test';
import dotenv from 'dotenv';

dotenv.config({ path: '.env.local' });

export default defineConfig({
  use: {
    baseURL: process.env.TEST_BASE_URL,
  },
  
  outputDir: 'test-results',

  webServer: {
    command: 'pnpm dev',
    url: process.env.TEST_BASE_URL,
    reuseExistingServer: !process.env.CI,
    stdout: 'ignore',
    stderr: 'pipe',
  },
});

env

.env를 자동으로 인식하지 않음, 다른 이름일 경우에는 당연히 마찬가지.

위와 같이 dotenv 패키지를 사용해서 사용

webServer

https://playwright.dev/docs/test-webserver

e2e 테스트를 할 떄 서버가 실행중이어야 테스트할 수 있는데, 자동으로 실행 후 테스트 해주는 옵션