seleniumでdisplay:noneのinput要素にフィルをアップロードする方法は？

このようなHTMLのページでinputのところに画像のを入れてアップロードしたいと考えています。

<div class="async-upload__thumb item-image__area">
  <div class="fab-dialog__thumb-drop-zone async-upload__thumb-drop-zone">
    <p class="async-upload__thumb-msg" diaplay="true">画像を選択</p>
    <input type="file" accept="image/jpeg,image/gif,image/png" multiple="" style="display:none">
 </div>
</div>

しかし、要素の属性がdisplay:noneとなっているためこちらのコード

java
1driver.findElement(By.xpath("//input[@type='file']")).sendKeys("/test.jpg");

を実行すると
Element is not currently visible and so may not be interacted with
Command duration or timeout: 24 milliseconds
とエラーが出ます。

要素の属性をJavascriptExecutorを使って変更できないか試してみ用途思ったのですが
javaScriptでIDやClass名のない要素の指定方法が分からず、要素の属性の変更ができませんでした。

どのようにすれば今回のようにdisplay:noneになっている要素に対してファイルのアップロードを行うことができるのでしょうか？

ご教示いただけますと幸いです。
どうぞよろしくお願いいたします。

行動規範の内容に同意します

回答1件

自己解決

画像のアップロード前にjQueryでdisplay:noneを消すことで画像のアップロードボタンが表示されるようになり、アップロードもできるようになりました。

java
1// Remove display : none
2JavascriptExecutor js = (JavascriptExecutor) driver;
3js.executeScript("$(\"input[type='file']\").css('display','')");