PlayWrightにそっと触れる

takky94

https://github.com/microsoft/playwright

takky94

npx playwright install
npx playwright codegen http://localhost:3000

ブラウザ立ち上がってポチポチできる

takky94

良いのみっけた

takky94

Next.jsに導入する

npm i --save-dev @playwright/test
package.jsonに適当な名前のコマンド追加
npx playwright codegen http://localhost:3000で適当にポチってcodegenする
codegenしたものをspecディレクトリにhoge.spec.tsとして突っ込む
playwright.config.ts を作る（9行目あたりのtestDirを環境に合わせて正しいパスに修正）
npm run 2で作った適当な名前のコマンド

これで3分くらいで試せた
くろしゅぶらうあも対応

takky94

スクショ撮る

import { test, expect } from '@playwright/test'

test('test', async ({ page, browserName }) => {
  // ...
  await page.screenshot({ path: `screenshot/${browserName}.png` })
})

takky94

PlayWright、ヘッドレスモードON/OFFに関わらずGoogle認証弾かれるなぁ

takky94

これ読んだけど

https://playwright.dev/docs/auth

だめ

takky94

ref: https://stackoverflow.com/questions/65139098/how-to-login-to-google-account-with-playwright

ref: https://peter.sh/experiments/chromium-command-line-switches/

takky94

お〜、これ怪しい