From 5111452efe88e8f4db2459e1226250903a23c597 Mon Sep 17 00:00:00 2001
From: Alois Klink <alois@aloisklink.com>
Date: Sat, 10 Jun 2023 23:53:17 +0100
Subject: [PATCH] test: update flowchart3 test case

Mermaid v10.2.0 changed some behavior for htmlLabels with embedded
SVG images. The `width=100%` is now set in the node CSS, which normally
scales the images to the width of the text, but for this SVG, it seems
to crop it. See https://github.com/mermaid-js/mermaid/issues/4455.

Setting a well-defined `viewBox` attribute to our SVG fixes this.

Co-authored-by: Laura Valentine Tscharner <laura.tscharner@tecnico.ulisboa.pt>
---
 test-positive/flowchart3.mmd | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test-positive/flowchart3.mmd b/test-positive/flowchart3.mmd
index bf29c5f0..43a80a4f 100644
--- a/test-positive/flowchart3.mmd
+++ b/test-positive/flowchart3.mmd
@@ -4,4 +4,4 @@ graph TD
     B-->D(fa:fa-spinner);
     B-->E(A fa:fa-camera-retro perhaps?);
     %% Test whether embed <img> work correctly
-    D-->F("<img height='100' width='100' src='data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2240%22 stroke=%22black%22 stroke-width=%223%22 fill=%22red%22 /%3E%3C/svg%3E'/> <br/> Red Circle")
+    D-->F("<img height='100' width='100' src='data:image/svg+xml,%3Csvg viewBox=%220 0 100 100%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2240%22 stroke=%22black%22 stroke-width=%223%22 fill=%22red%22 /%3E%3C/svg%3E'/> <br/> Red Circle")