使用Cypress方法選擇檔案時，處理DOM中沒有輸入元素的情況
P粉697408921
2023-09-05 22:32:49
<p>點擊上傳按鈕時，使用下面的方法開啟檔案瀏覽器。據我所知，除非你明確地將它附加到DOM元素上，否則不會為DOM添加任何元素。 </p>
<pre class="brush:js;toolbar:false;">const inputEl = document.createElement("input");
inputEl.type = "file";
inputEl.multiple = true;
inputEl.click();
inputEl.onchange = (e) => { ... }
</pre>
<p>在Cypress中是否可以使用此方法選擇檔案？ <code>selectFile</code>需要<code>input</code>元素在DOM中，並且連結在其後。否則，我將不得不使用隱藏的input元素。 </p>
已解決。在Cypress中無法做到。我使用了一個環境變數"DEVELOPMENT=1"來將輸入元素附加到DOM中，但僅在測試期間。
const inputEl = document.createElement("input"); if (process.env.DEVELOPMENT) { document.getElementById("root").appendChild(inputEl); } inputEl.type = "file"; inputEl.multiple = true; inputEl.click(); inputEl.onchange = (e) => { ... }