Bagaimana untuk terus mengisi borang dengan pemilih tarikh Vue Cypress
P粉141911244
2023-08-29 18:47:55
<p>Saya cuba mengisi borang menggunakan cypress. Borang dibina dengan Vue dan kelihatan seperti ini</p>
<p>Masalahnya ialah, tarikh yang dijadualkan ialah pemilih tarikh yang saya isikan menggunakan perintah cypress type(). Contohnya</p>
<pre class="brush:js;toolbar:false;">cy.get('#dispatch-date').type('22-10-2022');
</pra>
<p>Walau bagaimanapun, ini adalah rupa bentuk selepas memasukkan arahan</p>
<p>Menu lungsur turun pemilih tarikh meliputi seluruh borang, tidak membenarkan cypress terus mengisi borang. Saya cuba mengklik {enter} selepas memasukkan tarikh tetapi ia menyerahkan borang. Saya juga mencuba pilihan {force:true} tetapi ia gagal dalam ujian kerana pemilih tarikh sebenarnya adalah <div> Sebarang idea bagaimana untuk menyelesaikan masalah ini? </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Ini bergantung pada pemilih tarikh tepat yang anda gunakan dalam apl anda, atau lebih tepat lagi, cara pengguna berinteraksi dengannya.
Sebagai contoh, jika ia vue2-datepicker, anda mungkin hanya menutup kawalan untuk mencetuskan kemas kininya.
cy.get('#dispatch-date') .type('{selectAll}22-10-2022') // {selectAll} if not empty .trigger('keydown', {keyCode: 9, which: 9}) cy.get('#dispatch-date') .should('have.value', '22-10-2022')Perhatikan bahawa mengklik elemen
akan menutup pemilih, tetapi nilai tidak akan dikemas kini kepada model v.