Resumo do Transcript

Então vamos começar aqui, vamos criar o teste para verificar a inclusão do checkbox list. Aqui vamos no arquivo formulaire.test.js, aqui depois desse último teste, vou quebrar a linha e deixar a implementação do formulaire aqui embaixo para a gente referenciar. Você note que a gente tem vários testes já que são relacionados, por exemplo, desse teste aqui, se eu clicar aqui para poder deixar esses caras assim, são todos relacionados ao input text que a gente fez anteriormente. Se você quiser, você pode criar outro bloco de describe dentro desse próprio describe aqui para poder organizar esses testes em partes diferentes. Por exemplo, você pega todos esses testes aqui e põe dentro de outro bloco de describe dessa maneira aqui, certo? Por exemplo, testes para inclusão do input text, aí põe tudo dentro, certo? Você pode fazer isso para poder organizar esse arquivo de teste melhor. Só um detalhe que o before-it aqui desse cara aqui do describe de fora só vai rodar uma vez para o bloco de describe aqui que você criar. Então você tem que criar talvez outro bloco de before-it dentro desse describe para poder fazer a mesma coisa que você fez aqui. Você pode dar o shallow e com o formular para criar o enzyme wrapper para cada teste que está incluído aqui dentro desse bloco de describe, certo? Então tem esse detalhe. Se você só deixar o bloco de before-it aqui do describe de fora, isso vai rodar uma vez para cada bloco de describe dentro. Então por isso que dentro desse cara você tem que fazer de novo, certo? Então não esqueça disso, pode dar problema para você se você quiser optar para poder organizar os testes dessa maneira. Agora para esse teste que eu estou fazendo aqui, eu vou deixar como é necessário se você quiser melhorar a organização, eu vou deixar a mesma coisa aqui e só vou continuar nos testes aqui embaixo. Então vamos lá, vamos criar um teste, deve incluir um checkbox list para o campo de frutas, certo? E esse campo aqui checkbox list, você pode, é de múltiplas colhas, não é só uma única escolha porque não é rádio. Então vamos lá, vamos mudar o componente, é que é variável aqui, contém o enzyme wrapper do nosso componente formular e vamos dar o find, vamos procurar pelo componente cujo nome é checkbox list, display name. E vamos verificar se esse cara recebeu a prop chamada o quê? Frutas com os, esses caras aqui. Vamos pegar esse cara e esperar aqui o length, né? A gente espera aqui, a gente encontra um, um, to be one. Você vai achar esse cara aqui com o name frutas e já está verificando até essa propriedade, vai verificar quantos componentes ele achou, nesse caso a gente só quer um, nesse caso, só um componente, então to be one. Vamos só ver o que acontece, vamos para o terminal agora. Aqui estou rodando o aplicativo, mas não a aba do terminal, estou rodando o equipe de teste, quer que dê o problema aqui? Type error, enzyme name to parse selector, perhaps if I get to escape a string. Quer que eu esqueça? Deu problema, find, checkbox list, name frutas. Vamos ver, name. Name frutas. Parece que ele está pegando esses, esses caras aqui, está achando que é esse, mesmo endereço e óleo.