Objective: To validate the webpage’s functionality and behaviour of pop-up windows or modals.
Preconditions:
- Ensure that the web application is accessible and responsive.
- Confirm that the pop-up window/modal trigger elements (buttons or links) are present on the webpage.
- Verify that any required dependencies (e.g., JavaScript, CSS) are loaded successfully.
Test Steps:
- Trigger the opening of a pop-up window/modal:
- Navigate to the webpage where the pop-up window/modal trigger element is located.
- Click on the designated trigger element (button or link) to open the pop-up.
- Verify that the pop-up window/modal appears as expected:
- Confirm that the pop-up window/modal is displayed on the screen.
- Check for proper alignment, sizing, and styling.
- Ensure that the content within the pop-up is correct and relevant.
- Interact with elements within the pop-up:
- Inside the pop-up, interact with the various elements, such as:
- Fill out a form (if applicable).
- Clicking buttons or links.
- Checking checkboxes or radio buttons.
- Any other interactions specified by the pop-up’s functionality.
- Close the pop-up window/modal:
- Use the designated close button within the pop-up or any other specified method to close it.
- Verify that the pop-up closes smoothly without any errors.
- Verify that the interaction within the pop-up has the intended effect on the main page:
- Check if any changes made within the pop-up are reflected on the main page as intended.
- Verify that data entered in the pop-up form (if any) is submitted and saved correctly.
- Confirm that any actions performed within the pop-up influence the main page as expected.
Expected Result:
- Pop-up windows/modals open without errors.
- Pop-up appearance aligns with design specifications.
- Interactions within the pop-up have the desired impact on the main page.
- The pop-up closes smoothly without any issues.
Postconditions:
- Ensure that the main page returns to its initial state after closing the pop-up.
- Confirm that there are no lingering effects or unexpected behaviours on the webpage.