Tester rapidement des formulaires

Introduction

Le débogage ou la mise en place d’un formulaire, qu’il soit complexe ou seulement composé de quelques champs, peut devenir une chose laborieuse en raison du temps passé à le remplir.

Les trois solutions les plus courantes pour remédier à ce problème sont : l’ajustement en dur du code pour pré-remplir certains champs, les extensions pour navigateur, et les outils de tests de bout en bout (E2E). Le problème est qu’aucune des trois n’est pleinement satisfaisante :

• Ajuster le code à la main est laborieux et ne permet pas d’automatiser un parcours complexe.
• Les extensions pour navigateur, comme Fake Filler, sont déjà plus simples à prendre en main, mais ne permettent pas de couvrir des besoins parfois exotiques, propres à votre application.
• Les outils de tests de bout en bout, quant à eux, offrent toute la flexibilité nécessaire pour mener des tests, mais les mettre en place prend du temps et ils sont assez lourds à faire tourner.

Solution

La solution la plus simple que j’ai pu trouver est, pour le moment, seulement disponible sur Chrome et ses dérivés : il s’agit de l’outil Recorder, intégré dans les DevTools.

Grâce à celui-ci, il est possible d’enregistrer facilement des parcours utilisateur et de lancer le remplissage d’un formulaire sans quitter son navigateur et sans outil externe. Si vous souhaitez quelque chose de plus personnalisé (par exemple des chaînes de caractère aléatoires à chaque lancement), il vous faudra malheureusement passer par la case outils de tests de bout en bout. Par ailleurs, si vous utilisez Puppeteer, il est possible d’exporter votre enregistrement en script Puppeteer directement, ce qui peut au passage fluidifier la façon dont vous rédigez vos tests.

Pour aller plus loin avec cet outil, vous pouvez poursuivre votre lecture ici : Features reference.

Réveillon

Le réveillon arrive bientôt...