Testando aplicações React com Jest & Testing Library - Decode #012

✅ Maratona Explorer: Dê seus primeiros passos na programação.

Fala, dev!

Preparamos uma maratona de conteúdos práticos e avançados, de 13/02 até 17/02.

As aulas são baseadas no programa de especialização Ignite.

E se você quer ter acesso a trilhas avançadas dentro do Ignite e ainda levar como bônus o Ignite Nitro (uma experiência de interação exclusiva), toque no link abaixo e garanta seu lugar:

[fernandodepaula]

para quem está acompanhando com o video

transform: {
"^.+\\.(t|j)sx?$": [
{
jsc: {
parser: {
syntax: "typescript",
tsx: true,
decorators: true,
},
keepClassNames: true,
transform: {
legacyDecorator: true,
decoratorMetadata: true,
react: {
runtime: "automatic",
},
},
},
module: {
type: "es6",
noInterop: false,
},
},
],
},

[viniciusmarsola]

Para quem esta criando o projeto nesse momento, com react 18. Talvez voce precise fazer as seguinte confitgurações:

instalar: npm install -D jest-environment-jsdom
no seu ts config: "moduleResolution": "node" ou "NodeNext",

[ericketiene]

data test id: 35:35
user event click: 43:20
debug: 44: 40
user event type: 47:45
waitFor(): 52:00
Not - Negação de expect: 55:50
render with new prop: 56:48
-Initial State: 57:30v
-re-render: 1:00:45
-screen: 1:04:24

[juansvrr]

o conteúdo da live começa em 8:32
conteúdo igual esse não se acha em qualquer lugar não, parabéns diego!

[gabriel_matoss]

Para quem estiver vendo esse video, se atente a documentação, pois algumas mudaram. Como por exemplo a utilização do userEvent.

[humbertoromanojr]

Cheguei tarde e perdi um pouco, agora rever e consumir bons conhecimentos
Era o que precisava agora JEST e Testing-library com REACT

[mouravocal]

Sensacional, estou estudando Jest pra uma entrevista de emprego e claro busquei conteúdo de vocês que como sempre é excelente, eu passando nesse teste minha situação financeira melhora e com certeza invisto no Ignite xará 😃😃😃😃

[cedroigor]

"Teste não vai fazer falta na sua vida até você sofrer pela falta de testes" - eu estou justamente agora sofrendo pela falta de testes kkk vídeo no momento certo

[paulorobertotrindade]

Top demais o conteúdo. Essa semana mesmo comeceiii a estudar pois na empresa que estou hoje é necessário realizar testes unitários e essa live veio na hora certa. até o momento não tinha encontrado neenhum conteúdo tão bom assim, principalmente para quem não tem experiência com testes.

[Andrielson_FS]

Valeu pelo conteúdo! Já tinha ouvido falar da Testing Library, mas ainda não tinha visto exemplos. Vou começar a utilizar nos projetos.

[DEVLucasCS]

25:00 ate 35:00 instalação sem enrolação

[luizoamorim]

Mais um excelente conteúdo, como tudo que fazem! Abraço!

[JACKIECHANFILMES]

Muito boa a aula Diegão, as lives e top para mostra como e o dia dia, quando ficamos preso em algumas coisas simples as vezes kkk mas sempre acontece

[Mrsgmuller]

Para quem está com problema no render, usem o npm install identity-obj-proxy --save-dev, depois no jest. config mudem o transform: {
}, e moduleNameMapper: {
'\\.(css|less)$': 'identity-obj-proxy',
},

[alissonsantana]

Quem tiver algum erro basta instalar o seguinte pacote:

npm install -D jest-environment-jsdom

[cleysonsilva]

Que conteúdo sensacional mano, meus parabéns! Sua didática só aumenta com o tempo!

[elsonaraujojr]

Muito bom o conteúdo.
Tive algumas dificudades justamente nos temas que ficou para próxima.

Mocking API Calls (msw)
Spies e Stubs
Context (wrapper on render)

Mais deu para aprender e muito com esse vídeo.

[huanydourado]

Está com problema no userEvent.
A nova forma de usar é assim:

it("shold be able to add new item to the list", async () => {
const { getByText } = render(<App />);

const addButton = getByText("Adicionar");

await


});

Precisa usar o async e await

[luimodotti]

Valew Diego, conteúdo muito bom.
Seria legal ter um vídeo atualizado de como configurar o Jest para um projeto React-Native com Expo e Typescript... Estou sofrendo bastante com isso e não se acha nada atualizado na internet!

[iridium-xi]

Diego parece o kakashi sempre explica muito bem sobre tecnologia.