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 +2 -33
2 changed files with 2 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 22dc45b91f - Show all commits

4
test/cypress/integration/wagon/wagonType/wagonTypeCreate.spec.js
View File

@ -12,8 +12,6 @@ describe('WagonTypeCreate', () => {
cy.get('button[type="submit"]').click();
});
it('delete a wagon type', () => {
cy.get(
'[to="/null/2"] > .q-card > .column > [title="Remove"] > .q-btn__content > .q-icon'
).click();
cy.get('.q-card').first().find('[title="Remove"] .q-icon').click();
});
});

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

@ -100,34 +100,6 @@ 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');
// }
// });
// });
// });
// // 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);
@ -136,7 +108,7 @@ Cypress.Commands.add('selectOption', (selector, option, timeout = 5000) => {
if ($el.css('visibility') !== 'visible') {
retryAssertion(selector, option, retries - 1);
} else {
cy.get($el).should('be.visible').find('.q-item').contains(option).click();
cy.get($el).find('.q-item').contains(option).click();
cy.wait(200);
}
});
@ -160,7 +132,6 @@ 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);