Aula 72
Terminando de Testar o Estado Inicial do Componente Formulário
Summary
Resumo do Transcript
Neste trecho, um desenvolvedor está testando o estado inicial de um componente de formulário, especificamente as escolhas de frutas e outros valores como gênero e país. Veja os principais pontos abordados:
Testando o Estado do Componente
- Inicialização do Estado: O estado do componente deve iniciar com todas as escolhas de frutas setadas como
false. - Verificação das Propriedades: Usando a notação de
brackets, o desenvolvedor verifica se as propriedades (banana, morango, sepulgante) sãofalse. - Dica de Melhoria: Embora o código funcione, é sugerido que melhorias podem ser aplicadas para evitar repetição.
- Teste com Alterações: O desenvolvedor muda os valores de morango e banana para
true, o que resulta em falhas nos testes e identifica quais linhas precisam de ajustes. - Reversão de Mudanças: Após identificar os erros e ajustar as implementações, as mudanças são revertidas para garantir que os testes passem novamente.
Testando Outros Valores
- Gênero e País: O estado inicial do componente deve incluir o gênero como
truee o país também deve ser testado. - Criação de Testes Duplicados: O desenvolvedor duplica os testes para modificar apenas o nome da variável (de gênero para país) e o valor correspondente (masculino para bem).
Conclusão
O processo de testar o estado inicial do componente é descrito como simples e direto, e o desenvolvedor finaliza a explicação afirmando que os testes garantem a correta implementação do estado do componente.
Nota: O desenvolvimento de testes automatizados ajuda a identificar erros rapidamente quando o código é alterado, sendo uma prática recomendada para garantir a qualidade do software.
Video Transcript
Vamos lá, vamos testar o esse cara aqui.
Deve iniciar o estado do componente com o valor de cada escolha para frutas sendo false.
Vamos lá testar component, state, frutas. Esse cara aqui nos dá o próprio objeto.
Agora, desse objeto a gente vai verificar se cada uma das propriedades tem valor false.
Vamos ver aqui.
Bonestate frutas, banana, morango e sepulgante.
Em vez de usar essa notação de ponto, vou usar o de brackets dessa maneira.
Vamos lá, expect esse cara, false.
Da mesma maneira, os outros.
Vou duplicar a linha, componentes de frutas, qual é esse valor aqui?
Massão, né?
D6.
Deve ser false e a mesma coisa para morango.
Então, se nós queríamos estar repetindo a mesma coisa aqui, se você quiser melhorar esse código aqui, sinta-se à vontade.
Então, vamos salvar e ver tudo ok.
Vamos ver se o teste fala, se a gente faz a implementação errada.
Vou mudar morango e banana para true na implementação do formulário.
Estado inicial.
O senorte de primeiro teste.
Like the false, receive true.
A linha é, linha 18, que é esse primeiro teste.
Se eu ajeitar a banana, agora vai falar, a gente espera a linha 20, que é do morango.
Vamos ver.
Falou linha 20.
Está certo.
Vamos reverter essa mudança.
Teus testes passarem.
Tudo ok agora.
Então, é isso para esse teste para o frutos.
Agora, vamos lá testar.
É iniciar o estado com o gênero do componente, com o gênero, vendo o masculino.
Certo.
Então, vamos lá, expecto o que?
Component.state, qual é o nome da variável do estado, gênero.
E o valor tem que ser true, mas cool, linha.
Tudo ok.
Da mesma maneira, vai ser para o país.
Então, eu posso até duplicar esse teste e fazer a mesma coisa.
Dupliquei o teste.
Vou mudar, em vez de gênero, vai ser país, em vez de masculino, vai ser o quê?
Bem.
Então, vamos iniciar o estado do componente com o país, sendo bem.
Certo, entendeu?
Então, quase a mesma coisa, muda o nome da variável e o valor.
Salvar.
E assim a gente termina de testar o estado inicial do componente formulário.
Certo?
Então, sempre nessa mesma maneira.
Bem simples.
Então, até a próxima.
Tchau.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: