Documento di test per diagrammi Mermaid

Documentation Testing

Questo documento è un file di test progettato specificamente per verificare la funzionalità di rendering dei diagrammi Mermaid nella piattaforma CZON. Il documento mostra esempi di vari tipi di diagrammi, tra cui diagrammi di flusso, diagrammi di sequenza, diagrammi di Gantt, diagrammi delle classi, diagrammi di stato e diagrammi a torta, e include un test con sintassi errata per verificare il meccanismo di gestione degli errori. Attraverso questi esempi, il documento mira a garantire che la piattaforma CZON sia in grado di analizzare e visualizzare correttamente i diagrammi Mermaid, supportando così gli utenti nella creazione e condivisione di contenuti visivi complessi. Il documento spiega anche brevemente lo scopo del test e i tipi di diagrammi inclusi, aiutando i lettori a comprenderne il valore fondamentale.
📅 2024-01-01
  • Mermaid
  • Test diagrammi
  • CZON
  • Diagramma di flusso
  • Diagramma di sequenza
  • Diagramma di Gantt
  • Diagramma delle classi
  • Diagramma di stato

Test diagrammi Mermaid

Questo è un file di test per verificare la funzionalità di rendering dei diagrammi Mermaid in CZON.

Esempio di diagramma di flusso

graph TD
    A[Inizio] --> B{Continuare?}
    B -->|Sì| C[Esegui operazione]
    B -->|No| D[Fine]
    C --> E[Controlla risultato]
    E --> F{Successo?}
    F -->|Sì| G[Completato]
    F -->|No| H[Riprova]
    H --> C
    G --> D

Esempio di diagramma di sequenza

sequenceDiagram
    participant Utente
    participant Sistema
    participant Database

    Utente->>Sistema: Invia richiesta
    Sistema->>Database: Interroga dati
    Database-->>Sistema: Restituisci risultati
    Sistema-->>Utente: Mostra risultati

Esempio di diagramma di Gantt

gantt
    title Cronologia progetto
    dateFormat  YYYY-MM-DD
    section Progettazione
    Analisi requisiti     :done,    des1, 2024-01-01, 7d
    Progettazione prototipo :active,  des2, 2024-01-08, 5d
    Progettazione dettagliata :         des3, after des2, 5d
    section Sviluppo
    Sviluppo frontend     :         dev1, after des3, 10d
    Sviluppo backend     :         dev2, after des3, 15d
    section Test
    Test unitari     :         test1, after dev1, 5d
    Test integrazione     :         test2, after dev2, 5d

Esempio di diagramma delle classi

classDiagram
    class Animale {
        +String nome
        +int età
        +void mangia()
        +void dorme()
    }
    class Cane {
        +void abbaia()
    }
    class Gatto {
        +void miagola()
    }

    Animale <|-- Cane
    Animale <|-- Gatto

Esempio di diagramma di stato

stateDiagram-v2
    [*] --> Inattivo
    Inattivo --> Elaborazione : Avvia elaborazione
    Elaborazione --> Successo : Elaborazione riuscita
    Elaborazione --> Errore : Elaborazione fallita
    Successo --> [*]
    Errore --> [*]

Esempio di diagramma a torta

pie title Utilizzo browser
    "Chrome" : 65.2
    "Firefox" : 15.3
    "Safari" : 12.5
    "Edge" : 5.2
    "Altro" : 1.8

Test sintassi errata (dovrebbe mostrare un messaggio di errore)

graph TD
    A --> B
    // Qui manca la definizione della freccia
    C --> D

Questo file di test include vari tipi di diagrammi Mermaid per verificare che l'integrazione di Mermaid in CZON funzioni correttamente.

See Also