Dokument testowy diagramów Mermaid

Documentation Testing

Ten dokument jest plikiem testowym, stworzonym specjalnie w celu weryfikacji funkcji renderowania diagramów Mermaid na platformie CZON. Dokument prezentuje przykłady różnych typów diagramów, takich jak schematy blokowe, diagramy sekwencji, diagramy Gantta, diagramy klas, diagramy stanów i wykresy kołowe, oraz zawiera test błędnej składni w celu sprawdzenia mechanizmu obsługi błędów. Poprzez te przykłady, dokument ma na celu zapewnienie, że platforma CZON może poprawnie parsować i wyświetlać diagramy Mermaid, wspierając tym samym użytkowników w tworzeniu i udostępnianiu złożonych treści wizualnych. Dokument krótko wyjaśnia również cel testów i zawarte typy diagramów, pomagając czytelnikowi zrozumieć jego kluczową wartość.
📅 2024-01-01
  • Mermaid
  • Test diagramów
  • CZON
  • Schemat blokowy
  • Diagram sekwencji
  • Diagram Gantta
  • Diagram klas
  • Diagram stanów

Test diagramów Mermaid

To jest plik testowy służący do weryfikacji funkcji renderowania diagramów Mermaid w CZON.

Przykład schematu blokowego

graph TD
    A[Start] --> B{Czy kontynuować?}
    B -->|Tak| C[Wykonaj operację]
    B -->|Nie| D[Koniec]
    C --> E[Sprawdź wynik]
    E --> F{Czy sukces?}
    F -->|Tak| G[Zakończono]
    F -->|Nie| H[Ponów próbę]
    H --> C
    G --> D

Przykład diagramu sekwencji

sequenceDiagram
    participant Użytkownik
    participant System
    participant BazaDanych

    Użytkownik->>System: Wyślij żądanie
    System->>BazaDanych: Zapytaj o dane
    BazaDanych-->>System: Zwróć wynik
    System-->>Użytkownik: Wyświetl wynik

Przykład diagramu Gantta

gantt
    title Harmonogram projektu
    dateFormat  YYYY-MM-DD
    section Projektowanie
    Analiza wymagań     :done,    des1, 2024-01-01, 7d
    Projekt prototypu   :active,  des2, 2024-01-08, 5d
    Projekt szczegółowy :         des3, after des2, 5d
    section Rozwój
    Rozwój frontendu    :         dev1, after des3, 10d
    Rozwój backendu     :         dev2, after des3, 15d
    section Testy
    Testy jednostkowe   :         test1, after dev1, 5d
    Testy integracyjne  :         test2, after dev2, 5d

Przykład diagramu klas

classDiagram
    class Zwierzę {
        +String imię
        +int wiek
        +void jedz()
        +void śpij()
    }
    class Pies {
        +void szczekaj()
    }
    class Kot {
        +void miaucz()
    }

    Zwierzę <|-- Pies
    Zwierzę <|-- Kot

Przykład diagramu stanów

stateDiagram-v2
    [*] --> Bezczynny
    Bezczynny --> Przetwarzanie : Rozpocznij przetwarzanie
    Przetwarzanie --> Sukces : Przetwarzanie zakończone sukcesem
    Przetwarzanie --> Błąd : Przetwarzanie zakończone błędem
    Sukces --> [*]
    Błąd --> [*]

Przykład wykresu kołowego

pie title Udział w rynku przeglądarek
    "Chrome" : 65.2
    "Firefox" : 15.3
    "Safari" : 12.5
    "Edge" : 5.2
    "Inne" : 1.8

Test błędnej składni (powinien wyświetlić komunikat błędu)

graph TD
    A --> B
    // Brak definicji strzałki tutaj
    C --> D

Ten plik testowy zawiera różne typy diagramów Mermaid, służące do weryfikacji, czy integracja Mermaid z CZON działa poprawnie.

See Also