Treinamento de testes em JavaScript :: Parte 3

Transcript

1. PASS ./treinamento.test.js Cenários ✓ Basics (6ms) ✓ jQuery component (4ms) ✓ Vue component + external dependencies ✎ todo Complex Vue component + Vuex Encontros: 1 todo, 3 passed, 4 total Realização: Guilda da front Apoio: Marcelo Fraga Autor: Eduardo Matos Ran all test suites.
2. Vamos criar um Motivator com Vue
3. Inicialização 1. npm install -g @vue/cli 2. vue create motivator 3. cd motivator 4. Substituir “test:unit” por “test” no package.json
4. Cenários 1. Componente deve ter exibir um título recebido por propriedade
5. Cenários 1. Componente deve ter exibir um título recebido por propriedade 2. Deve conter uma lista de motivações recebidas por propriedade
6. Cenários 1. Componente deve ter exibir um título recebido por propriedade 2. Deve conter uma lista de motivações recebida por propriedade 3. As motivações devem estar ordenadas corretamente
7. Cenários 1. Componente deve ter exibir um título recebido por propriedade 2. Deve conter uma lista de motivações recebida por propriedade 3. As motivações devem estar ordenadas corretamente 4. Deve existir um botão que carrega mais frases de efeito
8. Cenários 1. Componente deve ter exibir um título recebido por propriedade 2. Deve conter uma lista de motivações recebida por propriedade 3. As motivações devem estar ordenadas corretamente 4. Deve existir um botão que carrega mais frases de efeito 5. O botão deve carregar frases acessando /do-action
9. Cenários 1. Componente deve ter exibir um título recebido por propriedade 2. Deve conter uma lista de motivações recebida por propriedade 3. As motivações devem estar ordenadas corretamente 4. Deve existir um botão que carrega mais frases de efeito 5. O botão deve carregar frases acessando /do-action 6. Componente tem um campo c/ máx resultados que a API retorna
10. Cenários 1. Componente deve ter exibir um título recebido por propriedade 2. Deve conter uma lista de motivações recebida por propriedade 3. As motivações devem estar ordenadas corretamente 4. Deve existir um botão que carrega mais frases de efeito 5. O botão deve carregar frases acessando /do-action 6. Componente tem um campo c/ máx resultados que a API retorna 7. Ao rolar a página até o fim, novas frases são carregadas
11. Código github.com/eduardo-matos/motivate-me-vue