Visão Geral
Para criar uma extensão robusta para o Discourse, pode ser inteligente incluir Integração Contínua (CI) em 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.
Configurando
Para adicionar fluxos de trabalho automatizados para o GitHub Actions detectar, 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 modelo tanto para plugins quanto para componentes de tema, que você pode utilizar. Eles se conectam às nossas definições de “fluxo de trabalho reutilizável” aqui.
No repositório esqueleto do modelo, no GitHub, você pode clicar no botão Usar este modelo para criar um repositório de plugin/componete 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 travados em uma versão específica major dos nossos fluxos de trabalho reutilizáveis. Pequenas melhorias que fazemos nos fluxos de trabalho entrarão em vigor automaticamente no seu tema/plugin. Para mudanças quebradas (por exemplo, introduzir um novo linter), aumentaremos a versão major dos fluxos de trabalho reutilizáveis, e você precisará atualizar seu fluxo de trabalho para apontar para a nova versão
Pronto! Você está configurado! Simplesmente, crie um commit ou um PR para seu repositório e o GitHub Actions detectará automaticamente os fluxos de trabalho e começará a executar as tarefas.
O GitHub Actions mostrará uma divisão de cada teste e, após a execução, indicará um
ou
, dependendo se o teste passou ou falhou.
Se um teste falhar, clicar nos detalhes fornecerá algumas informações sobre o que falhou, o que pode dar a você 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 efetivamente, é importante que você escreva testes para seu plugin ou componente de tema.
Para detalhes sobre como escrever testes front-end com EmberJS, veja:
- Write acceptance tests and component tests for Ember code in Discourse
- Introduction - Testing - Ember Guides
Para mais detalhes sobre como escrever 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 do Lado do Cliente | Testes do Lado do Servidor |
|---|---|---|
| Assign | ||
| Calendar | ||
| Reactions | ||
| Right Sidebar Blocks | ||
| Tag Icons | ||
| Table Builder |
Este documento está sob controle de versão - sugira alterações no GitHub.
