Load more feed posts behind a spinner
Medium50 pts~2 min
- Explicit waits
- Lazy loading
- Element counts
Practice app · ConnectIn
A professional network: a 3-step sign-up wizard, a feed with likes, comments and lazy-loaded posts, a notifications dropdown, a messaging drawer with auto-replies, job search with filters and a multi-step Easy Apply modal, member profiles with connect/withdraw, a skills tag input and company pages that open a careers site in a new tab.
Your starter code already declares TEST_URL — never hardcode a host.
Objective
The feed shows 5 posts and loads 5 more each time “Show more posts” is clicked, after a two-second spinner. Load the whole feed without fixed sleeps and verify all 13 posts and the end-of-feed message.
Your task
- 1Open TEST_URL (you are already signed in) and assert the feed shows 5 posts ([data-testid="post"]).
- 2Click “Show more posts” (#show-more-posts), wait for the spinner (#feed-loading) to finish and assert 10 posts are shown.
- 3Click #show-more-posts again and wait until 13 posts are shown.
- 4Assert #feed-end reads “You've reached the end of your feed” and #show-more-posts is no longer displayed.
Acceptance criteria
- All 13 posts are loaded.
- The end-of-feed message is shown and the button is gone.
- The test uses no fixed sleeps.
Fixtures
- alex@connectin.test
- Password
- Connect@2026
- Account name
- Alex Morgan
- Password rules
- 8+ characters with an uppercase letter, a number and a special character
- Locations
- Bengaluru, India · Berlin, Germany · London, UK · New York, US · Toronto, Canada
- Featured company
- Northwind Labs (#/company/northwind-labs)
Playwright · Playwright Challenges · ConnectIn