Тестовый документ для диаграмм 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 Animal {
        +String name
        +int age
        +void eat()
        +void sleep()
    }
    class Dog {
        +void bark()
    }
    class Cat {
        +void meow()
    }

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

Пример диаграммы состояний

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