Published by Packt
This is companion repository for the book Mastering React Test-Driven Development by Daniel Irvine, published by Packt.
The repository contains two branches, both of which are their own independent projects with their own READMEs. If you're interested in the contents of the books you can take a look at them now:
- Appointments, a hair salon booking system
- Spec Logo, an online Logo environment for building Logo scripts
The book itself has checkpoints that are based on various tags. If you're following along then you'll need to be comfortable switching tags.
You should fork and then clone this repo to your local machine, and then check out a tag:
git checkout tags/starting-point
You should then branch from this tag before continuing with changes:
git checkout -b starting-point-mine
Not all commits are covered in the book. They have been omitted because they are repetitive and teach nothing new. These occasions are clearly marked at the start of each section. You have two choices:
- You can repeat the process above, starting a new branch and 'losing' all of your previous work in favor of the book's version. Of course, you'll still have the previous branch available that you were working on, it just won't join with your new branch.
- You can merge in the commits that you were missing. This may not turn out to be straightforward if your code has deviated significantly from the book's code.
You can compare the difference between your current HEAD and the listed tag with git diff:
git diff load-available-time-slots
You can then manually apply those changes.
If you'd rather try to automate those changes, then you can use git merge:
git merge load-available-time-slots
- In Chapter 10, the section ‘Focusing the prompt’ on page 349 contains a test that uses the value
document.activeElement. In JSDOM 15, this test will no longer function without additional configuration, which is given below. Please apply this change before proceeding with the text. In the filetest/domManipulators.js, change thecreateContainerfunction to read as below. The second line of the function, which calls theappendChildfunction ondocument.body, is new and needs to be inserted, as shown:
export const createContainer = () => {
const container = document.createElement('div')
document.body.appendChild(container)
... remaining function body goes here ...
}
You can contact the author directly by raising Issues here in GitHub, or by contacting him on Twitter. He is @d_ir.