Tester c'est douter

•

Quelles features tester dans une application Front ? Où sont les limites... Les tests, c'est un piège, dans tes projets perso, tu n'as jamais envie d'en faire, mais en entreprise, ça devient essentiel ! Que faut-il tester ? Thread 👇

1. La librairie de composant Si dans ton application, tu n'utilises pas Chakra-UI ou mui.com, il est important de tester tes composants.

Pour l'a11y, je te conseille de déléguer à une libraire, par exemple radix-ui ou reachui ! Si tu ne le fais pas, IL FAUT TESTER L'A11Y !! C'est un point critique de tes composants. Ensuite, tu peux tester les styles CSS si tu le souhaites, mais c'est moins prio...

Ce qu'il faut tester ce sont vraiment les use-case : 1. Quand c'est disabled, je ne peux pas cliquer 2. Quand c'est loading, il y a bien un loader 3. Quand il y a rien, on peut cliquer et le callback est appelé Tout ce qui peut nuir à l'expérience utilisateur !

2. Les bases Par ex une page de sign-in, sign-up et sign-out ! • Vérifier que le call-api est fait • Vérifier que les bonnes données sont envoyées etc... C'est une feature critique, car si le login ne marche pas = plus de comptes = plus d'argent

3. Le métier Ce qui est lié aux business de site. Par exemple un site e-commerce devra TRÈS BIEN tester tout le flux d'achat Une app comme Airbnb devrait tester à fond le flux d'achat, la visualisation des offres etc...

Le métier, c'est en partie ce qui te rapporte de l'argent, si ça marche pas, plus d'argent, donc très important ! Là, tu peux te demander comment tester ses features alors qu'il y a besoin de l'API ? Soit tu fais des tests d'intégration avec TOUT, le back et le front

Soit tu mock le backend. Pour JS, tu peux utiliser mswjs.io/ qui va mock tous les appels API dans tes tests ! C'est important de tester que les call api sont effectués et qu'on utilise correctement la réponse, et surtout si on gère quand il n'y a pas de réponse !

4. Les features secondaires Par exemple pour un site e-commerce le fait de pouvoir like un commentaire, ou ajouter un produit dans ses likes. C'est pas directement lié au métier, car ça ne bloque pas l'utilisateur pour acheter, c'est peut-être beaucoup utilisé !

Et ce genre de features sont cool à tester car c'est le genre de trucs que tu fais une fois puis tu n'y reviens plus après 6 mois ! Si ça pete, tu vas soit prendre un commentaire d'un client qui te dit que c'est pété, soit le remarquer 3 ans après !

Finito, je ne suis pas un expert des tests, je l'avoue, si vous avez des remarques et améliorations, je serai heureux de les ajouter à mes propos ! En attendant tu peux me follow @melvynxdev et t'inscrire ici si React t'intéresse : codelynx.dev/sub-beginreact

First image credit : “It’s a trap!” — Admiral Akbar (Image credit: Ramona Schwering)