Here, we shall explain the basic method of creating a test using the MagicPod browser test version.
1. Flow of basic test creation
For those who would like to view a video in order to easily understand the test creation flow, you can view it here.
If you would like to understand in more detail in a documented form, keep on reading.
1-1. Creation
First, move to the test case page 1. Account Creation and Basic Setup, and click Edit test case.
Click Launch at the top right, and specify the URL of the page you wish to test. (Example: https://hotel.testplanisphere.dev/en-US/reserve.html?plan-id=0)
On doing this, your browser will open to the MagicPod screen. This is known as the Cloud Browser in MagicPod.
Starting the Element selection mode.
When you do this, the input items and buttons on the page to be tested will be detected, and can be selected. These are known as the UI Elements in MagicPod.
Click or drag the UI elements you wish to use to the left. When you do this, a command (step) will be added to the left side to operate the UI elements that have been selected.
You can just keep adding them!
For steps that are commands that require values to be entered (such as Input) enter the value. And click ▼ for changing to an appropriate command.
Incidentally, you can right-click to delete, cut, copy, and insert steps.
You can also easily rearrange the order of the steps by dragging them.
Click Run to run the test.
Test is running...
Success!
Even if you move to a new page, it will automatically detect elements, so you can continue to add UI elements.
Run more. Place the cursor over Success and click Rerun.
Add the UI elements for the next page in the same way, and re-run.
Now, let us run the whole test. When you unlock the Element selection mode,
white circles on steps will disappear.
Incidentally, the recommended number of steps per test case is 200 or less. (If the website under test has many UI elements, we recommend 300 or less.) For shared steps, it should be 600 or less.
When you click (Re)run in this state, everything will be run again from number 1.
1-2 Results
If successful, click Details and check the test results.
The report will be automatically created.
Test run log
Selenium log
Test run information
1-3 UI and UI elements, etc.
UI
In MagicPod, the screen information during test creation will be saved as a UI. Check this UI. Click UI List on the UI image tab.
By selecting the various UIs, you can add UI elements from the saved UI and create steps without launching the Cloud Browser, (1.Select an UI, 2.Start the Element selection mode, 3.Select an UI element)
When you drag them to the Shared UI area, they can be used as a test case.
You can also click on the name to change it.
UI element
When you click the UI element, you can rename it, etc. (While in Element selection mode, move the cursor and click the pencil mark. Or click while holding down the Shift key.)
Adding commands
When you click Add new row, you can add other commands. After adding UI elements, commands can be changed from ▼.
You can facilitate easier management by organizing and adding comment commands.
Now, we shall continue to Part 2.