Documento de Teste de Gráficos Mermaid

Documentation Testing

Este documento é um ficheiro de teste, especificamente concebido para validar a funcionalidade de renderização de gráficos Mermaid na plataforma CZON. O documento apresenta exemplos de vários tipos de gráficos, incluindo fluxogramas, diagramas de sequência, diagramas de Gantt, diagramas de classes, diagramas de estado e gráficos de setores, e inclui um teste de sintaxe incorreta para verificar o mecanismo de tratamento de erros. Através destes exemplos, o documento visa garantir que a plataforma CZON consegue analisar e exibir corretamente os gráficos Mermaid, apoiando assim os utilizadores na criação e partilha de conteúdos visuais complexos. O documento também explica brevemente o objetivo do teste e os tipos de gráficos incluídos, ajudando o leitor a compreender o seu valor central.
📅 2024-01-01
  • Mermaid
  • Teste de Gráficos
  • CZON
  • Fluxograma
  • Diagrama de Sequência
  • Diagrama de Gantt
  • Diagrama de Classes
  • Diagrama de Estado

Teste de Gráficos Mermaid

Este é um ficheiro de teste para validar a funcionalidade de renderização de gráficos Mermaid no CZON.

Exemplo de Fluxograma

graph TD
    A[Início] --> B{Continuar?}
    B -->|Sim| C[Executar Ação]
    B -->|Não| D[Fim]
    C --> E[Verificar Resultado]
    E --> F{Sucesso?}
    F -->|Sim| G[Concluído]
    F -->|Não| H[Repetir]
    H --> C
    G --> D

Exemplo de Diagrama de Sequência

sequenceDiagram
    participant Utilizador
    participant Sistema
    participant Base de Dados

    Utilizador->>Sistema: Submeter Pedido
    Sistema->>Base de Dados: Consultar Dados
    Base de Dados-->>Sistema: Devolver Resultado
    Sistema-->>Utilizador: Mostrar Resultado

Exemplo de Diagrama de Gantt

gantt
    title Cronograma do Projeto
    dateFormat  YYYY-MM-DD
    section Design
    Análise de Requisitos     :done,    des1, 2024-01-01, 7d
    Design do Protótipo       :active,  des2, 2024-01-08, 5d
    Design Detalhado          :         des3, after des2, 5d
    section Desenvolvimento
    Desenvolvimento Frontend  :         dev1, after des3, 10d
    Desenvolvimento Backend   :         dev2, after des3, 15d
    section Testes
    Testes Unitários          :         test1, after dev1, 5d
    Testes de Integração      :         test2, after dev2, 5d

Exemplo de Diagrama de Classes

classDiagram
    class Animal {
        +String nome
        +int idade
        +void comer()
        +void dormir()
    }
    class Cão {
        +void ladrar()
    }
    class Gato {
        +void miar()
    }

    Animal <|-- Cão
    Animal <|-- Gato

Exemplo de Diagrama de Estado

stateDiagram-v2
    [*] --> Inativo
    Inativo --> Em Processamento : Iniciar Processamento
    Em Processamento --> Sucesso : Processamento Bem-Sucedido
    Em Processamento --> Erro : Processamento Falhou
    Sucesso --> [*]
    Erro --> [*]

Exemplo de Gráfico de Setores

pie title Taxa de Utilização do Navegador
    "Chrome" : 65.2
    "Firefox" : 15.3
    "Safari" : 12.5
    "Edge" : 5.2
    "Outros" : 1.8

Teste de Sintaxe Incorreta (deve exibir mensagem de erro)

graph TD
    A --> B
    // Falta definição da seta aqui
    C --> D

Este ficheiro de teste inclui vários tipos de gráficos Mermaid para verificar se a integração do Mermaid no CZON está a funcionar corretamente.

See Also