project: Memory game web app
Story points |
5 |
Tags |
TDD
Dom Manipulation
Mocks and spies
|
Hard Prerequisites |
IMPORTANT: Please review these prerequisites, they include important information that will help you with this content. |
TOPICS:
Intro to software architecture
|
Here is an example of a memory game: http://dkmgames.com/memory/pairsrun.php
Instructions
Create a Memory game MVP with the following requirements:
- Take a moment to google MVP. If you add unnecessary features we’ll ask you to remove them.
- Make use of simple dom elements, no fancy graphics needed or canvas stuff.
- Only a single player can play the game.
- Board is a pre-defined size.
- Board allows one set of symbols or images to be randomly hidden.
Build your game in a TDD manner. If you don’t include tests in your final submission, you will be held back and you will be expected to start over.
Unit testing
Tests are very important. Please follow the following best practices:
- Tdd!!!
- If you are using plain ol js, then your tests need to make use of mocks and spies to check that the frontend is being updated as it should be.
- When you are on the react part of the course, you will be expected to use a react testing library to test your components, here is the documentation
TOPIC:
React Unit testing
.
Instructions for the reviewer
- Check that once cards are matched, they cannot be flipped over again.
- Make sure the specs actually test the functionality of the code. Changes in the source files should affect the tests.