Laissez-vous conter l'histoire de la princesse CI. L'histoire se passe dans un monde peuplé de standards de code, de tests unitaires, fonctionnels et end-to-end. Entourée de ses amis PHPCodeSniffer, PHPUnit, Behat, Eslint, Jest et Selenium, elle va se heurter à différents ennemis qui l'attendent au tournant : - L'isolation des tests end-to-end - Le split des tests sur CircleCI - Les lenteurs de chargement des fixtures - L'authentification dans les tests end-to-end - La gestion des latences API dans les tests end-to-end - La gestion de l'asynchrone avec l'arrivée dans le royaume de RabbitMQ et ElasticSearch - L'optimisation de la stack Docker Vous découvrirez comment elle va surmonter ces épreuves pour que cette histoire se termine en "happy end".

1. Optimisez votre CI
Ou les fabuleuses aventures de
princesse CI au pays des tests

2. À propos de l’auteur
Hubert LENOIR
Lead Dev @ SensioLabs
https://github.com/Jean-Beru

3. Il était une fois...

4. Contexte
2 API • 2 applications front
● API “users”
● API “medias”
● Front en ReactJS
● Admin en ReactJS

5. Tome 1 : Visite des lieux

6. Tests API
PhpCS • Security-checker •
PhpUnit • Behat
Fixtures (base + spécifique)
Behat suite
Behat profiles (Chrome, IE, WIP)
Behatch
Tags with parenthesis

7. Fixtures
Tests API
PhpCS • Security-checker •
PhpUnit • Behat

8. Behat profiles
Tests API
PhpCS • Security-checker •
PhpUnit • Behat

9. Tags with parenthesis
Tests API
PhpCS • Security-checker •
PhpUnit • Behat

10. Tags with parenthesis
Tests API
PhpCS • Security-checker •
PhpUnit • Behat

11. Tests Front
ESLint • Yarn audit • Jest
Enzyme
Mount / Shallow

12. Tests end-to-end
Behat • Selenium • BrowserStack
Selenium
Tests sur IE11 ou Edge

13. Tests end-to-end
Behat • Selenium • BrowserStack
BrowserStack

14. Intégration
Continue
CircleCI
Artifacts : Screenshots
Artifacts : Logs API
Tag @wip via API
Auto-cancel redundant builds

15. Artifacts
Intégration
Continue
CircleCI

16. API CircleCI
Intégration
Continue
CircleCI

17. Tome 2 : Regrouper pour mieux tester

18. Regrouper les tests par sous-projet

19. Héberger les images Docker

20. Tome 3 : Trahison

21. Isolation des tests end-to-end

22. Splitter et prioriser les tests

23. Gérer l’asynchrone
ElasticSearch
?refresh=wait_for
RabbitMQ
SwarrotSwarrotBundleBrokerBlackholePublisher
Call API (interne / externe)
CsaGuzzleBundle

24. Tome 4 : Sleeping CI

25. Ça fonctionne mais...
Zzz...
CIDév Sommeil profond

26. Contourner l’authentification
Via le formulaire de login
POST /login
Stocker le token côté client en JS
Tester le formulaire

27. Dump/restore des fixtures
Premier test :
Chargement des fixtures
Dump MongoDB
Snapshot ES
Tests suivants :
Restore MongoDB
Restore ES snapshot

28. Tome 5 : La revanche

29. Grouper ses containers
Prod
2 Nginx
2 API
2 MongoDB
2 ReactJS
1 Redis
1 ElasticSearch
1 LogStash
Test
2 Nginx
2 API
2 MongoDB
2 ReactJS
1 Redis
1 ElasticSearch
1 LogStash
Test
2 ReactJS

30. Chrome headless + facebook/php-webdriver
Chrome plus léger
facebook/php-webdriver : aucune dépendance à Selenium !

31. Chrome headless + facebook/php-webdriver

32. -10% *
* Offre soumise à conditions, sous réserve d'éligibilité. Gain moyen observé pour une step CircleCI donnée. Ce slide ne garantit pas un tel gain si vous faites
de même sur votre projet. Ne mangez pas trop gras, trop sucré, trop salé.
Chrome headless + facebook/php-webdriver

33. The end (to end)
Et ils vécurent heureux et eurent plein
d’autres tests

34. The end
Artifacts
Grouper les tests “rapides”
Prioriser
Isoler
Héberger ses images Docker
Exporter ses fixtures
Utiliser Panther / FacebookWebDriver

35. Merci de votre attention

36. Prochainement....

37. Prochainement...
Utiliser tmpfs
Ne plus bypasser RabbitMQ ou LogStash (auto-consume, reply middleware...)
Avoir du cache Docker ($$$)
Lancer les tests en fonction des fichiers modifiés (front / back)
Environnement test !== e2e

38. Merci de votre attention
Et cette fois-ci c’est bel et bien fini !