Practice Software Testing

The Toolshop application includes the following functional areas and features:

• Navigation: Home, Contact, and Categories (Hand Tools, Power Tools, Special Tools, Rentals).
• Authentication: Sign In, Register, and Forgot Password flows.
• User Management (Requires Sign In):
  • My Account, My Favorites, and My Profile (Update profile, Change password).
  • My Invoices (Overview, Details).
  • My Messages.
  • Sign Out.
• Shopping Cart (Visible when not empty):
  • View Cart content.
  • Add or Delete products.
  • Checkout flow (Sign In, Address, Payment).
• Catalog/Product Discovery (Available on the homepage):
  • Sorting, Price Range filtering, Search, and Category filtering.
  • Pagination (Prev.Page, Next.Page).
  • Product interactions: Adjusting quantities (+/-), Adding to cart, Adding to favorites, and viewing Related products/More information.

The Practice Software Testing project provides multiple versions (v1 through v5) and specialized builds (with-bugs, performance, and mobile app) to facilitate different testing scenarios. Use the matrix below to identify which features are available in a specific version for your testing requirements.

Feature Matrix

The documentation is organized into several key areas to help you learn how to test software using this project:

• Feature Overviews & Architecture: Understand the high-level design and specific technical implementations like Postcode Lookup, Gift Card Validation, and HTTP QUERY Method.
• Getting Started: Guides for installation, prerequisites, Docker setup, and switching between different project versions (sprints).
• Code Coverage: Optional setup for viewing test coverage reports.
• Features by Version (Sprints): Documentation of the application's capabilities at different stages of development, from a simple Product Catalog (Sprint 1) to a Full Platform (Sprint 5).
• User Stories: Detailed, task-oriented requirements for each sprint. These are ideal for writing test cases, as they describe specific behaviors like Pagination, Checkout, Two-Factor Auth, and Admin Dashboard functionality.

The Angular application is located in sprint5/UI/src/app/. The directory structure follows this pattern:

• app.component.html: The root layout containing the header, footer, and <router-outlet>.
• app-routing.module.ts: Defines top-level, lazy-loaded routes.
• header/, footer/: Global UI components.
• products/: Product browsing, details, categories, and rentals.
• checkout/: The 4-step checkout wizard (Cart → Login → Address → Payment).
• auth/: Authentication flows (Login, Register, Forgot Password).
• account/: User-specific views (Profile, Invoices, Favorites).
• admin/: Administrative dashboard and CRUD operations.
• _services/: Contains the 22 core services for API calls and state management.
• _helpers/: Utility functions like Validators and discount logic.
• models/: TypeScript interfaces defining data shapes (e.g., Product, User).
• shared/: Reusable components and validators used across multiple modules.
• transloco-root.module.ts: Configuration for the translation system.
• assets/i18n/: JSON files containing translation strings for supported languages.

sprint5/UI/src/app/
├── app.component.html          ← Root: header + <router-outlet> + footer
├── app-routing.module.ts       ← Top-level routes (lazy-loaded modules)
├── header/                     ← Nav bar, language switcher, cart badge
├── footer/                     ← Copyright line
├── products/                   ← Product overview, detail, category, rentals, comparison
├── checkout/                   ← 4-step wizard: Cart → Login → Address → Payment
├── auth/                       ← Login, Register, Forgot Password
├── account/                    ← User profile, invoices, favorites, messages
├── admin/                      ← Admin dashboard, CRUD for all entities
├── _services/                  ← 22 services (API calls, state)
├── _helpers/                   ← Validators, discount utilities
├── models/                     ← TypeScript interfaces (Product, User, etc.)
├── shared/                     ← Reusable components (password input, validators)
└── transloco-root.module.ts    ← Translation config (7 languages)
└── assets/i18n/                ← Translation JSON files (en, de, el, es, fr, nl, tr)