Skip to content

Latest commit

 

History

History
69 lines (57 loc) · 5.14 KB

README_FR.md

File metadata and controls

69 lines (57 loc) · 5.14 KB

Kata E2E UUV

English version

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

Vous pouvez soit ouvrir un codespace depuis ce dépôt ou effectuer les actions suivantes si vous développez depuis votre environnement local :

  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. Ouvrir le projet dans l'IDE
  4. Ensuite lancer depuis un terminal :
    npm install
  5. Exécuter le test first-test.feature :
    • Depuis Intellij : Lancer la tâche UUV "open" (si vous avez des soucis de droits, cochez la case Use local npm script)
    • Depuis un terminal :
      npx uuv open
  6. Vous êtes prêt à commencer l'exercice

Exercices

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

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

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

    • un texte Nothing to display
    • La liste des villes dans le volet de gauche ['Douala', 'Tunis', 'Limoges']
      Voir la Solution
  4. TownSelection : Vérifier que depuis la page avec l'url https://e2e-test-quest.github.io/weather-app/?isStarted=true, lorsqu'on sélectionne la ville Douala, les éléments suivants sont visibles dans la partie détail :

  5. Filter : Vérifier que depuis la page avec l'url https://e2e-test-quest.github.io/weather-app/?isStarted=true, lorsqu'on saisit le texte i dans le champ de recherche et qu'on clique sur le bouton rechercher, alors les villes disponibles : ['Tunis', 'Limoges']
    Voir la Solution

  6. Navigation au clavier : Vérifier que depuis la page avec l'url https://e2e-test-quest.github.io/weather-app/, lorsqu'on commence une navigation au clavier depuis le haut de la page, alors on voit les éléments suivants durant la navigation :

    • un lien Weather App's Logo
    • un lien Home
    • un bouton Get started
      See Solution
  7. Pour aller plus loin : Vous pouvez :

Liens utiles