Combine listing filters and remove a filter chip
Medium55 pts~2 min
- Checkboxes
- Toggle buttons
- Radio buttons
- Dynamic lists
Practice app · StyleKart
A fashion store with Men, Women and Kids listings: multi-select filters with removable chips, a custom sort listbox, load-more paging, product pages with colour swatches, sizes, a size-chart modal and a hover gallery, a wishlist, a bag with per-line sizes and a coupons modal, sign-up validation and checkout.
Your starter code already declares TEST_URL — never hardcode a host.
Objective
On the Women listing, combine category, size, colour and discount filters, verify the live result count, then remove one filter through its chip and verify the count updates.
Your task
- 1Open TEST_URL and click Women (#nav-women).
- 2Tick Dresses (#filter-cat-dresses) and Tops (#filter-cat-tops), press size chip M (#filter-size-M), press the Pink swatch (#filter-colour-pink) and choose “30% and above” (#filter-discount-30).
- 3Assert #result-count reads “4 items”, 4 product cards are shown and there are 5 applied-filter chips.
- 4Remove the Tops chip with its × button (aria-label “Remove Tops filter”).
- 5Assert #result-count reads “2 items”, 2 cards remain, the Tops checkbox is unticked and 4 chips remain.
Acceptance criteria
- Dresses, size M, Pink and 30% and above stay applied; Tops is removed.
- The result count reads 2 items and exactly 2 product cards are shown.
- The test makes at least three assertions.
Fixtures
- Coupons
- STYLE20 (20% off bags of ₹1,999 or more) · FIRST100 (₹100 off)
- Valid mobile
- 10 digits starting with 6, 7, 8 or 9, e.g. 9123456780
- Password rules
- 8+ characters with an uppercase letter, a number and a special character, e.g. Style@2026
- Seeded bag
- Floral Wrap Midi Dress (Pink, S) ×1 · Essential Crew Neck T-Shirt (Black, M) ×2 · Square Neck Crop Top (White, S) ×1
- Delivery address
- Rohan Mehta · 9876543210 · 400001 · Flat 12, Sea View Apartments · Mumbai · Maharashtra
Playwright · Playwright Challenges · StyleKart