Kata E2E UUV

Objectif

Le but de ce kata est, au travers de quelques exercices, de s'entraîner à l'écriture de test bout en bout (E2E) avec l'outil UUV.

L'application web pour laquelle nous devons écrire des tests E2E est Weather App.

Il s'agit d'une application simple qui affiche la météo pour quelques villes.

Mise en place de votre environnement

1. Cloner ce dépôt Git au sein d'un répertoire que nous appellerons KATA_HOME
2. Installer l'autocomplétion dans l'IDE (Si intelliJ, ne pas exécuter en tant qu'administrateur)
3. Si vous utilisez intelliJ, installer le plugin UUV (File > Settings > plugins) pour lancer les tests depuis l'IDE
4. Ouvrir le projet dans l'IDE
5. Ensuite lancer npm install
6. Vérifier que le fichier first-test.feature est exécuté via la tâche "open" (si vous avez des soucis de droits, cochez la case Use local npm script) sinon avec la commande npm run uuv open.
7. Vous êtes prêt à commencer l'exercice

Exercices

0. Hello World : Corriger le test pour qu'il soit passant

1. Homepage : Vérifier que sur la page d'accueil, les éléments suivants sont visibles:

   • un titre Weather App
   • un bouton Démarrer

2. Weather : Vérifier que depuis la page d'accueil, lorsqu'on clique sur Démarrer, alors les éléments suivants sont visibles:

   • un texte Nothing to display
   • La liste des villes dans le volet de gauche ['Douala', 'Tunis', 'Limoges']

3. TownSelection : Vérifier que depuis la page d'accueil, lorsqu'on clique sur Démarrer, puis qu'on sélectionne la ville Douala, les éléments suivants sont visibles dans la partie détail :

   • un titre Douala
   • un texte min: 10.8 °c

4. Filter : Vérifier que depuis la page d'accueil, lorsqu'on clique sur Démarrer, puis qu'on saisit le texte i dans le champ de recherche et qu'on clique sur le bouton rechercher, alors les villes disponibles : ['Tunis', 'Limoges']

5. Pour aller plus loin : Vous pouvez :

   • Vérifiez que vous avez respectez les recommandations de phrases basées sur l'accessibilité
   • Mocker l'appel à l'url https://e2e-test-quest.github.io/weather-app/assets/data/mock.json pour changer la liste des villes disponibles
   • Lancer les tests sur un ipad mini
   • Créer une commande Cypress UUV pour la vérification des villes disponibles

Liens utiles

• Dictionnaire de phrases
• Click action
• phrases par rôles
• création de phrase personnalisée