verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 90 Releases Wiki Activity

test: refs #8484 await main content loaded #1318

Merged
alexm merged 54 commits from 8484-waitToDomContentLoadedInTests into dev 2025-02-27 06:19:45 +00:00
Conversation 1 Commits 54 Files Changed 15 +42 -26
1 changed files with 42 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3bb09c8310 - Show all commits

68
test/cypress/support/commands.js
View File

@ -100,33 +100,48 @@ Cypress.Commands.add('getValue', (selector) => {
// Fill Inputs
Cypress.Commands.add('selectOption', (selector, option, timeout = 5000) => {
jorgep marked this conversation as resolved Outdated
alexm commented 2025-02-13 07:16:01 +00:00
Outdated
Review
Copy Link

Prueba con esto:

Cypress.Commands.add('selectOption', (selector, option, timeout = 2500) => {
    cy.waitForElement(selector, timeout);

    cy.get(selector, { timeout })
        .should('exist')
        .should('be.visible')
        .click()
        .then(($el) => {
            cy.wrap($el.is('input') ? $el : $el.find('input'))
                .invoke('attr', 'aria-controls')
                .then((ariaControl) => selectItem(selector, option, ariaControl));
        });
});

function selectItem(selector, option, ariaControl, hasWrite = true) {
    if (!hasWrite) cy.wait(100);

    getItems(ariaControl).then((items) => {
        const matchingItem = items
            .toArray()
            .find((item) => item.innerText.includes(option));
        if (matchingItem) return cy.wrap(matchingItem).click();

        if (hasWrite) cy.get(selector).clear().type(option, { delay: 0 });
        return selectItem(selector, option, ariaControl, false);
    });
}

function getItems(ariaControl, startTime = Cypress._.now(), timeout = 2500) {
    // Se intenta obtener la lista de opciones del desplegable de manera recursiva
    return cy
        .get('#' + ariaControl, { timeout })
        .should('exist')
        .find('.q-item')
        .should('exist')
        .then(($items) => {
            if (!$items?.length || $items.first().text().trim() === '') {
                if (Cypress._.now() - startTime > timeout) {
                    throw new Error(
                        `getItems: Tiempo de espera (${timeout}ms) excedido.`,
                    );
                }
                return getItems(ariaControl, startTime, timeout);
            }

            return cy.wrap($items);
        });
}
Prueba con esto: ``` Cypress.Commands.add('selectOption', (selector, option, timeout = 2500) => { cy.waitForElement(selector, timeout); cy.get(selector, { timeout }) .should('exist') .should('be.visible') .click() .then(($el) => { cy.wrap($el.is('input') ? $el : $el.find('input')) .invoke('attr', 'aria-controls') .then((ariaControl) => selectItem(selector, option, ariaControl)); }); }); function selectItem(selector, option, ariaControl, hasWrite = true) { if (!hasWrite) cy.wait(100); getItems(ariaControl).then((items) => { const matchingItem = items .toArray() .find((item) => item.innerText.includes(option)); if (matchingItem) return cy.wrap(matchingItem).click(); if (hasWrite) cy.get(selector).clear().type(option, { delay: 0 }); return selectItem(selector, option, ariaControl, false); }); } function getItems(ariaControl, startTime = Cypress._.now(), timeout = 2500) { // Se intenta obtener la lista de opciones del desplegable de manera recursiva return cy .get('#' + ariaControl, { timeout }) .should('exist') .find('.q-item') .should('exist') .then(($items) => { if (!$items?.length || $items.first().text().trim() === '') { if (Cypress._.now() - startTime > timeout) { throw new Error( `getItems: Tiempo de espera (${timeout}ms) excedido.`, ); } return getItems(ariaControl, startTime, timeout); } return cy.wrap($items); }); } ```
cy.waitForElement(selector, timeout);
cy.get(selector).click();
cy.get(selector).invoke('data', 'url').as('dataUrl');
cy.get(selector)
.clear()
.type(option)
.then(() => {
cy.get('.q-menu', { timeout })
.should('be.visible') // Asegurarse de que el menú está visible
.and('exist') // Verificar que el menú existe
.then(() => {
cy.get('@dataUrl').then((url) => {
if (url) {
// Esperar a que el menú no esté visible (desaparezca)
cy.get('.q-menu').should('not.be.visible');
// Ahora esperar a que el menú vuelva a aparecer
cy.get('.q-menu').should('be.visible').and('exist');
}
});
});
});
// cy.waitForElement(selector, timeout);
// cy.get(selector).click();
// cy.get(selector).invoke('data', 'url').as('dataUrl');
// cy.get(selector)
// .clear()
// .type(option)
// .then(() => {
// cy.get('.q-menu', { timeout })
// .should('be.visible') // Asegurarse de que el menú está visible
// .and('exist') // Verificar que el menú existe
// .then(() => {
// cy.get('@dataUrl').then((url) => {
// if (url) {
// // Esperar a que el menú no esté visible (desaparezca)
// cy.get('.q-menu').should('not.be.visible');
// // Ahora esperar a que el menú vuelva a aparecer
// cy.get('.q-menu').should('be.visible').and('exist');
alexm commented 2025-02-13 07:15:22 +00:00
Outdated
Review
Copy Link

Para esto usar el selectOPtion

Para esto usar el selectOPtion
// }
// });
// });
// });
// Finalmente, seleccionar la opción deseada
cy.get('.q-menu:visible') // Asegurarse de que estamos dentro del menú visible
.find('.q-item') // Encontrar los elementos de las opciones
.contains(option) // Verificar que existe una opción que contenga el texto deseado
.click(); // Hacer clic en la opción
// // Finalmente, seleccionar la opción deseada
// cy.get('.q-menu:visible') // Asegurarse de que estamos dentro del menú visible
// .find('.q-item') // Encontrar los elementos de las opciones
// .contains(option) // Verificar que existe una opción que contenga el texto deseado
// .click(); // Hacer clic en la opción
const retryAssertion = (selector, option, retries = 5) => {
if (retries === 0) throw new Error('Assertion failed after retries');
cy.waitForElement(selector).click().clear().type(option);
cy.get('.q-menu')
.then($el => {
if ($el.css('visibility') !== 'visible') {
retryAssertion(selector, option, retries - 1);
} else {
cy.get($el).should('be.visible').find('.q-item').contains(option).click();
cy.wait(200);
}
});
};
retryAssertion(selector, option);
});
Cypress.Commands.add('countSelectOptions', (selector, option) => {
@ -145,6 +160,7 @@ Cypress.Commands.add('fillInForm', (obj, form = '.q-form > .q-card') => {
if (!field) return;
const { type, val } = field;
cy.log("TIPO: ", field);
switch (type) {
case 'select':
cy.selectOption(el, val);