Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Como configurar a resolução do browser dentro do teste? não deu certo no meu

Meu teste está assim:

describe('Testando dispositivos móveis', () => {
    it('Deve existir um botão menu burguer', () => {
        cy.viewport(375, 667);
        cy.visit('/')
        
        cy.getByData('botao-login').click();
        cy.getByData('email-input').type('neilton@alura.com');
        cy.getByData('senha-input').type('123456');
        cy.getByData('botao-enviar').click();
        
        cy.location('pathname').should('eq', '/home');
        
        cy.getByData('menu-burguer').click();
        cy.getByData('menu-lateral').find('a').eq(3).click();
        
        cy.location('pathname').should('eq', '/home/investimentos');
    })
})

Mas, ele está sendo executado em 1280x720 dentro do cypress:

1 resposta
solução!

Ah consegui, parece que temos que colocar pra restaurar para a resolução anterior apos o teste:

describe('Testando dispositivos móveis', () => {
    it('Deve existir um botão menu burguer', () => {
        cy.visit('/');
        
        // Defina a resolução temporária para a viewport neste teste específico
        cy.viewport(375, 667); // Resolução de um dispositivo móvel (iPhone 6/7/8)

        cy.getByData('botao-login').click();
        cy.getByData('email-input').type('neilton@alura.com');
        cy.getByData('senha-input').type('123456');
        cy.getByData('botao-enviar').click();
        
        cy.location('pathname').should('eq', '/home');

        cy.getByData('menu-burguer').click();
        cy.getByData('menu-lateral').find('a').eq(3).click();
        
        cy.location('pathname').should('eq', '/home/investimentos');
        
        // Restaurar a resolução padrão após o teste
        cy.viewport(1280, 720); // Resolução típica de desktop
    })
})