erro no cypress | React: avançando em testes e2e com Cypress

import { faker } from '@faker-js/faker/locale/pt_BR';

describe('Teste de cadastro de usuário', ()=>{
    const usuario = {
        nome: faker.name.fullName(),
        email: faker.internet.email(),
        senha: faker.internet.password(),
    }

    it('Deve permitir cadastrar um usuário com sucesso', () => {
        cy.visit('/')

        cy.getByData('botao-cadastro').click()
        cy.getByData('nome-input').type(usuario.nome)
        cy.getByData('email-input').type(usuario.email)
        cy.getByData('senha-input').type(usuario.senha)
        cy.getByData('checkbox-input').check()
        cy.getByData('botao-enviar').click()

        cy.getByData('mensagem-sucesso').should('exist').contains('Usuário cadastrado com sucesso!')

        cy.request('GET', 'http://localhost:8000/users').then((resposta)=>{
            expect(resposta.body).to.have.lengthOf.at.least(1)
            expect(resposta.body[resposta.body.length - 1]).to.deep.include(usuario)
        })
    })
})

Boa tarde, como consigo fazer rodar o teste no cypress, considerando o meu código acima? está aparecendo o seguinte erro: print da tela do cypress com erro webpack compilation

Olá, Thiago! Tudo bem?

Pelo que percebi, o que o erro está relacionado à importação do módulo do Faker.js. Verifiquei na documentação e parece que para importar o Faker com a localidade em português do Brasil no seu projeto, o novo padrão de importação mudou um pouco. Agora você faz da seguinte forma:


import { fakerPT_BR as faker } from '@faker-js/faker';

Com essa importação, os dados serão gerados utilizando a localidade do Brasil. É provável que essa mudança já resolva o problema. Caso contrário, ficamos à disposição.

Conte com o apoio do Fórum na sua jornada!

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Mergulhe em programação