Create a test based on mockups

AI Codeless Testing enables you to automate test creation based on application mockups. You can easily create an AI Codeless test even if you do not have a live environment or a fully developed application.

Inspect application mockups for objects

Use AI Mockup Identification to inspect application mockups and identify objects you could use in your test. In this way, you can prepare your test much earlier and design your test before your application is fully developed.

Prerequisites

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

To inspect application mockups

  1. In AI Codeless Testing, click the AI Inspection button .

  2. In the MOCKUP IMAGES tab of the AI Inspection window, select Web or Mobile as the inspection context and click Browse Folder to select a folder containing images.

    The AI Inspection window inspects the image that appears first in the file name order and highlights all identified visual elements by default.

  3. Decide whether to show Visual Element, Text, or both, to see either the objects that AI Codeless Testing detected visually, or areas of text in the application, or both.
  4. Decide whether to change the AI identification context type by selecting Web or Mobile.
  5. Click the down arrow near the folder icon to select a different folder, synchronize with the current folder, or go to the current folder.
  6. To view all images in your folder, click the down arrow on the top to display the image gallery. In the gallery, you can:

    • Navigate between images in the folder with arrows.

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

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

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

  7. If AI Codeless Testing was unable to identify an object, click the Help us to improve link on the bottom.

    The Feedback Tool window opens the current page or app screen, highlighting all identified visual objects. Provide details about object identification and click SEND FEEDBACK. For details, see the Feedback Tool documentation.

Back to top

Add AI steps to your test

Once you have the objects in your mockup image highlighted, you can add AI steps to your test with a single click.

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 tooltip opens.

    On the tooltip, you can modify the step action, edit the value field, and then click Add to test. Alternatively, click Edit to modify additional step details including Text, Position, and Action on the right pane.

    Once the step is successfully added to your script, the right pane shows the step count and success message.

    To fine-tune these steps, see Manually create and edit steps.

    Note: To run tests created using mockup images, you must have a live environment fully prepared.

Back to top

See also: