tmegos blog

I love school idols / Web developer

Introduce playwright

github.com

作業ログです

テストの動かし方がわからなかった

けど、nodeで普通に動かせばいいだけだった
$ jest hogefuga ~ のようなコマンドに慣れ過ぎである

$ node top.spec.js などで動く

webkitで動くけど、slowMoやsleepが必要そう

webkitでも動く!と思って意気揚々と動かしたら、1280x720の真っ白なスクショが手に入りました。SPA…!

webkit.launch({ slowMo: 1000 })

or

await page.waitForTimeout(1000)

など(またはセレクタやネットワークの状態)で待ち合わせる必要がある
また、Chromiumではwaitしなくてもスクショが取れたので、ブラウザごとに「これは動く」「これは動かない」などが出てくるかも

microsoft/playwright-github-action を使わないと、ERR_CONNECTION_REFUSEDになる

(node:3059) UnhandledPromiseRejectionWarning: page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:8080

https://github.com/megos/spa-e2e-sandbox/runs/1633866741?check_suite_focus=true

エラーになったままActionsが止まらない

timeout-minutesを指定して、jobが任意の時間で止まるように設定した

dev.classmethod.jp

これはassertでエラーになった場合でも同様

公式ドキュメントの通り、何かしらのassertion libraryを入れないと大変そう

playwright.dev

テスト結果がデフォルトだと出ない

ので、jestなどと組み合わせる必要がありそう