This project demonstrates a real-world Playwright UI automation suite built against a live, deployed cloud dashboard. It validates provider visibility, UI behavior, and dynamic updates across browsers using industry-standard automation practices.
- Dashboard loads successfully
- Cloud providers (AWS, Azure, GCP) are visible
- Status updates and timestamps change on user action
- Cross-browser behavior is consistent
This dashboard is intentionally mocked to create a safe, repeatable environment for QA automation, UI testing, and DevOps-style validation without relying on real cloud outages or provider APIs.
It allows deterministic testing while still behaving like a production system.
- Playwright (UI Automation)
- GitHub Pages (Hosting)
- JavaScript / TypeScript
QA = Quality Assurance
Origin: Emerged in the 1940s in manufacturing and defense programs to prevent defects before production; later adopted by software engineering.
DevOps = Development + Operations
Origin: Coined in 2009 to break down silos between software development and infrastructure teams.
- Cross-browser testing (Chromium, Firefox, WebKit)
- BaseURL configuration
- Traces, screenshots, and reporting
- Deterministic UI assertions
npm install
npx playwright test
npx playwright show-report
Live Dashboard (System Under Test)
https://vivaciousdove.github.io/cloud-status-dashboard/
This live dashboard is the System Under Test (SUT) used by the Playwright automation suite.
It provides a safe, deterministic UI for validating cloud status checks without relying on real provider outages.
---