Playwright でファイルアップロードできないときの回避方法

はじめに こんにちは、クラウドエース 第 2 開発部の坂本です。 最近、Playwright で E2E テストを書いていて、ファイルアップロードのテストで少し詰まりました。 具体的には、react-dropzone を使用してファイルアップロードを実装している場合に、Playwright の 公式ドキュメント に記載されている filechooser イベントを使った方法で、タイムアウトが発生しました。 そこで、本記事ではこの問題の回避方法をご紹介します。 Playwright の入門記事も弊社が出しておりますので、こちらもご覧ください。 前提条件 @playwright/test <= 1.48.1 react-dropzone <= 14.2.10 詰まったところ Playwright を使用して React で作られた Web アプリケーションのファイルアップロード処理をテストする