Creation of design driven tests

You can start the testing phase in the early stages of the development of web applications by using design driven testing (DDT). DDT is a dynamic feature that leverages machine learning capabilities to create tests by using the designs of web applications under development.

You can provide wireframes of a web application instead of the URL of the deployed application to configure them for testing. DDT recognizes UI controls on these images of the application designs that you have provided. You can validate the identified UI controls and modify them if required in the design editor. If any of the controls are not identified, you can add such controls with an appropriate label.

The applications configured with designs can be used to record tests in the Virtual Client window. After you record the tests, you can refine the test steps in the test editor. When the real application is ready and accessible, you can run the tests that are created based on the designs against the real application. Also, if you run the tests with the guided healing option enabled, you can replace the screen captures with the latest ones and improve the test steps based on the actual implementation of the application.

DDT accelerates testing activities by advancing the testing phase in a product release cycle.

You must consider the following guidelines for using DDT:

• Use .jpg, .jpeg, or .png images of 1080 x 720 or higher resolution to upload designs of web applications. The total size of the images that you select for each upload must not exceed 50 MB.

• Validate all the identified controls and the associated labels on the Design editor page after the images are uploaded and processed by the ML model of Test UI. If any control is not identified or identified incorrectly, then you can add, edit, or delete controls.

• Add or delete the designs of the configured application and organize the designs in the correct sequence to create tests.