Dokumen Pengujian Diagram Mermaid

Documentation Testing

Dokumen ini adalah file pengujian yang dirancang khusus untuk memverifikasi fungsi render diagram Mermaid di platform CZON. Dokumen menampilkan contoh berbagai jenis diagram seperti diagram alir, diagram urutan, diagram Gantt, diagram kelas, diagram keadaan, dan diagram pai, serta menyertakan pengujian sintaksis yang salah untuk memverifikasi mekanisme penanganan kesalahan. Melalui contoh-contoh ini, dokumen bertujuan memastikan platform CZON dapat mengurai dan menampilkan diagram Mermaid dengan benar, sehingga mendukung pengguna dalam membuat dan berbagi konten visual yang kompleks. Dokumen juga menjelaskan secara singkat tujuan pengujian dan jenis diagram yang disertakan, membantu pembaca memahami nilai intinya.
📅 2024-01-01
  • Mermaid
  • Pengujian Diagram
  • CZON
  • Diagram Alir
  • Diagram Urutan
  • Diagram Gantt
  • Diagram Kelas
  • Diagram Keadaan

Pengujian Diagram Mermaid

Ini adalah file pengujian untuk memverifikasi fungsi render diagram Mermaid di CZON.

Contoh Diagram Alir

graph TD
    A[开始] --> B{是否继续?}
    B -->|是| C[执行操作]
    B -->|否| D[结束]
    C --> E[检查结果]
    E --> F{是否成功?}
    F -->|是| G[完成]
    F -->|否| H[重试]
    H --> C
    G --> D

Contoh Diagram Urutan

sequenceDiagram
    participant User
    participant System
    participant Database

    User->>System: 提交请求
    System->>Database: 查询数据
    Database-->>System: 返回结果
    System-->>User: 显示结果

Contoh Diagram Gantt

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

Contoh Diagram Kelas

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

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

Contoh Diagram Keadaan

stateDiagram-v2
    [*] --> Idle
    Idle --> Processing : 开始处理
    Processing --> Success : 处理成功
    Processing --> Error : 处理失败
    Success --> [*]
    Error --> [*]

Contoh Diagram Pai

pie title 浏览器使用率
    "Chrome" : 65.2
    "Firefox" : 15.3
    "Safari" : 12.5
    "Edge" : 5.2
    "其他" : 1.8

Pengujian Sintaksis Salah (Seharusnya Menampilkan Pesan Kesalahan)

graph TD
    A --> B
    // 这里缺少箭头定义
    C --> D

File pengujian ini mencakup berbagai jenis diagram Mermaid untuk memverifikasi apakah integrasi Mermaid di CZON berfungsi dengan normal.

See Also