On this page, we will explain the procedure for creating and running a Web application on a local PC.
With MagicPod, it is also possible to run test cases created on one browser on a different browser. In cases where, due to the browser, the HTML configuration is different or the appearance of the screen varies greatly, the test will fail.
Table of Contents
1. Create test cases
First, click the Edit test case button to move to the test case edit page.
Figure 1. Edit test case button.
On this page, we will create the detailed content of the test case.
Figure 2. Test case edit page.
2. Specify the browser
First, launch the browser and acquire the screen capture information, etc. To do this, it is necessary to specify the browser in the test run settings panel and connect.
Figure 3. Test run settings panel.
Here, we shall create this using Google Chrome. Once set up, click the Connect button.
3. Acquire screen captures
When connecting to the browser for the first time, the dialog box shown in figure 4 is displayed, so enter the URL to connect to. The URL entered here is stored for each project, so the same URL will also open for the second and subsequent test cases.
Figure 4. Input URL.
For Windows, a confirmation dialog box like that shown in figure 5 will be displayed, so check the Always allow app.magicpod.com to open links of this type in the associated app, and select Open MagicPodDesktop. If you enter a check here, this confirmation dialog box will not be displayed from the next time.
Figure 5. Confirmation dialog box (in case of Windows).
For Mac, the following kind of dialog box is displayed. Select Open MagicPodDesktop in the same way.
Figure 6. Confirmation dialog box (in case of Mac).
MagicPodDesktop will then launch.
After some time has passed, a separate window from the test case edit window will be launched by MagicPodDesktop, and you will be taken to the URL you just input.
Figure 7. Image displayed on the default start page of the browser.
Once the connection is made, click Add UI > Capture UI by desktop app to acquire a screen capture.
Figure 8. The Capture UI by desktop app button.
Once you click this button, the capture upload and scan will start, and after a short wait, it will appear on the test case edit page.
Figure 9. Screen capture displayed on the test case Edit page.
At this point, we have acquired the screen capture. The command to transition to the page for acquiring the capture will now be automatically generated on the left of the screen. This command can be added, edited, or deleted at a later date.
4. Create test procedures
As we have uploaded, one capture, we can perform a simple test using just one screen.
There are two ways of creating the test procedure, depending on the type of procedure.
To add a procedure using screen elements (buttons, text fields, etc.), drag and drop the elements you wish to operate from the capture. Once the line is added, select a command such as click or text input, and enter the value as necessary. Using the element selection mode, elements can also be added by clicking.
Figure 10. Image of creating the test procedure by drag & drop.
When adding commands that are not related to specific elements, click the Add new row button to display the list of commands, and select the required command. To run the search here, insert a command to press the Enter key.
Figure 11. Select the keyboard key input command.
This completes this case.
Figure 12. Completed test case.
Additionally, although the name of the element is automatically generated by AI, if the generated name is inappropriate, you can click the area of the screen capture to change the name.
Figure 13. Change the element name.
MagicPod, in addition to the element name, also holds the system information of the element, which is used to identify the elements during the test.
5. Run test cases
Once the test procedure is created, click the Run button at the bottom of the test case edit page to run the test.
Figure 14. Run button.
As shown in figure 15, we can see that the browser is automatically operated. The test execution log is displayed in real time, on MagicPodDesktop for each step.
Figure 15. Image of test execution.
If the test succeeds, Success is displayed for the execution button.
Figure 16. Image of successful test.
Click Details to see the test results.
Figure 17. Screenshots.
Figure 18. Test run log.
Figure 19. Selenium log.
Figure 20. Test run information.