S.G
Back to Projects

Project Record

ClearView Dashboard E2E Testing Framework

Proving the value of Quality Engineering through comprehensive test automation

  • WebDriverIO
  • Jasmine
  • Allure Reports
  • TeamCity
  • CI/CD
  • E2E Testing
  • Synthetic Monitoring
  • Page Object Model
Visual Context

Primary Result

0% → 80%

Test coverage achieved

Primary Stack

WebDriverIO

Detailed from the project record below.

01

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.

02

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.

  1. 01

    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).

  2. 02

    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.

  3. 03

    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.

  4. 04

    Iterative Coverage Growth

    Systematically automated high-risk flows first, building 135 robust E2E tests covering 75-80% of critical functionality.

03

Results & Impact

The framework transformed ClearView's quality engineering capabilities and proved the team's value to leadership. Here are the measurable outcomes:

Test coverage achieved
0% → 80%
Automated E2E tests covering 60 critical flows
135
Nightly regression suite providing daily health snapshots
3hr
04

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.