Filter restaurants with a cuisine chip
Easy30 pts~2 min
- Toggle buttons
- aria-pressed
- Filtering
- Collections of elements
Practice app · FoodRush
A food-delivery app: set your delivery area through a native prompt, filter restaurants by veg-only, cuisine and search, sort them, customise dishes in a modal, manage a cart with a coupon, check out and follow a live order tracker before rating the meal.
Your starter code already declares TEST_URL — never hardcode a host.
Objective
Use the cuisine chips to show only Biryani restaurants and verify the chip state, the result count and the remaining cards.
Your task
- 1Open TEST_URL.
- 2Click the “Biryani” cuisine chip (#cuisine-biryani).
- 3Assert the chip has aria-pressed="true".
- 4Assert #result-count starts with “2 restaurants” and that exactly 2 cards remain, Biryani Baithak and Nizam's Biryani House, both with data-cuisine="Biryani".
Acceptance criteria
- The Biryani chip is pressed.
- Exactly 2 restaurant cards remain.
- Every remaining card is a Biryani restaurant.
- The test makes at least two assertions.
Fixtures
- Delivery area
- Any area name, e.g. Indiranagar
- Coupon
- FEAST50 (₹50 off item totals of ₹299 and above)
- Delivery fee
- ₹40 per order
- Taxes
- 5% GST & restaurant charges on the item total, rounded to the nearest rupee
- Seeded cart
- Dosa Darbar: Masala Dosa ×1 (₹120), Filter Coffee ×2 (₹60), Medu Vada ×1 (₹80)
- Checkout details
- Asha Verma · 9876543210 · 12, 4th Cross
- Tracking
- Order placed → Preparing → Out for delivery → Delivered, about 1.5 s per step
Playwright · Playwright Challenges · FoodRush