Aperçu
Pour créer une extension robuste pour Discourse, il est judicieux d’inclure l’Intégration Continue (IC) dans votre plugin ou composant de thème. Cela aidera à détecter les erreurs tôt et à réduire les chances de bogues dans votre code.
La configuration d’un flux de travail d’IC utilisant GitHub Actions pour automatiser les constructions et les tests est une approche que l’équipe Discourse utilise sur tous nos composants, et nous vous recommandons de faire de même.
Configuration
Pour ajouter des flux de travail automatisés pour la détection par les actions GitHub, vous devez créer un dossier .github/workflows dans le répertoire racine de votre dépôt.
À l’intérieur du dossier workflows, vous pouvez définir un ensemble d’automatisations que les actions GitHub devront exécuter. Par exemple, il pourrait s’agir de fichiers .yml pour le lintage et les tests.
Nous avons créé des modèles de flux de travail pour les plugins et les composants de thème dont vous pouvez vous servir. Ceux-ci se connectent à nos définitions de « flux de travail réutilisables » ici.
Dans le dépôt squelette du modèle, sur GitHub, vous pouvez cliquer sur le bouton Use this template pour créer un dépôt de plugin/composant de thème basé sur le modèle.
Alternativement, si vous avez déjà un projet auquel vous souhaitez ajouter les flux de travail, copiez simplement le flux de travail pertinent dans le dossier .github/workflows/ de votre dépôt :
Plugins : discourse-plugin.yml
Thèmes et Composants de Thème : discourse-theme.yml
Ces modèles sont verrouillés sur une version majeure spécifique de nos flux de travail réutilisables. Les petites améliorations que nous apportons aux flux de travail prendront effet automatiquement dans votre thème/plugin. Pour les changements majeurs (par exemple, l’introduction d’un nouveau linter), nous augmenterons la version majeure des flux de travail réutilisables, et vous devrez mettre à jour votre flux de travail pour pointer vers la nouvelle version.
Voilà ! Vous êtes prêt ! Créez simplement un commit ou une PR vers votre dépôt et les actions GitHub détecteront automatiquement les flux de travail et commenceront à exécuter les tâches.
Les actions GitHub afficheront une ventilation de chaque test et, après l’exécution, indiqueront soit
soit
selon que le test a réussi ou échoué.
Si un test a échoué, cliquer sur les détails vous donnera des informations sur ce qui a échoué, ce qui pourrait vous donner des indices sur ce qui ne va pas avec votre code et ce qui doit être corrigé.
Ajoutez vos propres tests
Pour que les tests de plugins et de composants fonctionnent efficacement, il est important que vous écriviez des tests pour votre plugin ou composant de thème.
Pour plus de détails sur la façon d’écrire des tests front-end avec EmberJS, consultez :
- Write acceptance tests and component tests for Ember code in Discourse
- Introduction - Testing - Ember Guides
Pour plus de détails sur l’écriture de tests RSpec avec Rails, consultez :
Exemples
Pour votre bénéfice, nous avons sélectionné quelques exemples de plugins et de composants de thème qui intègrent des tests robustes :
| Plugin / Composant | Tests Côté Client | Tests Côté Serveur |
|---|---|---|
| Assign | ||
| Calendar | ||
| Reactions | ||
| Right Sidebar Blocks | ||
| Tag Icons | ||
| Table Builder |
Ce document est contrôlé par version - suggérez des modifications sur github.
