Estoy ejecutando la prueba Cypress en el siguiente componente:
<v-row> <v-col cols="12"> <v-date-picker v-model="calendarDate" :allowed-dates="availableReportingMonths" :landscape="false" :min="earliestReportingDate" :max="latestReportingDate" :title-date-format="titleDateFormat" @change="onReportingDateChanged" small full-width type="month" data-cy="dashboard_date_picker" /> </v-col> </v-row>Aquí está la siguiente prueba de Cypress:
it( 'Date Selection Change', () => { cy.get( ticketDatePicker ).contains( 'December 2021' ); cy.get( ticketDatePicker ).contains( '.v-btn', 'Oct' ).parent( 'td' ).click(); cy.get( ticketDatePicker ).contains( 'Reporting Date: October 2021' ); });Después de esto, aparece un mensaje de error que indica que el elemento DOM está desconectado: https://imgur.com/a/7vq3trc (el enlace de la imagen se publica debido a la baja reputación).
Puedo obtener el botón, pero no puedo hacer clic en él. Me gustaría saber si esto es común o si se trata de un problema de Vuetify derivado de los problemas de interacción bien documentados.