In this project, you will demonstrate proficiency by writing unit tests for an existing React application. Your tests should verify the behavior listed in the Minimum Viable Product section.
Some of the topics covered were:
- Testing a React application.
- Using the
@testing-library/reacttesting framework. - Testing asynchronous calls made inside your React application
Read these requirements carefully. Understand exactly what is expected before starting.
You are allowed, and encouraged, to collaborate with your peers while working on this assignment. Remember to follow the twenty-minute rule and post questions to your cohort's help channel before seeking support from your PM and Instructor.
Please push your code often and use descriptive commit messages, this helps you and your project manager.
In this project, you will write tests for an existing React application that queries data from the Star Wars API, and renders a list of Star Wars characters. The app also has buttons called Next and Previous to query the API again for the next or previous data sets. You will need to write tests for those buttons to ensure that they are working as expected.
Follow these steps to setup your git fork and branch.
- Fork this repository.
- Use GitHub's website to add your project manager as collaborator on your fork.
- Clone your forked version of the repository (Not Lambda's!).
- Create a new branch:
git checkout -b <firstName-lastName>. - Commit changes to your
<firstName-lastName>branch. - Push often to your branch:
git push origin <firstName-lastName>.
Follow these steps for completing your project.
- Submit a Pull-Request to merge the
<firstName-lastName>branch into the master branch on your fork. Please don't merge your own pull request - Use GitHub's website to add your project manager as a reviewer on the pull-request.
- Your project manager will count the project as complete by merging the branch back into the master branch of your forked repository.
The React app here was created with the latest version of create-react-app which now comes with @testing-library/react already included. When you create your own apps with the new CRA version, you won't need to add that library anymore!
Your job is to write tests to ensure that the application behaves as expected.
This section is optional and not counted towards MVP. Start working on it after you're done with the main assignment.
- Add a dropdown that has values for these strings:
'people', 'planets', 'starships', 'vehicles', 'species'. When selected, the URL that is fetched will change to fetch the chosen data. Update your tests to test the dropdown input.