Testing Dynamic Chart Elements in Architect

Overview

Tests can sometimes fail due to inconsistencies between the data captured during test creation in Architect and the data present during live execution. This issue is common when working with dynamic elements like charts (e.g., Highcharts). For example, a test designed to verify the most recent data point in a chart might fail if the data updates or its position shifts.

How It Works

Enable SVG Element Recording

Many modern charts are built using Scalable Vector Graphics (SVG). To ensure Architect can properly interact with the individual components of these charts, you must enable a specific setting.

  1. Start a new recording session in the Architect extension.
  2. Click the + icon to open the menu.
  3. Navigate to the Settings tab at the top.
  4. Scroll down and toggle on the Enable Small SVG Children option.

After enabling this setting, you must re-record the test steps that interact with the chart to ensure the SVG elements are captured correctly.image (5).png