Recording a test for an HTML canvas application

You can record a test script in HCL DevOps Test UI (Test UI) to automate the playback of fundamental inputs, such as clicks and text entries, on dynamically rendered HTML canvas elements.

Before you begin

You must have completed the following tasks:

Procedure

  1. In the UI Test perspective, click New > Test From Recording. Alternatively, on the toolbar, click the New Test From Recording icon New Test From Recording.
    The New Test From Recording wizard is displayed.
  2. Click Create a test from a new recording in the Recording Session screen.
  3. Select Web UI Test.
  4. Optional: Click Recording Encryption Level, and then select the encryption level if you want to encrypt sensitive data in the application.
  5. Click Next.
    The Select Location page is displayed.
  6. Click to select a folder from the parent folder list.
  7. Type a name for the test.
  8. Click Next.
    The Select Client Application page is displayed.
  9. Select a browser, and then click Next.
    The Recorder Settings page is displayed.
  10. Select the recording preferences as required.
  11. Click Finish.
    The Welcome page is displayed with details such as the browser version and configured web applications.
  12. Click the link of the configured web application to test from the Configured Application list.
  13. Complete the user tasks on the HTML canvas elements in the web application.
  14. Stop the recorder by closing the application under test or by clicking the Stop icon Stop icon in the Recording Control view.
    The Test Generation dialog is displayed.
  15. Click Open Test to view the test, or click Close to close the dialog.
    If you clicked Open Test, a confirmation message about data correlation is displayed.
  16. Click Yes to view the correlated data, or click No to close the dialog.

Results

You have created a Web UI test for the HTML canvas application. The test script is displayed in the test editor.