[Aller au contenu](#main-content)

PREVIEW

[](/fr "Page d'accueil BearStudio")

[Prestations](/fr/prestations)[Équipe](/fr/equipe)[Blog](/fr/blog)

[Nous contacter](/fr/contact)Français

<!--astro:end-->

[Accueil](/fr)[Prestations](/fr/prestations)[Équipe](/fr/equipe)[Blog](/fr/blog)

<!--astro:end-->

<!-- Mobile Top Actions -->

Français

<!--astro:end-->

[Nous contacter](/fr/contact)

<!-- Content -->

[](/fr)

1. [Accueil](/fr)
2.
3. [Blog](/fr/blog)
4.
5. Brève 2 : Un système de test end to end simple et complet : CodeceptJS !

# Brève 2 : Un système de test end to end simple et complet : CodeceptJS !

Le 20 oct. 2020

<!-- Background (translate3d is for safari to apply mix-blend-overlay) -->

![](/_astro/breve-2.BUdGSoUm_ZOumqo.webp)

## **Qu’est-ce qu’un test end-to-end déjà ?**

Le système de test **end-to-end** est un principe de test utilisé pour vérifier si une application ou un morceau d’application se comporte comme prévu “de bout en bout”. Ces tests sont souvent détaillés en **scénarios de tests**, qui définissent le comportement de l’application et qui prévoit donc les différents clicks, remplissages de champs, pages sur lesquelles nous sommes redirigées etc…

Pour vérifier qu’une application possède le comportement attendu, des **tests manuels** sont possibles mais peuvent aussi être automatisés via certains outils.

## **La solution : CodeceptJS !**

[CodeceptJS](https://codecept.io/), c’est l’outil le plus simple qu’on ait trouvé pour mettre en place des tests end-to-end et il a plusieurs **avantages**. Il permet de créer des scénarios de tests très lisibles, de définir simplement ses règles, ses actions et de préciser simplement ce qu’on va voir, la page sur laquelle on est censé naviguer etc. Il va aussi permettre de lancer ses système de tests sur un vrai navigateur et faire le test devant vous. Vous serez alors capable de voir en temps réel vos tests s’exécuter (et c’est bien satisfaisant ! 🤩)

![Exemple de code d\&#x27;un test rédigé avec CodeceptJS](/_astro/feature-codecept.BcxQ9-eu_rc6gw.webp)

*Exemple de code de test via CodeceptJS*

Côté technique, CodeceptJS fonctionne avec plusieurs moteurs de test (c’est ce qui lance un navigateur et exécute les tests automatiquement…). Vous aurez donc le **choix entre plusieurs navigateurs** Web, Mobile ou API en fonction de ce que vous voulez tester ! À noter que bien sûr, CodeceptJS utilise Javascript, et fonctionne à 100% avec React, Vue ou Angular ! 😉

## **Et bien plus encore !** 

CodeceptJS propose encore d’autres features très intéressantes ! C’est un outil complet, avec une **documentation** détaillée et une **communauté** disponible en cas de besoin (GitHub, Slack, réseaux sociaux…). À noter aussi que CodeceptJS a lancé en beta une interface permettant de faire ces tests, qui s’appelle CodeceptUI. N’hésitez donc pas à suivre le projet et à tester cet outil qui peut-être, vous permettra d’éviter quelques bugs en prod sur [votre projet](/fr/prestations) 😎

Cet article vous a plu ? Alors vous aimerez sans doute [celui-ci qui vous explique comment simplifier l’utilisation de React JS.](/fr/blog/articles/simplifier-ecriture-interface-utilisateur-react-js)

Publié le 20 oct. 2020

[](/fr)

1900 Route de Cailly\
76690 Saint-André-sur-Cailly\
Normandie, FRANCE

[Accueil ](/fr)[Prestations ](/fr/prestations)[UX/UI Design ](/fr/prestations/ux-design)[Développement Web ](/fr/prestations/developpement-web)[Développement Mobile ](/fr/prestations/developpement-mobile)[Boost Projet ](/fr/prestations/boost-projet)[Accompagnement CTO ](/fr/prestations/accompagnement-cto)[Intelligence Artificielle ](/fr/prestations/intelligence-artificielle)[Équipe ](/fr/equipe)[Blog ](/fr/blog)[Candidater ](/fr/contact/processus-candidature-bearstudio)[Branding ](/fr/branding)[Mentions légales](/fr/mentions-legales)

Suivez nous sur...

[ Linkedin ](https://www.linkedin.com/company/bearstudio/ "Linkedin")[ X (twitter) ](https://twitter.com/_BearStudio "X (twitter)")[ Facebook ](https://www.facebook.com/allyouneedisbear "Facebook")[ YouTube ](https://www.youtube.com/channel/UC-2hpnhKgU2C_OFucjEN0IA "YouTube")[ Instagram ](https://www.instagram.com/_bearstudio/ "Instagram")[ GitHub ](https://github.com/BearStudio "GitHub")[ Twitch](https://www.twitch.tv/bearstudiolive "Twitch")

Le BearStudio est supporté par la

![Region Normandie](/_astro/logo-region.BxVRy695_Z1lruBA.svg)

Créé en 2016, le BearStudio est un studio d'accompagnement de projets en R\&D : développement sur-mesure Web et mobile, études de faisabilité et audit technologique, rien ne nous effraie !

© Tous droits réservés
