Aperçu
Pour créer une extension robuste pour Discourse, il peut être judicieux d’intégrer l’intégration continue (CI) à votre plugin ou composant de thème. Cela permettra de détecter les erreurs dès le début et de réduire les risques de bugs dans votre code.
Configurer un flux de travail d’[abbr title=“Intégration Continue”]CI[/abbr] en utilisant GitHub Actions pour automatiser les builds et les tests est une approche adoptée par l’équipe Discourse pour tous nos composants, et nous vous recommandons de faire de même.
Configuration
Pour ajouter des flux de travail automatisés pour GitHub Actions afin de détecter les problèmes, 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 GitHub Actions devra exécuter. Par exemple, il peut s’agir de fichiers .yml pour le linting et les tests.
Nous avons créé des flux de travail modèles pour les plugins et les composants de thème que vous pouvez utiliser. Ces flux de travail sont connectés à 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 Utiliser ce modèle pour créer un dépôt de plugin/composant de thème basé sur le modèle.
Sinon, si vous avez déjà un projet auquel vous souhaitez ajouter des 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 s’appliqueront automatiquement à 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à ! Tout est prêt ! Il vous suffit de créer un commit ou une [abbr title=“Demande de tirage”]PR[/abbr] vers votre dépôt, et GitHub Actions détectera automatiquement les flux de travail et commencera à exécuter les tâches.
GitHub Actions affichera une ventilation de chaque test et, après exécution, indiquera soit un
soit une
, selon que le test a réussi ou échoué.
Si un test échoue, cliquer sur les détails vous donnera des informations sur ce qui a échoué, ce qui peut vous donner des indices sur ce qui ne va pas dans votre code et ce qui doit être corrigé.
Ajouter vos propres tests
Pour que les tests des plugins et des composants fonctionnent efficacement, il est important que vous écriviez des tests pour votre plugin ou votre 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 confort, 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 versionné - proposez des modifications sur GitHub.
