Test en mode Headless
Le projet comporte une ébauche de Design System qui va s'étoffer au fur et à mesure. L'objectif de valider automatiquement que les composants "stables" ne sont pas impactés par des modifs. Pour cela, il est possible de piloter les navigateurs en mode headless et fournir un imprim écran d'une page.
Pour chrome
chromium-browser --headless --disable-gpu --screenshot --window-size=1280,1696 http://127.0.0.1:5000/ds
Pour Firefox
firefox --headless --disable-gpu --screenshot --window-size=1280,1696 http://127.0.0.1:5000/ds
L'idée serait donc de piloter en mode :
- record : on sait pertinemment que le screenshot va changer et on veut l'écraser
- replay : on souhaite comparer le dernier screenshot avec celui généré à partir des sources. Si ils diffèrent, le test casse. C'est bien évidement le mode "replay" qui sera utilisé dans le cadre de la CI.