← Recipe: validate a form and confirm in a modal

5. Check and run

luastra/ui · luastra/data · controlled input · about 20 minutes
errors → review → dismiss or confirm

Automated checks prove state and semantics; the preview separately proves native input, focus, and dialog behavior in this browser.

When to use it

Run from form-modal-recipe after all three files are saved.

  • check and test must report PASS with one passing test.
  • Tab order follows source order; the modal traps focus and returns it to Review after dismissal.
  • At 200% zoom and on a phone, actions must wrap and the focused field must remain reachable above the software keyboard.

Focused example

luastra check
luastra test
luastra run
# Press Review while empty: expect two field errors.
# Enter a name and email, then Review: expect the confirmation modal.
# Dismiss once, reopen, then Confirm.

Complete inventory

View all pages in Recipe: validate a form and confirm in a modal
← Previous: 4. Replace tests/smoke.luauNext: 6. Understand the boundaries →