Kendalikan kes di mana tiada unsur input dalam DOM apabila memilih fail menggunakan kaedah Cypress

Question

Apabila mengklik butang muat naik, gunakan kaedah di bawah untuk membuka penyemak imbas fail. Setahu saya, tiada unsur ditambahkan pada DOM melainkan anda melampirkannya secara eksplisit pada elemen DOM.

const inputEl = document.createElement("input");
inputEl.type = "fail";
inputEl.multiple = benar;
inputEl.click();
inputEl.onchange = (e) =>

Adakah mungkin untuk memilih fail menggunakan kaedah ini dalam Cypress? pilih Fail memerlukan elemen masukan Jika tidak, saya perlu menggunakan elemen input tersembunyi. 
            

Answer 1

Selesai. Tidak boleh melakukannya di Cypress. Saya menggunakan pembolehubah persekitaran "DEVELOPMENT=1" untuk menambahkan elemen input pada DOM, tetapi hanya semasa ujian.

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) => { ... }