Aller au contenu principal

Concepts

@uuv (User centric Usecases Validator) est un écosystème qui simplifie l'écriture et l'exécution de tests End to End dans une approche BDD et du point de vue d'utilisateur final. Les tests E2E écrits sont donc compréhensibles par tout être humain

Le problème​

La mise en place de tests de logiciels automatisés est une pratique de plus en plus répandue. Cela ajoute un meilleur niveau de qualité sur le code d’une application par la vérification de la non-regression ou encore la validation des scénarios d'utilisation.

La typologie de test End to End (de bout en bout) est une technique utilisée pour vérifier si une application (web, mobile...) se comporte comme prévu, du début à la fin. Elle consiste à vérifier que l’utilisateur final puisse achever les principaux scénarios d’utilisation de l’application.

Contrairement au test unitaire qui a pour seul but de verifier le comportement d’une fonction, ou au test d'intégration qui consiste à faire interagir plusieurs modules de l’application entre eux afin de voir leur bonne coopération, Le test End to End permet de vérifier depuis un navigateur (par exemple pour les applications web) le comportement de votre application d'après un ensemble de scénarios d'utilisation.

Lors des test E2E, les validations consistent la plupart du temps à vérifier les éléments restitués à l'utilisateur via le navigateur web (DOM)

Dès lors, plusieurs questions complémentaires se posent :

  • Comment exprimer clairement des scénarios d'utilisation ?
  • Pour les applications omnicanales, comment faire pour vérifier votre application sur différents navigateurs et terminaux ?
  • Comment effectuer des vérifications de DOM pertinents en gardant un point de vue utilisateur ?
  • Comment garantir que l'application développée est conforme aux exigences d'accessibilité numérique ?

Notre solution​

Pour répondre aux problématiques ci-dessus et bien d'autres, nous avons créer la librairie UUV, il s'agit d'une solution basée sur l'accessibilité pour faciliter l'écriture et l'exécution des tests bout en bout dans un langage compréhensible par tout être humain.

UUV est un écosystème cohérent s'appuyant sur des outils qui sont des références dans leur domaine.

Ecosystème​

Ecosystème UUV

Les avantages​

  • Si bien utilisé, intègre l’accessibilité dès le développement
  • Une documentation vivante est possible car nous proposons un langage unifié pour les développeurs et les non-développeurs avec un dictionnaire riche de phrases prêtes à l'emploi
  • @uuv/assistant pour écrire scénarios rapidement
  • Plugin JetBrains qui vous aide à écrire et à exécuter vos tests UUV E2E depuis les IDE JetBrains
  • Intègre plusieurs moteurs d'exécution : Cypress / Playwright
  • Rapport d’exécution user friendly et uniformisé(exemple)

Comparaison​

CriteriaCypressPlaywrightTesting libraryUUV
User centrism❌✔️✔️✔️
Native accessibility❌✔️✔️✔️
Easy setup configuration for BDD test⚠️⚠️➖✔️
Understandable by everyone
(included non dev)		❌❌❌✔️

Exemple de syntaxe​

Avec cet exemple de dom :

  <body>
  <h1>Result<h1>
  </body>

on peut constater que la phrase proposée par UUV est la plus compréhensible

LibrarySyntax
Cypress
cy.get('h1').contains('Result')
Playwright
await expect(page.getByTitle('Result')).toHaveCount(1)
Testing library
expect(screen.getByTitle(/Result/i)).toBeTruthy()
UUV
Alors Je dois voir un titre nommé "Result"