ClearView Dashboard E2E Testing Framework
Proving the value of Quality Engineering through comprehensive test automation
The Challenge
When I joined ClearView in 2022, the Quality Automation team was on the chopping block. Leadership questioned whether investing in QA was worthwhile—the dashboard product had zero test coverage, and there was no systematic way to monitor application health or catch regressions before they reached customers.
The product itself was a complex analytics dashboard built on legacy Angular, featuring 200+ interactive widgets with charts, gauges, and calculated metrics. Each widget required precise validation logic, and the platform's reliance on iFrames and integration dependencies made manual testing both time-consuming and error-prone. There was no visibility into whether deployments would break critical user workflows.
I took this as a challenge to prove the team's value—or risk seeing it dismantled.
My Approach
As a solo contributor, I built a comprehensive E2E testing framework from scratch, systematically tackling the complexity of the legacy Angular application while integrating with CI/CD pipelines and establishing monitoring capabilities.
Framework Architecture from Scratch
Built a WebDriverIO + Jasmine framework using Page Object Model principles, configured suite-based test execution, and chose WebDriverIO as the best Selenium-based JavaScript solution (pre-Playwright era).
Tackled Complexity Head-On
Created custom Page Objects for 200+ widgets with specific calculation validations, solved iFrame interaction challenges in legacy Angular environment, and mapped 60 critical user flows using prioritized sitemap for risk-based testing.
CI/CD Integration & Monitoring
Integrated tests into TeamCity as nightly jobs (3-hour full suite runs), implemented Allure Reports for trend analysis and failure tracking, and added lightweight synthetic monitoring for faster feedback loops.
Iterative Coverage Growth
Systematically automated high-risk flows first, building 135 robust E2E tests covering 75-80% of critical functionality.
Results & Impact
The framework transformed ClearView's quality engineering capabilities and proved the team's value to leadership. Here are the measurable outcomes:
Key Learnings
Strategic Prioritization Wins Skeptics
Mapping critical flows and delivering visible results early proved QA's ROI. The Allure reports transformed testing from a 'black box' into a daily product health dashboard that stakeholders could understand and trust.
Technical Debt is Solvable
Legacy Angular + iFrames were constraints, not blockers. Creative Page Object design overcame architectural challenges, demonstrating that with the right approach, even complex legacy systems can be effectively automated.
Observability Drives Trust
The combination of Allure dashboards and synthetic monitoring gave stakeholders real-time visibility into application stability, enabling investor confidence and accelerating product expansion.