Check the message character limit and counter
Easy30 pts~2 min
- Text areas
- Character limits
- Live counters
Practice app · StayNest
A home-sharing marketplace: destination autocomplete, a two-month date-range calendar, a guests popover with steppers, results with a list/map toggle and a filters modal, listing pages with a photo gallery, a reserve card with a price breakdown, host profiles in a new tab, a wishlist that needs sign-in and a message-host form.
Your starter code already declares TEST_URL — never hardcode a host.
Objective
Type a message longer than 300 characters to the host, verify the field stops at 300 characters with a live counter, and send it.
Your task
- 1Open TEST_URL and open Casa Azulejo · Alfama Townhouse from Featured stays.
- 2Click Message host (#message-host-button), wait for the dialog #message-modal and assert #message-counter reads “0 / 300”.
- 3Type a 350-character message into #message-input (for example “Hi Marta! ” repeated 35 times).
- 4Assert the field kept only 300 characters and #message-counter reads “300 / 300”.
- 5Click Send message (#message-send) and assert #message-status reads “Message sent to Marta · 300 characters”.
Acceptance criteria
- The message dialog is closed.
- The confirmation says the message was sent to Marta with 300 characters.
- The test asserts the counter and the confirmation.
Fixtures
- guest@staynest.test
- Password
- Nest@2026
- Account name
- Jordan Lee
- Today
- Tuesday, 10 November 2026 (earlier days are disabled)
- Destinations
- Goa · Lisbon · Kyoto · Banff · Cape Town
- Service fee
- 14% of the nightly subtotal
- Guest limits
- Adults 1–16 (adults + children ≤ 16) · infants up to 5 · pets up to 5
- Host verification code
- Shown only on the host profile tab
Playwright · Playwright Challenges · StayNest