Playwright
Chrome以外のブラウザにも使えるPuppeteerみたいなやつ
Chrome, Webkit, FireFoxに対応
ユーザー操作を記録してコード生成が出来る
学習コストが低く、躓く点も少なくて良い
docs
>#WIP
selectorの型、かなり頑張ってるのスゴ
$eval 、selectorが見つからなかった時に落ちるのかベスプら
test generator
Network
MSW的なことができる？
Google認証を突破する方法
Configurationとかあるのかめんどいな
どういう設定がきでる？
@playwright/testってどういう立ち位置？
素のplaywrightとは違うのか？
これがあるとjest不要？
jestと併用するものではないのか
Record Video
テスト時の動画を録画してくれる
Experimental: components
Playwright Test can now test your components.
ここでみた
>testing-libraryのようなdomクエリの書き心地でplaywrightのブラウザテストが書けます。
> optionalと書いたのは、あまりメンテ頻度が多くない。ということと、playwrightがクエリを逆輸入してきたので将来性を考えたら導入しないほうがいいかもしれないかなと思ったからです。
よく使うAPI
コード生成
GUIでブラウザ操作すると、PuppeteerとPlaywrightのコードを出力できる
生成されたコードはあまりちゃんと動かなかったけど役立つこともありそう、と思った
Cookie追加する
こんな感じのことを書いたらいけた
tsawait context.addCookies([
{
name: "hoge",
value: "hogepiyo",
url: "http://localhost",
},
]);headfulにする
テストコードのdebug時は便利
例えば、「login formに入力してsubmit」をしたいときに「submit忘れた」とかに気づけた
chromium.launch({headless:false}); headlessだと上手くいくのに、headfulだと途中で落ちることがたまにある
visual debugger
参考
まとめ方が簡潔で良い