使用Cypress方法選擇檔案時，處理DOM中沒有輸入元素的情況

Question

點擊上傳按鈕時，使用下面的方法開啟檔案瀏覽器。據我所知，除非你明確地將它附加到DOM元素上，否則不會為DOM添加任何元素。

const inputEl = document.createElement("input");
inputEl.type = "file";
inputEl.multiple = true;
inputEl.click();
inputEl.onchange = (e) => { ... }

在Cypress中是否可以使用此方法選擇檔案？ selectFile需要input元素在DOM中，並且連結在其後。否則，我將不得不使用隱藏的input元素。

Answer 1

已解決。在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) => { ... }