A TDD Workshop

This project contains a simple implementation of a Tic Tac Toe game. We created it together but it's not yet finished. It's up to you to continue from this point and finish implementing the different parts of the game.

May the force be with you.

• Started off with E2E tests for a basic happy flow: From registration to a game between two players until the game is finished with first player winning the game.
• Moved code to new components and remove code duplication. Tests are still green ✅.
• Added simple validation logic to the registration phase and tested it with component tests.
• Refactored game logic to a separate function and tested it with unit tests.

• Complete second player winning logic.
• Complete game logic (rows, columns, diagonals, and tie).
• What happens when you click an already occupied cell?
• Show the player currently playing in bold.
• Show the name of the player who won when the game is finished. What happens in case of a tie?
• Hide registration form when game starts.
• Hide game during registration.
• What happens if you enter the name "a"? That doesn't sound like a normal name. Make sure you only allow players with normal names 😈.
• Finished before time? Bored? Implement a save game logic (to local storage). How whould you test it? You could also choose to save each win to a leaderboard table.
• Finished the previous task? 😧 Add an option to play against the computer. Implement AI algorithm, so that the computer will never loose. How would you test it?

Woohoo! You're done! 😀

Start by forking this repository (how do I fork?) and clone your forked repo.

Next, install dependencies by running:

npm install

Then, start the app in one terminal by running:

npm start

With another terminal, run your tests in watch mode (tip: use CMD + d):

npx jest --watch

• React testing library
• Puppeteer API reference