Treinamento de testes em JavaScript :: Parte 4

Transcript

1. PASS ./treinamento.test.js Cenários ✓ Basics (6ms) ✓ jQuery component (4ms) ✓ Vue component + external dependencies ✓ Vue + Vuex Encontros: 4 passed, 4 total Realização: Guilda da front Apoio: Marcelo Fraga Autor: Eduardo Matos Ran all test suites.
2. Vamos criar um Paginator com Vue
3. Inicialização 1. npm install -g @vue/cli 2. vue create paginator 3. cd paginator 4. Substituir “test:unit” por “test” no package.json
4. Cenários 1. Exibir contagem de página
5. Cenários 1. Exibir contagem de página 2. Exibir botões para todas as páginas
6. Cenários 1. Exibir contagem de página 2. Exibir botões para todas as páginas 3. Desabilitar botão da página atual
7. Cenários 1. Exibir contagem de página 2. Exibir botões para todas as páginas 3. Desabilitar botão da página atual 4. Muda a página quando o botão é clicado
8. Cenários 1. Exibir contagem de página 2. Exibir botões para todas as páginas 3. Desabilitar botão da página atual 4. Muda a página quando o botão é clicado 5. Exibe botões de voltar e passar
9. Cenários 1. Exibir contagem de página 2. Exibir botões para todas as páginas 3. Desabilitar botão da página atual 4. Muda a página quando o botão é clicado 5. Exibe botões de voltar e passar 6. Passa pra próxima página quando clica no botão próximo
10. Cenários 1. Exibir contagem de página 2. Exibir botões para todas as páginas 3. Desabilitar botão da página atual 4. Muda a página quando o botão é clicado 5. Exibe botões de voltar e passar 6. Passa pra próxima página quando clica no botão próximo 7. Passa pra página anterior quando clica no botão voltar
11. Cenários 1. Exibir contagem de página 2. Exibir botões para todas as páginas 3. Desabilitar botão da página atual 4. Muda a página quando o botão é clicado 5. Exibe botões de voltar e passar 6. Passa pra próxima página quando clica no botão próximo 7. Passa pra página anterior quando clica no botão anterior 8. Desabilitar botão anter./próx. quando está na página 1/última
12. Cenários 1. Exibir contagem de página 2. Exibir botões para todas as páginas 3. Desabilitar botão da página atual 4. Muda a página quando o botão é clicado 5. Exibe botões de voltar e passar 6. Passa pra próxima página quando clica no botão próximo 7. Passa pra página anterior quando clica no botão anterior 8. Desabilitar botão anter./próx. quando está na página 1/última 9. Emitir evento pageChanged ao trocar de página
13. Código github.com/eduardo-matos/paginator-vue