Create steps based on mockups

Automate test creation based on application mockups. You can create a script even if you do not have a live environment or a fully developed application.

In this topic:

Inspect application mockups for objects

Use AI Mockup Inspection to inspect application mockups and identify objects to use in your script. This lets you prepare your scripts much earlier, designing them before your application is fully developed.

For the types of objects that can be identified, see Supported controls.

Prerequisites

AI Mockup Inspection requires no application. Instead, you only need to load images in .jpg, .jpeg, or .png format from a local folder.

To inspect application mockups:

1. Click the Inspect application button. The AI Inspect window opens.

2. Click Mockup images. The Mockup images tab opens.

3. Select Web as the inspection context. Click the upload icon or Browse to select an image from your local folder. Alternatively, drag and drop an image to the tab.

   The AI Inspect window starts inspecting the image and highlighting all identified visual elements by default.

   Note: The maximum size of an image that you can upload is 8 MB. If you upload multiple images at a time, the total size of the images cannot exceed 150 MB. You can upload at most 100 images to the tab.
   

4. Decide whether you want to view the identified visual elements, text objects, or both, and select the appropriate checkboxes.

   To identify text in languages other than English, customize your script settings. See Customize script settings.

5. Click the down arrow icon on the top to open an image gallery. In the gallery, you can:

   • Click the Add icon to add more images for inspection.

     You can also add images by dragging and dropping.

   • Browse the imported images using the arrows.

   • Click the Search button to search for a specific image.

   • Click the Grid View icon to display images horizontally or vertically.

   • Select Name or Date to sort images by the file name or modified time.

   • Click Clear all to clear all images. To delete a single image, hover over the image and click the icon.

Back to top

Add AI steps to your script

After the objects in your mockup image are highlighted, you can add AI steps to your script.

To add AI steps:

1. Make sure you are in the Mockup images tab and have an application mockup inspected.

2. Click any highlighted object. A pop-up dialog box opens with a suggested step and object description.

   You cannot modify the object description.

3. Accept or modify the step action, and edit the value field or other step options.

   For more details on the Verify step action, see Add verification steps.

4. You can use a parameter for the step's input value. For details, see Pass a value to a step

5. Click Add to script.

   After the step is added to your script, the step count and a success message are displayed.

To edit or fine-tune these steps in the Editor, see Manually edit steps.

Back to top

See also:

• Add conditional steps
• Manually edit steps