https://github.com/bahmutov/sudoku-app-base
Example Sudoku React application used for "Testing for Good" Cypress workshop
https://github.com/bahmutov/sudoku-app-base
cypress-example
Last synced: 9 months ago
JSON representation
Example Sudoku React application used for "Testing for Good" Cypress workshop
- Host: GitHub
- URL: https://github.com/bahmutov/sudoku-app-base
- Owner: bahmutov
- License: mit
- Created: 2022-09-14T21:41:26.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-10-19T15:50:29.000Z (over 3 years ago)
- Last Synced: 2024-12-27T20:58:18.936Z (over 1 year ago)
- Topics: cypress-example
- Language: JavaScript
- Homepage:
- Size: 1.03 MB
- Stars: 3
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# sudoku-app-base [](https://github.com/bahmutov/sudoku-app-base/actions/workflows/ci.yml) 
> Example Sudoku React application used for "Testing for Good" Cypress workshop
The example application is used during my [Cypress v10 Fundamentals](https://cypress.tips/courses) free course.
Original Sudoku game copied from [https://github.com/raravi/sudoku](https://github.com/raravi/sudoku) and you can play it at [https://sudoku-raravi.vercel.app/](https://sudoku-raravi.vercel.app/).
## Requirements
You need Node v14+ installed on your local machine. You can check by running:
```
$ node -v
v16.14.0
$ npm -v
8.11.0
```
Clone the repository to your local machine and install its dependencies
```
$ git clone git@github.com:bahmutov/sudoku-app-base.git
$ cd sudoku-app-base
$ npm install
```
Check the application starts, and verify the application works at the URL `localhost:3000`
```
$ npm start
$ open localhost:3000
```
Check if Cypress opens
```
$ npx cypress open
```
If you see the dialog below, you are good to go!
## Topics
This workshop "End-to-End & Component Testing Using Cypress" covers the following topics:
- installing Cypress and setting up a testing project
- writing your first full end-to-end test
- the loads spec
- the modes spec
- the hint spec
- controlling the time in your application to make the tests fast
- the timer spec
- writing your first React component test
- pick the testing framework
- write the Timer component spec
- numbers component spec
- difficulty component spec
- overlay component spec with network stubbing
- status section component test with screenshots
- the Game component vs play E2E test
- https://slides.com/bahmutov/the-fuzzy-line
- running Cypress tests on CI using GitHub Actions
- https://slides.com/bahmutov/test-components-without-fear
The workshop should take 2-3 hours following the instructor's lead.
## Small print
Author: Gleb Bahmutov <gleb.bahmutov@gmail.com> © 2022
- [@bahmutov](https://twitter.com/bahmutov)
- [glebbahmutov.com](https://glebbahmutov.com)
- [blog](https://glebbahmutov.com/blog)
- [videos](https://www.youtube.com/glebbahmutov)
- [presentations](https://slides.com/bahmutov)
- [cypress.tips](https://cypress.tips)
- [Cypress Tips & Tricks Newsletter](https://cypresstips.substack.com/)
- [my Cypress courses](https://cypress.tips/courses)
License: [MIT](./LICENSE.md) - do anything with the code, but don't blame me if it does not work.
Support: if you find any problems with this module, email / tweet /
[open issue](https://github.com/bahmutov/sudoku-app/issues) on Github