Resumo do Transcript

Pro seguindo aqui, vamos testar a prof value do input text, vamos lá. Então deve incluir um input text cujo valor value é controlado pelo variável nome do estado do componente, nesse caso componente formulário, certo? Então nesse cara a gente vai fazer o seguinte, a gente vai ter que mudar o estado do componente e ver se realmente essa mudança refletida nessa propriedade value do input text. Então a gente vai começar primeiro definindo o state com o valor a inicial, já tem, né? Aí a gente vai mudar esse valor, valor b para b, aí a gente vai ver se realmente essa propriedade value do input text mudou de valor de a para b e não ficou a mesma. Vamos lá? Então para a gente poder mudar o estado do componente, quando eu estou rapido a gente vai usar o set state. Então o componente set state, essa maneira aqui para o que é um state nome, vamos botar no, ou qualquer nome que você quiser, vamos botar outra coisa aqui, abc, sei lá. Então a gente vai verificar se o cara tem valor abc, nome, prop, opa, value, tem que ser abc. Aí depois disso vamos mudar de novo, vamos mudar, sei lá, para x, y, z. Vamos fazer a mesma coisa. Pega o componente, find, input text, name, nome, expect o cara, prop, value, to b, ok, x, y, z, x, y, z. Então primeiro a gente começou com o valor aqui e verificou se realmente abc, aí a gente mudou o valor para ver se realmente se você mudar o value o input text recebe aquele novo valor. Vamos testar? Tudo ok, vamos fazer o teste falar. Pega esse cara, suponho que o cara era abc mesmo, mas está errado implementação aqui, eu botei abc. O primeiro teste vai, o primeiro teste vai ser sucedido na linha 38, mas o da linha 41 quando foi executado, deve esperar que seja mudado para o modificado para x, y, z, mas na verdade continuando a mesma abc, por isso que recebeu abc aqui no teste, esperava x, y, z. Certo, então tudo ok. Rebertando aqui a mudança. Então é isso, certo? Então a gente aprendeu como setar o state do componente do enzyme wrapper usando o set state, mesmo maneira que a gente usa no próprio componente. Norte que aqui o set state na mesma hora o cara vai ser mudado, aí você dá o expect logo depois. Certo? Então na próxima aula a gente vai terminar de testar o input text com a própria onChange, onNomChange. Então até lá, tchau.