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 the “Launch” button 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 Element selection mode.
If 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. If 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 text 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 the “Run” button 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 the “Success” button and “Rerun.”
Add the UI elements for the next page in the same way, and re-run.
Now, let us run the whole test. If you unlock Element selection mode,
white circles on steps will disappear.
Incidentally, the recommended number of steps per test case is less than 200. (If the website under test has many UI elements, we recommend less than 300.)
If you click the “(Re)run” button in this state, everything will be run again from number 1.
1-2 Results
If successful, click “Detail” and check the test results.
The report will be automatically created.
Run log
Selenium log
You can also confirm the 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 the “UI List” mark 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, (Select an UI → Start Element selection mode → Select an UI element)
If you drag them to "Shared UI" area, they can be used as a test case.
You can also click on the name to change it.
UI element
If 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
If 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.