Visão geral
Para criar uma extensão robusta para o Discourse, pode ser sábio incluir Integração Contínua (CI) no seu plugin ou componente de tema. Isso ajudará a detectar erros precocemente e reduzirá as chances de bugs no seu código.
Configurar um fluxo de trabalho de CI usando GitHub Actions para automatizar builds e testes é uma abordagem que a equipe do Discourse utiliza em todos os nossos componentes, e recomendamos que você faça o mesmo.
Configuração
Para adicionar fluxos de trabalho automatizados para detecção via GitHub Actions, você precisa criar uma pasta .github/workflows no diretório raiz do seu repositório.
Dentro da pasta workflows, você pode definir um conjunto de automações que o GitHub Actions precisará executar. Por exemplo, esses podem ser arquivos .yml para linting e testes.
Criamos fluxos de trabalho de modelo tanto para plugins quanto para componentes de tema, que você pode utilizar. Esses se conectam às nossas definições de ‘fluxo de trabalho reutilizável’ aqui.
No repositório de modelo do esqueleto, no GitHub, você pode clicar no botão Usar este modelo para criar um repositório de plugin/componente de tema baseado no modelo.
Alternativamente, se você já tem um projeto ao qual deseja adicionar os fluxos de trabalho, basta copiar o fluxo de trabalho relevante para a pasta .github/workflows/ do seu repositório:
Plugins: discourse-plugin.yml
Temas e Componentes de Tema: discourse-theme.yml
Esses modelos estão vinculados a uma versão principal específica dos nossos fluxos de trabalho reutilizáveis. Pequenas melhorias que fazemos nos fluxos de trabalho terão efeito automático no seu tema/plugin. Para mudanças que quebram a compatibilidade (por exemplo, introduzindo um novo linter), aumentaremos a versão principal dos fluxos de trabalho reutilizáveis, e você precisará atualizar seu fluxo de trabalho para apontar para a nova versão.
Voilà! Tudo pronto! Basta criar um commit ou um PR para o seu repositório e o GitHub Actions detectará automaticamente os fluxos de trabalho e começará a executar os jobs.
O GitHub Actions exibirá um resumo de cada teste e, após a execução, indicará um
ou
dependendo se o teste foi aprovado ou reprovado.
Se um teste falhar, clicar nos detalhes fornecerá algumas informações sobre o que falhou, o que pode dar pistas sobre o que está errado no seu código e o que precisa ser corrigido.
Adicione seus próprios testes
Para que os testes de plugins e componentes funcionem de forma eficaz, é importante que você escreva testes para o seu plugin ou componente de tema.
Para detalhes sobre como escrever testes de front-end com EmberJS, veja:
- Write acceptance tests and component tests for Ember code in Discourse
- Introduction - Testing - Ember Guides
Para mais detalhes sobre a escrita de testes RSpec com Rails, veja:
Exemplos
Para seu benefício, selecionamos alguns exemplos de plugins e componentes de tema que possuem testes robustos integrados:
| Plugin / Componente | Testes no Lado do Cliente | Testes no Lado do Servidor |
|---|---|---|
| Assign | ||
| Calendar | ||
| Reactions | ||
| Right Sidebar Blocks | ||
| Tag Icons | ||
| Table Builder |
Este documento é controlado por versão - sugira alterações no github.
