Playwright v1.34.0 の変更を眺める

Playwright v1.34.0 がリリースされたので、リリースノートを眺める。
https://github.com/microsoft/playwright/releases/tag/v1.34.0

UI Mode で見た目の差分を確認できるようになった

下記のように toHaveScreenshot アサーションを使うと、見た目の差分をチェックできたが、UI Mode 上だと diff を確認できるようになったっぽい。

await expect(page).toHaveScreenshot();

こんな感じ。ただ、reg-suit ほど見やすくはない

locator.and が追加された

and を使うと2つのlocatorに一致するlocatorを作成できるようになります。
...ちょっと何言ってるか分からない状態になると思いますが、
実際にコードを見てもらえると理解できると思います。

const button = page.getByRole('button').and(page.getByTitle('Subscribe'));

上記の例のように role 属性の値が button かつ 、title 属性の値が Subscribe の要素を特定できるようになりました。