Documento de Teste de Gráficos Mermaid

Documentation Testing

Este documento é um arquivo de teste projetado especificamente 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, gráficos de Gantt, diagramas de classes, diagramas de estado e gráficos de pizza, além de conter um teste de sintaxe incorreta para verificar o mecanismo de tratamento de erros. Através desses exemplos, o documento visa garantir que a plataforma CZON possa analisar e exibir corretamente os gráficos Mermaid, apoiando assim os usuários na criação e compartilhamento de conteúdo visual complexo. O documento também explica brevemente o propósito do teste e os tipos de gráficos incluídos, ajudando os leitores a entender seu valor central.
📅 2024-01-01
  • Mermaid
  • Teste de Gráficos
  • CZON
  • Fluxograma
  • Diagrama de Sequência
  • Gráfico de Gantt
  • Diagrama de Classes
  • Diagrama de Estado

Teste de Gráficos Mermaid

Este é um arquivo 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[Tentar Novamente]
    H --> C
    G --> D

Exemplo de Diagrama de Sequência

sequenceDiagram
    participant Usuário
    participant Sistema
    participant Banco de Dados

    Usuário->>Sistema: Enviar Solicitação
    Sistema->>Banco de Dados: Consultar Dados
    Banco de Dados-->>Sistema: Retornar Resultados
    Sistema-->>Usuário: Exibir Resultados

Exemplo de Gráfico 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 Front-end :         dev1, after des3, 10d
    Desenvolvimento Back-end  :         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 Cachorro {
        +void latir()
    }
    class Gato {
        +void miar()
    }

    Animal <|-- Cachorro
    Animal <|-- Gato

Exemplo de Diagrama de Estado

stateDiagram-v2
    [*] --> Inativo
    Inativo --> Processando : Iniciar Processamento
    Processando --> Sucesso : Processamento Bem-sucedido
    Processando --> Erro : Falha no Processamento
    Sucesso --> [*]
    Erro --> [*]

Exemplo de Gráfico de Pizza

pie title Uso de Navegadores
    "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
    // Definição de seta ausente aqui
    C --> D

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

See Also