https://github.com/oieduardorabelo/udacity-rnd-iniciando-com-testes

Udacity React Nanodegree - Iniciando com Testes em React
https://github.com/oieduardorabelo/udacity-rnd-iniciando-com-testes

Last synced: 13 days ago
JSON representation

Udacity React Nanodegree - Iniciando com Testes em React

• Host: GitHub
• URL: https://github.com/oieduardorabelo/udacity-rnd-iniciando-com-testes
• Owner: oieduardorabelo
• Created: 2017-08-12T08:25:27.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-12T08:32:05.000Z (over 7 years ago)
• Last Synced: 2025-01-13T14:27:47.573Z (about 1 month ago)
• Language: JavaScript
• Size: 2.89 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Udacity React Nanodegree - Iniciando com Testes em React

Exemplo utilizado para a sessão de código ao vivo no Udacity Brasil para o React Nanodegree, falando de Testes de Integração (ou _E2E_/_Functional Tests_).

Esse repositório contém o [exemplo em branco](./exemplo-00-em-branco) e o [exemplo completo](./exemplo-01-completo), onde escrevemos testes de integração com a [biblioteca TestCafé](http://devexpress.github.io/testcafe/)

Tarefas realizadas:

- Visitar página em `http://localhost:3000`

- Ao clicar no botão de _play_, verificamos se o audio está tocando

- Ao clicar no botão de _pause_, verificamos se o audio está pausado

- Ao clicar na barra de progresso, verificamos se o audio começa a tocar do ponto desejado

- Ao clicar na barra de progresso, verificamos se o audio começa a tocar e, ao clicar em outro ponto da barra de progresso, o tempo do audio é alterado.

### Dependências

O mínimo necessário para rodar esses exemplos:

- Navegador Firefox (utilizado pela nossa solução de testes para rodar os testes)

- Node.js / NPM ou Yarn (a versão do Node pode ser LTS (6.x.x) ou superior)

### TestCafé

![](./docs/00.png)

![](./docs/01.png)

![](./docs/02.png)

Precisando de ajuda, você pode:

- Dar uma espiada na [documentação da API TestCafé](http://devexpress.github.io/testcafe/documentation/test-api/)

- Consultar o fórum do React Nanodegree e ver se alguém conseguiu uma solução

- Verificar a solução no [exemplo completo](./exemplo-01-completo)

- Ou me [mandar um tweet](https://twitter.com/oieduardorabelo)