Resumo da Aula sobre Testes para o Componente Formulário

Nesta aula, vamos começar a escrever os testes para o componente formulário. Vamos criar o arquivo de testes para o componente formulário. A gente vai proceder da mesma maneira que a gente já fez antes. Se você quiser pausar o vídeo e criar um arquivo de testes para o componente formulário, fazer todo aquele boilerplate, que tem que escrever o before it, não sei o que, pausa o vídeo e faz para o si mesmo. A gente confira a resposta à seguida. A seguir. Então, aí, deu tudo certo. Vamos lá criar o arquivo de testes, na pasta src, testes, barras, components. Vamos criar um arquivo lá chamado formulário.tests.js. Então, vamos naquela maneira importante react. Vamos react porque a gente vai precisar do JST. Vou mudar o teclado aqui. Vamos usar o enzyme, um método shell. Vou criar o enzyme wrapper. Vamos criar um bocadil describe aqui para poder organizar os testes. Formulário, component. Essa maneira aqui, vamos dar o before it aqui para a gente montar o componente usando shell. E para não ter que fazer em todos os testes, eu vou dar o let variable aqui, component, chamado component. Vamos dar o shell ou nu, formulário, que a gente vai importar já, já, espera um pouquinho aí. Então, dá o shell aqui no formulário, esse cara vai importar aqui em cima, formulário, from onde. Então, a gente está aqui no components, um nível acima vai para o teste, outro nível acima vai para o SRC e do SRC vai para o component, o formulário. Então, aí a gente montou o shell, formulário. E agora a gente pode começar a fazer os testes. Vamos ver se o formulário recebe alguma própria aqui que eu nem... Vamos dar uma... Vamos aqui olhar o formulário aqui, deixa eu abrir outro painel aqui. Painel, right. Na verdade eu quero split. Down, vamos ver que split down. O formulário aqui no... Aqui abaixo, no lado de baixo tem o formulário.js, implementação. Vamos dar uma olhada aqui, então ele tem o estado iniciado o formulário que a gente vai testar. E tal, e tal, e tal, vamos ver se está usando algum props. A gente não... Não sei o que, não sei o que. Então, olhando lá do app.js, como a gente inclui o formulário, ele não recebe nenhuma própria, né? Você nota que não tem nenhuma própria aqui, então a gente não vai se preocupar para fazer props falsas para o formulário, certo? Então, com isso... Ali, vamos voltar aqui, deixa eu deixar o formulário aqui embaixo só para ter referência. Lá embaixo vamos voltar para aqui para cima, o que é que a gente vai testar agora? Vamos aqui. Vamos testar o estado iniciado o formulário. Então, esse formulário aqui tem um estado inicial que a gente definiu com essas variáveis, né? Então, no nosso caso que a gente tem esse formulário, tem os valores iniciais, a gente vai testar se cada valor foi realmente iniciado do correto da mente. Por exemplo, o nome tem que ser uma string vazia. Frutas têm que ser objeto, com essas opções aqui, falsas. O general tem que ser essa string e o país também, certo? Então, a gente vai fazer isso no próximo aula. Então, até mais.