Resumo do Vídeo sobre Testes com Jest e Enzyme

Pessoal, tudo bem? Neste vídeo, nós vamos começar a escrever testes. Isso mesmo. Vamos aprender a fazer testes. Vamos testar nossos componentes. Então, a gente vai fazer uns testes para os componentes que criamos. Lembra dos caras aqui dentro da pasta com? Vamos testá-los. Para fazer isso, a gente vai usar o Jest. O Jest é o framework de testing. Jest com Jest, testar os componentes e qualquer coisa em geral fica muito mais fácil. Aqui é a página do Jest. Você pode notar que sua descrição é painless JavaScript testing. Sem dor. Testing sem dor. Então, muito legal. Se você já sabe escrever testes com o Jasmine, você vai aprender Jest bem rapidinho porque é quase a mesma coisa. E quase todas as mesmas palavras-chaves. Jest tem unit tests. Tem snapshot testing. Tem o coverage report para dizer quais partes do seu código-fonte não estão ainda sendo testados. E assim por diante, muito legal. Deu uma olhada na página. E tem zero configuração, por isso fica fácil. Você pode começar a escrever os testes na hora sem ter que perder tempo e ter dor de cabeça com a configuração. Como a gente está usando o Create React app, já vem tudo instalado por padrão default. Você está lá o Jest, normalmente você dá o npm install dash dash save Jest. Só isso. Mas nesse caso, usamos o Create React app e tudo já está configurado. Se você vai no package JSON, tem aqui o script, o comando de testes. React script test. Que na verdade vai chamar o Jest. Para demonstrar isso, já já. Mas vamos também prender e usar o enzyme. Porque o Jest é só para framework de testing, para qualquer coisa, mas para o React, para a gente testar os nossos componentes. A gente tem que procurar os componentes que estão dentro de outros componentes. As que examinar se as propriedades foram dados a certas componentes, se a certa funções foram definidas no componente. E assim por diante. Para isso que serve o enzyme, se você já usou o jQuery, o selector do jQuery, o enzyme vai ser muito fácil porque o enzyme usa os mesmos selectors para encontrar os componentes. É como se fosse você usando jQuery para procurar, buscar no DOM as coisas. Certo? Paz no jQuery do enzyme aqui no github.com. Barra Airbnb. Barra Enzyme. Vou falar no seu quê. Note aqui o jQuery. Parece com jQuery. Como eu disse, isso em por diante. Aí a gente vai acabar usando essa função find quase todo o tempo para encontrar as coisas no componente. Se not find um componente que tenha essa classe icon star. É quase igual o jQuery, né? Encontrar um botão. Isso em por diante. Pode simular o clique. Isso em por diante. Certo? Então primeiro vamos lá dar uma olhada no gist.