Тестовий документ для діаграм Mermaid

Documentation Testing

Цей документ є тестовим файлом, спеціально створеним для перевірки функціоналу відображення діаграм Mermaid на платформі CZON. У документі представлені приклади різних типів діаграм, таких як блок-схеми, діаграми послідовності, діаграми Ганта, діаграми класів, діаграми станів та кругові діаграми, а також включено тест з помилковим синтаксисом для перевірки механізму обробки помилок. За допомогою цих прикладів документ має на меті забезпечити коректний аналіз та відображення діаграм Mermaid платформою CZON, що дозволить користувачам створювати та ділитися складним візуальним контентом. Документ також коротко пояснює мету тестування та типи включених діаграм, допомагаючи читачам зрозуміти його основну цінність.
📅 2024-01-01
  • Mermaid
  • Тестування діаграм
  • CZON
  • Блок-схема
  • Діаграма послідовності
  • Діаграма Ганта
  • Діаграма класів
  • Діаграма станів

Тестування діаграм Mermaid

Це тестовий файл для перевірки функціоналу відображення діаграм Mermaid у CZON.

Приклад блок-схеми

graph TD
    A[Початок] --> B{Продовжити?}
    B -->|Так| C[Виконати дію]
    B -->|Ні| D[Кінець]
    C --> E[Перевірити результат]
    E --> F{Успішно?}
    F -->|Так| G[Завершено]
    F -->|Ні| H[Повторити]
    H --> C
    G --> D

Приклад діаграми послідовності

sequenceDiagram
    participant Користувач
    participant Система
    participant БазаДаних

    Користувач->>Система: Надіслати запит
    Система->>БазаДаних: Запит даних
    БазаДаних-->>Система: Повернути результат
    Система-->>Користувач: Показати результат

Приклад діаграми Ганта

gantt
    title Розклад проекту
    dateFormat  YYYY-MM-DD
    section Дизайн
    Аналіз вимог     :done,    des1, 2024-01-01, 7d
    Прототипування   :active,  des2, 2024-01-08, 5d
    Детальний дизайн :         des3, after des2, 5d
    section Розробка
    Фронтенд         :         dev1, after des3, 10d
    Бекенд           :         dev2, after des3, 15d
    section Тестування
    Модульне тестування :      test1, after dev1, 5d
    Інтеграційне тестування :  test2, after dev2, 5d

Приклад діаграми класів

classDiagram
    class Тварина {
        +String імʼя
        +int вік
        +void їсти()
        +void спати()
    }
    class Собака {
        +void гавкати()
    }
    class Кіт {
        +void нявкати()
    }

    Тварина <|-- Собака
    Тварина <|-- Кіт

Приклад діаграми станів

stateDiagram-v2
    [*] --> Очікування
    Очікування --> Обробка : Почати обробку
    Обробка --> Успіх : Обробка успішна
    Обробка --> Помилка : Обробка невдала
    Успіх --> [*]
    Помилка --> [*]

Приклад кругової діаграми

pie title Частка використання браузерів
    "Chrome" : 65.2
    "Firefox" : 15.3
    "Safari" : 12.5
    "Edge" : 5.2
    "Інші" : 1.8

Тест з помилковим синтаксисом (має відображати повідомлення про помилку)

graph TD
    A --> B
    // Тут відсутнє визначення стрілки
    C --> D

Цей тестовий файл містить різні типи діаграм Mermaid для перевірки коректної роботи інтеграції Mermaid у CZON.

See Also