This project was created with Create React App. For more on working with Create React App see the Create-React-App-README file in this repo.
- Fork and clone this repo from GitHub
- Open this in Visual Studio Code (or your favorite IDE for React projects)
- Use the terminal to
cd
into the project directory. - Use the following commands to start the project:
npm install
will pull in dependencies your project may need.npm start
will run the project.
- Create components to render an interactive table that displays satellites. The satellites render in the table based on a button click. You will create the buttons, the table, and the function that connects them. It's going to be great! :)
- Testing: Every time you push up your code to your forked GitHub repo, this will trigger an Action to run. The Action will start the autograding tests. There is one workflow that contains 9 tests. When you pass all the tests, let your TA know and review your project with them.
The final task of the assignment is to run the unit tests.
However, the autograding tests will run every time you push your work up to your GitHub repo. The autograded tests are in a single workflow, so you will not pass this workflow until you've completed the entire project.
Before you review your code with your TA, check on the status of your workflow. To do this, follow GitHub's guide on manually running a walkthrough. This guide will explain the following:
- How to run the workflow
- What the output looks like
- How to investigate a failed test
- How to rerun tests
If you like to check your progress incrementally as you work, you can run the tests in your terminal between each section. Again, since the tests are in a single test file, you will not pass all of the tests until you've completed your project.
To test your code in the terminal before you push it up to GitHub, use these steps:
- Inside the project directory, run the following commands to start the tests:
npm test
You should see the following if you run the tests BEFORE completing the assignment:
![starting unit tests](https://private-user-images.githubusercontent.com/66076696/241307169-9abae38b-971a-41df-b34d-cd75aee1b81a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ5Nzc4MDEsIm5iZiI6MTcyNDk3NzUwMSwicGF0aCI6Ii82NjA3NjY5Ni8yNDEzMDcxNjktOWFiYWUzOGItOTcxYS00MWRmLWIzNGQtY2Q3NWFlZTFiODFhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODMwVDAwMjUwMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRiY2NiNjZkOTljYWNmY2RhMWI5ZmFkOTI1ZTZhOWYwODhlN2VhYTk0MzgwMjVhNGUyZGU4OTJiZTE4OWZkOTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.w5FdU6pFXHXtBcZqxAV2GGgm9gduWLu3yyq9JR1MsOY)
If you are running this between tasks, you should see that some of your tests pass while others do not depending on your progress.
If your code behaves as expected by the last task, you should pass all the unit tests and see this:
Troubleshooting tips for this project and the unit tests are in the textbook.
Happy coding! :)