• Create Angular Project that simulate shopping cart, the project should contain:
1) Registration Page with: - Email Field
- Password field
- Confirm Password field
- The Email Should be valid email
- Password length should be at least 6 letters and should contain at least 1 capital letter
- Confirm password should be equal to the password.
- User can not click on register button if the page is not valid.
(You can use Local Storage to store the register users)
- Error should appear if user already exist
Example:
2) Login Page with:
- Email field
- Password field
Error should appear if user or password are not correct
(You can use Local Storage to store to get the list of users that was registered) Example:
3) Application Page
- Application page should be accessible only after successful login (Authentication guard)
- The application Page should contain header with 2 icons – o One leads to page with all product list (Name, Price , Image) with ‘Add button’.
o One leads to the shopping cart that display the list of products that was added to the cart
o Bonus – Cart should remain on same state even after exit and re-login to the application
Example:
Write End to End Automation Test using Playwright (Registration + Login + Add to cart & View Cart List) to your application.
Bonus:
- Add More automation tests to verify the application
- Have 2 Lazy loading modules – One for Products & One for Cart
- Create simple server side that will provide the APIs (Register/Login/getProducts)
Playwright: https://playwright.dev/
Angular tutorial: https://angular.io/tutorial
