J’ai remarqué aujourd’hui, en créant des tests QUnit pour un plugin, que les feuilles de style du plugin n’étaient pas accessibles à la suite de tests QUnit.
Il a fallu un long et sinueux chemin pour comprendre que mes tests échouaient parce qu’ils dépendaient de certaines styles appliqués aux éléments de l’interface utilisateur.
En particulier, j’appliquais une classe active à un élément parmi un ensemble dans un bloc {{#each}} d’Ember. Tous les éléments de liste non actifs étaient masqués, et seul l’élément « actif » était visible.
Je reconnais que cela pourrait être une mauvaise pratique, car cela ajoute plus à l’arborescence HTML/composant que nécessaire. J’ai donc refactorisé le code pour qu’Ember ne rende que l’élément actif unique au lieu de parcourir la liste.
Quoi qu’il en soit, je fais principalement ce post pour documenter que les tests QUnit (du moins pour les plugins) ne devraient pas dépendre de styles définis par le plugin.