Playwright

Mount and test a component

Hard120 pts~45 min
  • Workshop Registration
Practice app · Workshop Registration

A registration form with text fields, radios, checkboxes, selects and validation.

Test URL
/lab/playwright-mount-and-test-a-component

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

Objective

Mount and test a component. Practise it against the Workshop Registration practice application (A registration form with text fields, radios, checkboxes, selects and validation.).

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 #first-name, #last-name, #email.
  3. 3Write and run a test that demonstrates: mount and test a component.
  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.

Playwright · Playwright · Components, parallel & CI