5 / 6
Playwright

Combine API setup with UI tests

Hard120 pts~45 min
  • Acme REST API
Practice app · Acme REST API

A live REST + GraphQL API with auth, validation, pagination, rate limiting and an interactive request console.

Test URL
/lab/playwright-combine-api-setup-with-ui-tests

Your starter code already declares TEST_URL — never hardcode a host.

Objective

Combine API setup with UI tests. Practise it against the Acme REST API practice application (A live REST + GraphQL API with auth, validation, pagination, rate limiting and an interactive request console.).

Your task

  1. 1Open the practice application at the test URL shown above and wait for it to finish loading.
  2. 2Inspect the page to find the elements you need — key elements include #base-url, #endpoint-list, #method-select.
  3. 3Write and run a test that demonstrates: combine api setup with ui tests.
  4. 4Finish with at least one assertion on a user-visible outcome, not an internal detail.

Acceptance criteria

  • The test runs to completion without errors.
  • The test contains at least one passing assertion on a user-visible outcome.

Fixtures

apiKey
tqa_live_key_123
basicUser
admin
basicPassword
secret
username
qa@target.dev
password
Test@123

Playwright · Playwright · API testing with Playwright