Write unit tests for log in page - Githubissues

NadiaIdris / ts-student-list-app

Frontend repo of the student's app. The app allows users to view all the students in the database, and add, delete, and update student information. Users can also register, log in, log out, and delete their accounts. ⭐ Create a new account or log in with credentials email: testaccount@gmail.com, password: testaccount

https://mylisty.com

MIT License

1 stars 0 forks source link

Write unit tests for log in page #8

Closed NadiaIdris closed 2 months ago

NadiaIdris commented 3 months ago

NadiaIdris commented 2 months ago

PXL_20240607_213543078

NadiaIdris commented 2 months ago

⚠️ The Log In diagram above is out of date.

Test CSS via Snapshot tests (e.g. eye icon on password input field).

Component library tests (VDOM tests)

[ ] TextField component
- [ ] ErrorMessage component
- [ ] Test all the type props (inc. pw)
[x] Button component
[ ] Label component
[ ] Field component

LogInPage tests

[x] Test client side email validation using Joy library (non React test).
[x] Test removeWhiteSpace function inside form submission action function.
[x] Test validateLoginForm inside the action function
[x] Use MSW library to mock post API sending user email and password to the server. Check out this example

Testing resources