pulled in courseHome branch

Author: rmfay1

docs/defect_reporting.md

@@ -1,5 +1,17 @@
 # Defect Reporting
 
-Please use this google form link to report any defect you find in the prototype.
+## Internel Tester - Submit JIRA issue ticket
 
-https://forms.gle/aTeX2EaxwV6vFZPq9
+If you have access to the JIRA system, please use the link to file a issue ticket in our webrew JIRA board.
+
+[webrew board](http://platinum.cscaws.com:8080/secure/RapidBoard.jspa?rapidView=52&view=planning&selectedIssue=WEB-187&issueLimit=100)
+
+## External Testers - Use Google Form
+
+For those whose who don't access to JIRA, please use this google form link to report any defect you find in the prototype.
+
+[Flipt(ed)-webrew Defect Report](https://forms.gle/aTeX2EaxwV6vFZPq9)
+
+## Contact
+
+If you have trouble accessing webrew app, please reach out to our team contact point @zhongyuan on slack at [here](https://secapstone2021.slack.com/archives/D01J7HYCZRA). Thanks.

docs/testing.md

@@ -0,0 +1,17 @@
+How to write a UI unit test
+---
+1. See `src/tests/course.test.tsx` and my changes to `src/course/create-course-dialog.tsx`
+   - We'll organize these the same way we'll organize interfaces: by scene/page/feature/namespace
+2. Add to an existing test file if testing the same namespace, or create a new test file. Import react and all that other stuff
+3. Import react-testing-library functions from `src/tests/test-utils.tsx`
+   - This is our wrapper library that includes a custom render function to mock Apollo requests.
+4. Add a test(). Here are some handy functions:
+   - `render()`: Render your component
+   - `fireEvent`: This is the mocked user. Use it to mock `.click()` events, for example.
+   - `screen.getBy...()`: This is called a query, used to grab UI components. Think of them like querySelectors.
+       - The ones we'll use the most is probably `getByTestId` or `getByLabelText`
+   - `expect()`: Basically our assert
+   - RTL Docs for more: [react-testing-library](https://testing-library.com/docs/react-testing-library/cheatsheet)
+   - List of expect() chains: [jest-dom](https://github.com/testing-library/jest-dom#table-of-contents)
+5. Add necessary `data-testid`'s to components that you want to be grabbable by the tests.
+6. Run `npm test`