62 lines
2.3 KiB
YAML
62 lines
2.3 KiB
YAML
|
name: mermaid-affordances
|
||
|
|
description: >
|
||
|
|
A ```mermaid fence renders inline as Unicode box-drawing art (drawn by the
|
||
|
|
markdown renderer), with a clickable affordance row beneath it led by a dim
|
||
|
|
"◇ mermaid" label ([Open Image] [Copy Image Path] [Copy Source]). Rendering of
|
||
|
|
the full-fidelity PNG is lazy (on click), so no diagram PNG is produced just by
|
||
|
|
detection. The PNG is NEVER transmitted as an inline image, so the treatment is
|
||
|
|
identical in every terminal and no Kitty graphics escape is emitted — asserted
|
||
|
|
against the raw PTY output.
|
||
|
|
terminal:
|
||
|
|
rows: 40
|
||
|
|
cols: 100
|
||
|
|
mock:
|
||
|
|
response: |
|
||
|
|
Here is a flow:
|
||
|
|
|
||
|
|
```mermaid
|
||
|
|
flowchart TD
|
||
|
|
A --> B
|
||
|
|
B --> C
|
||
|
|
```
|
||
|
|
|
||
|
|
Done rendering the flow.
|
||
|
|
steps:
|
||
|
|
- action: wait_for_text
|
||
|
|
text: Quit
|
||
|
|
timeout_ms: 20000
|
||
|
|
- action: type_text
|
||
|
|
text: "draw me a diagram"
|
||
|
|
- action: keys
|
||
|
|
keys: "<Enter>"
|
||
|
|
# Mermaid detection runs when the turn finishes, so the affordance row appears
|
||
|
|
# only after the response is complete. Poll for one of its buttons rather than
|
||
|
|
# asserting mid-stream.
|
||
|
|
- action: wait_for_text
|
||
|
|
text: "[Copy Source]"
|
||
|
|
timeout_ms: 30000
|
||
|
|
- action: assert_chat_completion
|
||
|
|
# The fence is rendered inline as Unicode art by the markdown renderer: a TD
|
||
|
|
# flowchart routes forward edges through "▼" arrowheads. Asserting the art (not
|
||
|
|
# the source keyword) confirms the inline diagram replaced the raw source.
|
||
|
|
- action: assert_contains
|
||
|
|
text: "▼"
|
||
|
|
# The full affordance row is plain text: [Open Image] [Copy Image Path] [Copy Source].
|
||
|
|
- action: assert_contains
|
||
|
|
text: "[Open Image]"
|
||
|
|
# The affordance row is led by the dim "◇ mermaid" label.
|
||
|
|
- action: assert_contains
|
||
|
|
text: "◇ mermaid"
|
||
|
|
# Rendering is LAZY: detection alone never dispatches a PNG render, so the row's
|
||
|
|
# transient "rendering diagram…" hint is absent until an [Open Image]/[Copy
|
||
|
|
# Image Path] click. This distinguishes lazy from eager without depending on the
|
||
|
|
# OS clipboard/viewer.
|
||
|
|
- action: assert_not_contains
|
||
|
|
text: "rendering diagram"
|
||
|
|
# The full-fidelity PNG is text + mouse hit-rects only, never an inline image.
|
||
|
|
- action: assert_no_kitty_graphics
|
||
|
|
- action: assert_not_contains
|
||
|
|
text: panicked
|
||
|
|
- action: screenshot
|
||
|
|
name: mermaid-affordances
|
||
|
|
note: Mermaid fence rendered inline as Unicode art with a clickable affordance row.
|