Mermaid-kaavioiden testidokumentti

Documentation Testing

Tämä dokumentti on testitiedosto, joka on erityisesti suunniteltu CZON-alustan Mermaid-kaavioiden renderöintitoiminnon vahvistamiseen. Dokumentti esittelee esimerkkejä useista kaaviotyypeistä, kuten vuokaavioista, sekvenssikaavioista, Gantt-kaavioista, luokkakaavioista, tilakaavioista ja ympyräkaavioista, ja sisältää myös virheellisen syntaksin testauksen virheenkäsittelymekanismin varmistamiseksi. Näiden esimerkkien avulla dokumentti pyrkii varmistamaan, että CZON-alusta pystyy oikein jäsentämään ja näyttämään Mermaid-kaavioita, mikä tukee käyttäjiä monimutkaisten visualisointien luomisessa ja jakamisessa. Dokumentti selittää myös lyhyesti testauksen tarkoituksen ja sisältämät kaaviotyypit, auttaen lukijaa ymmärtämään sen keskeisen arvon.
📅 2024-01-01
  • Mermaid
  • Kaaviotestaus
  • CZON
  • Vuokaavio
  • Sekvenssikaavio
  • Gantt-kaavio
  • Luokkakaavio
  • Tilakaavio

Mermaid-kaavioiden testaus

Tämä on testitiedosto, jolla varmistetaan CZON-alustan Mermaid-kaavioiden renderöintitoiminto.

Vuokaavio-esimerkki

graph TD
    A[Aloita] --> B{Jatketaanko?}
    B -->|Kyllä| C[Suorita toiminto]
    B -->|Ei| D[Lopeta]
    C --> E[Tarkista tulos]
    E --> F{Onnistuiko?}
    F -->|Kyllä| G[Valmis]
    F -->|Ei| H[Yritä uudelleen]
    H --> C
    G --> D

Sekvenssikaavio-esimerkki

sequenceDiagram
    participant Käyttäjä
    participant Järjestelmä
    participant Tietokanta

    Käyttäjä->>Järjestelmä: Lähetä pyyntö
    Järjestelmä->>Tietokanta: Kysely tietoihin
    Tietokanta-->>Järjestelmä: Palauta tulos
    Järjestelmä-->>Käyttäjä: Näytä tulos

Gantt-kaavio-esimerkki

gantt
    title Projektin aikataulu
    dateFormat  YYYY-MM-DD
    section Suunnittelu
    Vaatimusanalyysi     :done,    des1, 2024-01-01, 7d
    Prototyypin suunnittelu     :active,  des2, 2024-01-08, 5d
    Yksityiskohtainen suunnittelu     :         des3, after des2, 5d
    section Kehitys
    Frontend-kehitys     :         dev1, after des3, 10d
    Backend-kehitys     :         dev2, after des3, 15d
    section Testaus
    Yksikkötestaus     :         test1, after dev1, 5d
    Integraatiotestaus     :         test2, after dev2, 5d

Luokkakaavio-esimerkki

classDiagram
    class Eläin {
        +String nimi
        +int ikä
        +void syö()
        +void nukkuu()
    }
    class Koira {
        +void hauku()
    }
    class Kissa {
        +void nauku()
    }

    Eläin <|-- Koira
    Eläin <|-- Kissa

Tilakaavio-esimerkki

stateDiagram-v2
    [*] --> Lepotila
    Lepotila --> Käsittely : Aloita käsittely
    Käsittely --> Onnistuminen : Käsittely onnistui
    Käsittely --> Virhe : Käsittely epäonnistui
    Onnistuminen --> [*]
    Virhe --> [*]

Ympyräkaavio-esimerkki

pie title Selainten käyttöosuudet
    "Chrome" : 65.2
    "Firefox" : 15.3
    "Safari" : 12.5
    "Edge" : 5.2
    "Muut" : 1.8

Virheellisen syntaksin testaus (pitäisi näyttää virheilmoitus)

graph TD
    A --> B
    // Täältä puuttuu nuolen määritelmä
    C --> D

Tämä testitiedosto sisältää useita Mermaid-kaaviotyyppejä, joilla varmistetaan, että CZON-alustan Mermaid-integraatio toimii oikein.

See Also