Dynamic UI Element Finder for Test Automation

Problem Context

SDETs and QA engineers write UI tests for web apps but struggle when the code lacks proper test anchors (IDs, classes, or stable selectors). Their tests break frequently, wasting hours on maintenance and delaying releases. They rely on brittle workarounds like Playwright’s getBy___ methods, which fail when elements are buried deep in the DOM.

Pain Points

1. No tool automatically discovers stable elements in poorly structured apps, forcing engineers to write fragile locators.
2. Existing frameworks (Playwright, Selenium) require manual selector engineering, which is time-consuming and error-prone.

Impact

1. Delayed releases: Unreliable tests block CI/CD pipelines, slowing down software delivery.
2. Frustration: Teams avoid test automation entirely, increasing manual QA costs and risking production bugs.

Urgency

1. Legacy apps with poor structure are common in mid-size tech companies, making this a persistent issue.
2. Without a solution, teams either accept unreliable tests or abandon automation altogether, both of which are costly.

Target Audience

1. QA engineers working on web apps with legacy or poorly maintained codebases.
2. DevOps teams whose CI/CD pipelines depend on stable UI tests.

Solution Approach

A browser extension + cloud service that automatically discovers and suggests stable selectors for UI elements in poorly structured web apps. It scans the DOM in real-time, identifies patterns (e.g., buried IDs, dynamic classes), and generates reliable locators for test frameworks like Playwright or Selenium. Users integrate it into their workflow via a simple extension or API.

Key Features

1. Auto-Generated Locators: Provides ready-to-use selectors for Playwright/Selenium in one click.
2. Test Stability Monitoring: Tracks element changes over time and alerts users to potential test breaks.
3. Cloud Sync: Stores selector patterns across projects for reuse (e.g., common patterns in legacy apps).

User Experience

Users install the browser extension, navigate to a web app, and click ‘Discover Elements.’ The tool highlights stable selectors in real-time. They copy-paste the suggested locators into their test scripts. The cloud service updates selectors automatically if the app changes, reducing maintenance time.

Differentiation

1. No Manual Engineering: Automates selector discovery, saving hours of trial-and-error.
2. Proprietary Patterns: Uses a dataset of common element patterns in legacy apps to suggest reliable locators faster.

Scalability

1. Enterprise Features: Adds API access for CI/CD integration and team collaboration.
2. Plugin Ecosystem: Supports additional test frameworks (Cypress, WebDriverIO) over time.

Expected Impact

1. Faster Releases: Reliable tests unblock CI/CD pipelines.
2. Cost Savings: Eliminates manual QA hours and consultant fees for test fixes.