Mermaid-diagramtestdokument

Documentation Testing

Dette dokument er en testfil, der specifikt er designet til at validere Mermaid-diagramgengivelsesfunktionen i CZON-platformen. Dokumentet viser eksempler på flere diagramtyper, herunder flowdiagrammer, sekvensdiagrammer, Gantt-diagrammer, klassediagrammer, tilstandsdiagrammer og lagkagediagrammer, og indeholder en testsyntaksfejl for at validere fejlhåndteringsmekanismen. Gennem disse eksempler sigter dokumentet mod at sikre, at CZON-platformen korrekt kan fortolke og vise Mermaid-diagrammer, og dermed understøtte brugerne i at oprette og dele komplekst visuelt indhold. Dokumentet forklarer også kort testens formål og de inkluderede diagramtyper, hvilket hjælper læseren med at forstå dets kerneværdi.
📅 2024-01-01
  • Mermaid
  • Diagramtest
  • CZON
  • Flowdiagram
  • Sekvensdiagram
  • Gantt-diagram
  • Klassediagram
  • Tilstandsdiagram

Mermaid-diagramtest

Dette er en testfil til validering af Mermaid-diagramgengivelsesfunktionen i CZON.

Flowdiagram-eksempel

graph TD
    A[Start] --> B{Skal der fortsættes?}
    B -->|Ja| C[Udfør handling]
    B -->|Nej| D[Afslut]
    C --> E[Tjek resultat]
    E --> F{Var det en succes?}
    F -->|Ja| G[Fuldført]
    F -->|Nej| H[Prøv igen]
    H --> C
    G --> D

Sekvensdiagram-eksempel

sequenceDiagram
    participant Bruger
    participant System
    participant Database

    Bruger->>System: Indsend anmodning
    System->>Database: Forespørg data
    Database-->>System: Returner resultat
    System-->>Bruger: Vis resultat

Gantt-diagram-eksempel

gantt
    title Projekt tidsplan
    dateFormat  YYYY-MM-DD
    section Design
    Kravanalyse     :done,    des1, 2024-01-01, 7d
    Prototypedesign :active,  des2, 2024-01-08, 5d
    Detaljeret design :         des3, after des2, 5d
    section Udvikling
    Frontend-udvikling :         dev1, after des3, 10d
    Backend-udvikling  :         dev2, after des3, 15d
    section Test
    Enhedstest     :         test1, after dev1, 5d
    Integrationstest :         test2, after dev2, 5d

Klassediagram-eksempel

classDiagram
    class Dyr {
        +String navn
        +int alder
        +void spis()
        +void sov()
    }
    class Hund {
        +void gø()
    }
    class Kat {
        +void mjav()
    }

    Dyr <|-- Hund
    Dyr <|-- Kat

Tilstandsdiagram-eksempel

stateDiagram-v2
    [*] --> Inaktiv
    Inaktiv --> Behandler : Start behandling
    Behandler --> Succes : Behandling lykkedes
    Behandler --> Fejl : Behandling mislykkedes
    Succes --> [*]
    Fejl --> [*]

Lagkagediagram-eksempel

pie title Browserbrugsandel
    "Chrome" : 65.2
    "Firefox" : 15.3
    "Safari" : 12.5
    "Edge" : 5.2
    "Andre" : 1.8

Fejlsyntakstest (bør vise fejlmeddelelse)

graph TD
    A --> B
    // Mangler pildedefinition her
    C --> D

Denne testfil indeholder flere Mermaid-diagramtyper til validering af, om CZONs Mermaid-integration fungerer korrekt.

See Also