Générateur de matrices d’états UI
Construisez une matrice de couverture composante par état pour le chargement, vide, erreur, succès, hors ligne et états de permission. Exporter une liste de contrôle de l'assurance-chômage sans AI.
Spécification de l'État
UI state coverage requirements
Data table
- Loading: Preserve context, communicate progress, and prevent duplicate actions.
- Empty: Explain why there is nothing here and offer a useful next action.
- Error: Explain the failed action, preserve safe input, and offer a recovery path.
- No permission: Explain missing access and offer a safe destination. Enforce authorization on the server.
Form
- Loading: Preserve context, communicate progress, and prevent duplicate actions.
- Error: Explain the failed action, preserve safe input, and offer a recovery path.
- Success: Confirm the completed action and make the resulting state clear.
- Offline: Explain the connection issue, preserve safe local input, and provide a retry path.
These are required states, not verified implementations. Use existing components and validate the final behavior with real data and keyboard navigation.
Le texte exporté reste en anglais ; vos saisies sont conservées telles quelles.
Pas d'inscription. Pas de crédits d'IA. Cet outil assemble votre sortie dans votre navigateur.
D'une idée à quelque chose d'utile.
- 01
Sélectionnez les composants de votre écran.
- 02
Basculer les états qui s'appliquent à chaque composante.
- 03
Copier la liste de contrôle de mise en oeuvre État par État.
Un peu de contexte.
Différentes composantes ont besoin de différentes voies de récupération. Un formulaire a besoin de commentaires de validation; une table de données a besoin de chargement, aucun résultat, et les états de réessayer. Les valeurs par défaut curées fournissent un point de départ, et vous pouvez changer chaque cellule. Les États sélectionnés ont besoin d'une couverture, et non d'une mise en œuvre complète.
Bonnes questions.
Les États sélectionnés sont-ils déjà mis en œuvre?
C'est pas vrai. Les états vérifiés sont des exigences pour la conception et l'essai. Cet outil n'inspecte pas votre application.
Puis-je supprimer les états non pertinents?
Oui. Enlevez n'importe quelle cellule de matrice. Votre exportation ne comprend que les états sélectionnés pour les composants sélectionnés.