Panoramica
Per creare un’estensione robusta per Discourse, può essere utile integrare l’Integrazione Continua (CI) nel tuo plugin o componente del tema. Questo aiuterà a rilevare gli errori in fase iniziale e ridurrà le probabilità di bug nel tuo codice.
Configurare un flusso di lavoro di CI utilizzando GitHub Actions per automatizzare build e test è un approccio che il team di Discourse utilizza per tutti i nostri componenti, e ti consigliamo di fare lo stesso.
Configurazione
Per aggiungere flussi di lavoro automatizzati per GitHub Actions che rilevino gli errori, devi creare una cartella .github/workflows nella directory principale del tuo repository.
All’interno della cartella workflows puoi definire un insieme di automazioni che GitHub Actions dovrà eseguire. Ad esempio, potrebbero essere file .yml per linting e test.
Abbiamo creato flussi di lavoro modello sia per i plugin che per i componenti del tema che puoi utilizzare. Questi si collegano alle nostre definizioni di “flusso di lavoro riutilizzabile” qui.
Nel repository modello, su GitHub, puoi fare clic sul pulsante Usa questo modello per creare un repository di plugin o componente del tema basato sul modello.
In alternativa, se hai già un progetto a cui desideri aggiungere i flussi di lavoro, copia semplicemente il flusso di lavoro pertinente nella cartella .github/workflows/ del tuo repository:
Plugin: discourse-plugin.yml
Temi e Componenti del Tema: discourse-theme.yml
Questi modelli sono bloccati a una specifica versione principale dei nostri flussi di lavoro riutilizzabili. I piccoli miglioramenti che apportiamo ai flussi di lavoro avranno automaticamente effetto nel tuo tema/plugin. Per le modifiche che rompono la compatibilità (ad esempio, l’introduzione di un nuovo linter), incrementeremo la versione principale dei flussi di lavoro riutilizzabili e dovrai aggiornare il tuo flusso di lavoro per puntare alla nuova versione.
Ecco fatto! Tutto è pronto! Crea semplicemente un commit o un PR nel tuo repository e GitHub Actions rileverà automaticamente i flussi di lavoro e inizierà a eseguire i job.
GitHub Actions mostrerà una suddivisione di ogni test e, dopo l’esecuzione, indicherà un
o una
a seconda che il test sia passato o fallito.
Se un test fallisce, cliccando sui dettagli otterrai alcune informazioni su cosa è fallito, che potrebbero fornirti indizi su cosa non va nel tuo codice e cosa deve essere corretto.
Aggiungi i tuoi test
Affinché i test per plugin e componenti funzionino efficacemente, è importante che tu scriva test per il tuo plugin o componente del tema.
Per i dettagli su come scrivere test front-end con EmberJS, vedi:
- Write acceptance tests and component tests for Ember code in Discourse
- Introduction - Testing - Ember Guides
Per ulteriori dettagli sulla scrittura di test RSpec con Rails, vedi:
Esempi
Per tua comodità, abbiamo selezionato alcuni esempi di plugin e componenti del tema che dispongono di test robusti integrati:
| Plugin / Componente | Test lato Client | Test lato Server |
|---|---|---|
| Assign | ||
| Calendar | ||
| Reactions | ||
| Right Sidebar Blocks | ||
| Tag Icons | ||
| Table Builder |
Questo documento è controllato dalla versione: suggerisci modifiche su GitHub.
