Playwright

Chrome, Webkit, FireFoxに対応

ユーザー操作を記録してコード生成が出来る

docs

test generator

Network

Google認証を突破する方法

どういう設定がきでる？

素のplaywrightとは違うのか？

これがあるとjest不要？

jestと併用するものではないのか

Record Video

テスト時の動画を録画してくれる

Experimental: components

Playwright Test can now test your components.

testing-libraryのようなdomクエリの書き心地でplaywrightのブラウザテストが書けます。

optionalと書いたのは、あまりメンテ頻度が多くない。ということと、playwrightがクエリを逆輸入してきたので将来性を考えたら導入しないほうがいいかもしれないかなと思ったからです。

よく使うAPI

コード生成

Cookie追加する

こんな感じのことを書いたらいけた

code:ts

await context.addCookies([

{

name: "hoge",

value: "hogepiyo",

},

]);

headfulにする

テストコードのdebug時は便利

chromium.launch({headless:false});

visual debugger

参考

まとめ方が簡潔で良い