Mermaid-diagramtestdokument

Documentation Testing

Dette dokumentet er en testfil spesielt utviklet for å validere Mermaid-diagramgengivelsesfunksjonaliteten i CZON-plattformen. Dokumentet viser eksempler på flere diagramtyper som flytskjemaer, sekvensdiagrammer, Gantt-diagrammer, klassediagrammer, tilstandsdiagrammer og kakediagrammer, og inkluderer en testsyntaksfeil for å validere feilhåndteringsmekanismen. Gjennom disse eksemplene har dokumentet som mål å sikre at CZON-plattformen kan parse og vise Mermaid-diagrammer korrekt, og dermed støtte brukere i å opprette og dele komplekse visuelle innhold. Dokumentet forklarer også kort formålet med testen og de inkluderte diagramtypene, for å hjelpe leseren med å forstå dens kjerneverdi.
📅 2024-01-01
  • Mermaid
  • Diagramtesting
  • CZON
  • Flytskjema
  • Sekvensdiagram
  • Gantt-diagram
  • Klassediagram
  • Tilstandsdiagram

Mermaid-diagramtesting

Dette er en testfil for å validere Mermaid-diagramgengivelsesfunksjonaliteten i CZON.

Eksempel på flytskjema

graph TD
    A[Start] --> B{Fortsette?}
    B -->|Ja| C[Utfør handling]
    B -->|Nei| D[Avslutt]
    C --> E[Sjekk resultat]
    E --> F{Vellykket?}
    F -->|Ja| G[Fullført]
    F -->|Nei| H[Prøv på nytt]
    H --> C
    G --> D

Eksempel på sekvensdiagram

sequenceDiagram
    participant Bruker
    participant System
    participant Database

    Bruker->>System: Send forespørsel
    System->>Database: Spør etter data
    Database-->>System: Returner resultat
    System-->>Bruker: Vis resultat

Eksempel på Gantt-diagram

gantt
    title Prosjekttidsplan
    dateFormat  YYYY-MM-DD
    section Design
    Kravanalyse     :done,    des1, 2024-01-01, 7d
    Prototypedesign :active,  des2, 2024-01-08, 5d
    Detaljert design:         des3, after des2, 5d
    section Utvikling
    Frontend-utvikling :         dev1, after des3, 10d
    Backend-utvikling  :         dev2, after des3, 15d
    section Testing
    Enhetstesting     :         test1, after dev1, 5d
    Integrasjonstesting:         test2, after dev2, 5d

Eksempel på klassediagram

classDiagram
    class Animal {
        +String name
        +int age
        +void eat()
        +void sleep()
    }
    class Dog {
        +void bark()
    }
    class Cat {
        +void meow()
    }

    Animal <|-- Dog
    Animal <|-- Cat

Eksempel på tilstandsdiagram

stateDiagram-v2
    [*] --> Inaktiv
    Inaktiv --> Behandler : Start behandling
    Behandler --> Suksess : Behandling vellykket
    Behandler --> Feil : Behandling mislyktes
    Suksess --> [*]
    Feil --> [*]

Eksempel på kakediagram

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

Testsyntaksfeil (skal vise feilmelding)

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

Denne testfilen inneholder flere Mermaid-diagramtyper for å validere om CZONs Mermaid-integrasjon fungerer som forventet.

See Also