In this hands-on assignment, you will apply the knowledge from Lesson 2 to test alerts and frames on two different web pages.
1. Setup:
– Ensure you have completed the playground project setup with Cypress.io from an earlier module.
– Create a new feature branch for this hands-on activity.
2. Test Spec 1: Testing Alerts
– Open the page with alerts: https://demoqa.com/alerts
– Write a test scenario to test each type of alert available on the page (Alert, Timer Alert, and Confirm Alert).
– Use conditional statements and error handling to handle the alerts and validate their behavior.
3. Test Spec 2: Testing Frames
– Open the page with frames: https://demoqa.com/frames
– Write a test scenario to test both frames on the page (Single Frame and Nested Frame).
– Use Cypress.io commands to switch to the frame context and interact with elements inside each frame.
4. Test Spec Files:
– Create two separate test spec files named “alerts.spec.js” and “frames.spec.js” inside the “cypress/integration” directory of your playground project.
– Organize your test scenarios appropriately within each test spec file.
5. Run Tests:
– Run the tests using the Cypress Test Runner to verify that they pass successfully.
6. Pull Request:
– Commit your changes to your feature branch and push it to your remote repository.
– Create a pull request (PR) in your GitHub repository, comparing your feature branch to the main branch.
– Share the link to the pull request in the space provided below.
Write up any instructions needed, add the link to your pull request, and save in a doc or pdf to share below.