Quelles sont les techniques utilisées pour tester le code CSS?

Question

Nous avons quelques applications internes qui réutiliseront la même base de code CSS. Fondamentalement, ces fichiers CSS sont des fichiers SCSS et nous utilisons massivement Twitter Bootstrap pour réduire le développement. Mais avec plus d'applications internes utilisant ces feuilles de style, je me demande quelles sont les pratiques que nous pouvons mettre en œuvre pour nous assurer de ne pas casser les applications dépendantes avec nos versions internes.

Ma question est la suivante:

Quelles sont les différentes façons de tester le code CSS grâce à l'automatisation en cas de?

Answer 1

Nous sommes dans un bateau similaire; une petite équipe gérant une bibliothèque de composants CSS utilisée dans toutes les applications de l'entreprise. Il est essentiel que nous produisions un code de qualité et que nous disposions de plusieurs techniques pour y parvenir. Cela commence par tester la validation du code à l'aide du validateur CSS W3C, puis passer au test des normes de codage en utilisant CSSLint. Une fois que nous avons ramifié pour une version, nous effectuons des tests de régression visuelle en utilisant PhantomCSS ce qui est génial, mais se limite à être capable de tester la régression dans un navigateur WebKit sans tête. Je crois que Selenium serait une meilleure option car il peut s'interfacer directement avec le navigateur actuel, ce qui signifie qu'il peut être utilisé pour tester dans les navigateurs WebKit réels, IE et tout ce que vous voulez prendre en charge. J'ai trouvé les tests de sélénium difficiles à mettre en place (je ne suis pas un programmeur) et j'espère que le Automated CSS Testing talk au Sommet CSS aidera à combler les lacunes.