QualityShop.SUT

A lightweight SUT (System Under Test) built with HTML, CSS, and JavaScript.
Used primarily for UI automation practice, demo scenarios, and QA training.

---

Created by

ANKUR RAJ

---

Access The site -> https://r-ankur2k.github.io/QualityShop.SUT/

---

Table of Contents

• Overview
• Features
• Project Structure
• Getting Started
• Automation Usage
• Contributing
• Future Enhancements

---

Overview

QualityShop.SUT serves as a stable front-end target for automation frameworks such as Playwright, Selenium, or Cypress.
It contains static UI flows like product listing, cart actions, and basic user interactions.

---

Features

• Static, dependency-free HTML/JS project
• Ideal for automation demo, POM design, and locator strategies
• Quick local testing (just open the HTML file)

---

Project Structure

root/ │── index.html │── script.js │── styles.css │── assets/ (if added later)

---

Getting Started

Prerequisites

• Any modern browser
• No server needed (client-side only)

Run Application

Simply open index.html in a browser.

Clone Repo

---

Automation Usage

Automation engineers can point tests directly at the HTML file or serve it locally.

Example (Playwright)

import { test, expect } from '@playwright/test';

test('Add item to cart', async ({ page }) => {
  await page.goto('file:///path/to/index.html');
  await page.click('#add-to-cart');
  await expect(page.locator('#cart-count')).toHaveText('1');
});