Estoy usando VueJS y Cypress para probar e2e. También uso el menú desplegable de Vuetify:

 <div class="col-md-6" id="selecter"> <v-select v-model="courseSelection.value" :items="courseOptions" :error-messages="courseSelection.errors" :disabled="courseSelection.disabled" label="select" required outlined dense /> </div>

courseOptions contiene muchas opciones con carga diferida, lo que significa que se carga si se desplaza hacia abajo. Estoy tratando de obtener el último elemento en esa lista, pero parece que no puedo encontrar una manera de desplazarme hacia abajo para que pueda cargarse. Lo que probé:

 cy.get('#selecter').click(); cy.get(".v-menu__content.theme--light.v-menu__content--fixed").eq(0).scrollIntoView(); cy.get('div[role="listbox"]').find('div[role="option"]').eq(-1).click();

Pero selecciona solo el último elemento cargado y no el último elemento real. ¿Cómo se puede hacer?