Welcome to my React TDD workshop!

All you need is a mac + node > 6.X.X:

1. git clone [email protected]:wix/react-tdd-workshop.git
2. git checkout vilnius-workshop
3. npm install
4. npm test
5. Start working 😎

We have a full online environment which you can use for everything you need!

1. Go to Cloud 9 and create an account / login using your Github account
2. Ask me for permissions and link to a workspace
3. git checkout steps-5
4. npm test
5. Start working 😎

An alternative Cloud9 setup (If you are not part of this workshop and want to play with it):

1. Create a new workspace in Cloud9
2. Mark it as "node" environment
3. In "Clone from Git or Mercurial URL (optional)" add my github url: [email protected]:wix/react-tdd-workshop.git
4. Create workspace
5. Move to the relevant branch: git checkout steps-5-cloud-9
6. npm install
7. npm test

• This alternative setup will require that you will login using your Github account

We will be building the Tic Tac Toe game, using React + Mocha + Puppeteer, all TDD, (almost) without openning the browser!

The end result will be something like this:

1. Browser test for displaying 'X' after first user click.
2. Browser test for 'X' user winning the game.
3. Component test for displaying 'O' after second user click.
4. Component test for 'O' user winning the game.
5. Add save/load functionality (e2e + integration tests)
6. Refactor winning logic to a separate method + add unit test for it.

1. Complete game winning logic: write unit tests for the different game winning scenarios (all rows, columns/diagonals/tie).
2. Write a component test verifiying a user cannot press a non empty cell.
3. Write a component test for a tie (show a "It's a tie!" message).
4. Write a browser test for marking next user in a special color (show 'X' and 'O' users and mark next user in special color).
5. Write a component test for displaying the number of wins next to each user: Win a game. Press a "new game" button, and win the game again.