Back to scenario browser

Pro UI test design

Error and Empty States UI Trainer

Practice a deeper UI answer for loading, empty, no-results, validation, permission, backend failure, retry, accessibility, privacy, and observability states.

Pro trainer

Practice a real test design answer

The product uses shared state patterns for loading, empty results, validation and permission errors, backend failures, session expiry, retries, and support diagnostics.

LoadingEmpty statesErrorsRecoveryAccessibilityPrivacy

How to use this trainer

Structure the answer, then compare coverage

Client-side practice
1Read the product context
2Plan coverage areas
3Write your answer
4Check coverage

No backend or external AI is called. Your answer is scored locally against a structured QA checklist.

Cover loading, empty, no-results, validation, permission, network, backend, session, retry, accessibility, privacy, and observability states.

Tip: a stronger answer usually mixes happy path, negative cases, state changes, data, backend, UX, accessibility, and risk.

How to structure your answer

Happy pathNegative casesData rulesSecurity/API risksUX/performance

Scenario reference

Context, focus areas, and senior prompts

Show reference

Product context

You are testing shared UI states across a product: loading screens, empty states, no-results states, validation errors, permission errors, network failures, backend failures, session expiry, retry actions, and support diagnostics.

Useful focus areas

  • Empty states
  • Errors and recovery
  • Permissions
  • Validation
  • Accessibility
  • Privacy and observability