Cypressでファイル入力をテストする方法は？

Question

ファイルとのやり取りを必要とするフローのe2eテストを作成するにはどうすればいいですか？

テキスト入力の場合は、そのDOMコンポーネントとして（値の確認、値の設定など）対話できます。しかし、ファイル入力要素がある場合、ダイアログを開いてファイルを選択できるようになるまで、対話が制限されていると推測しています。私は進むことができず、ダイアログがネイティブで、いくつかのブラウザ要素ではないので、アップロードしたいファイルを選択することはできません。

どのようにユーザーが自分のサイトからファイルを正しくアップロードできるかどうしたらテストできますか？私はCypressを使って私のe2eテストを書いています。

Answer 1

テストファイル入力エレメントは、サイプレスではまだサポートされていません。

1. ネイティブイベント（サイプレスのRoadmapにある）を発行する方法は、ファイル入力をテストする唯一の方法です。
2. アプリケーションがファイルAPIを使用してファイルアップロードを処理し、スタブアウトする方法を理解してください。それは可能ですが、一般的ではありません。

See this open issue for more detail。