dropzoneで実装されているファイルアップロードをpuppeteerから登録する方法

Question

puppeteerからページにアクセスし、フォームを自動入力して登録する機能を実装しているのですが、dropzoneで実装されているファイルアップロードに対してどのように画像を登録すればよいか、悩んでいます。

ファイルのアップロードの仕方自体は

const eleHandle = await page.$('fileInput');
eleHandle.uploadFile('uploadFile');

といった形で実装できるのは知っているのですが、dropzoneで実装されたファイルにはfileインプットが無い状態です。（dropzone領域をクリックするとファイルダイヤログ自体は立ち上がりますが、dropzoneから立ち上げているようです。）

サイト側で画像をアップロードする方法としては、dropzone領域をクリックしてファイルダイヤログから選択するか、画像をdropzone領域までドラッグ＆ドロップする方法がありますが、puppeteerではこれらにアプローチして画像をアップロードするにはどういった方法があるのか、良い解決案がありましたら、教えていただけると助かります。

Comments

[x_x]

何らかのライブラリを使っているのならそのアドレスを書いてください