testcode

cypress/platform/knsv2.html

@@ -72,31 +72,26 @@ classDiagram
         Student "1" --o "1" IdCard : carries
         Student "1" --o "1" Bike : rides
     </pre>
-    <pre id="diagram" class="mermaid2">
+    <pre id="diagram" class="mermaid">
 mindmap
-  root
+  root((mindmap))
-    A
+    Origins
-    B
+      Long history
-    C
+      ::icon(fa fa-book)
-    D
+      Popularisation
-    E
+      ::icon(fa fa-book)
-    A2
+        British popular psychology author Tony Buzan
-    B2
+    Research
-    C2
+      ::icon(fa fa-book)
-    D2
+      On effectivness<br/>and features
-    E2
+      On Automatic creation
-    child1((Circle))
+        Uses
-        grandchild 1
+            Creative techniques
-        grandchild 2
+            Strategic planning
-    child2(Round rectangle)
+            Argument mapping
-        grandchild 3
+    Tools
-        grandchild 4
+      Pen and paper
-    child3[Square]
+      Mermaid
-        grandchild 5
-        ::icon(mdi mdi-fire)
-        gc6((grand<br/>child 6))
-        ::icon(mdi mdi-fire)
-          gc7((grand<br/>grand<br/>child 8))
         </pre>
     <pre id="diagram" class="mermaid2">
       example-diagram
@@ -113,7 +108,7 @@ mindmap
         // console.error('Mermaid error: ', err);
       };
       mermaid.initialize({
-        theme: 'forest',
+        theme: 'base',
         startOnLoad: true,
         logLevel: 0,
         // basePath: './packages/',
@@ -131,6 +126,10 @@ mindmap
         console.error('In parse error:');
         console.error(err);
       };
+      // mermaid.test1('first_slow', 1200).then((r) => console.info(r));
+      // mermaid.test1('second_fast', 200).then((r) => console.info(r));
+      // mermaid.test1('third_fast', 200).then((r) => console.info(r));
+      // mermaid.test1('forth_slow', 1200).then((r) => console.info(r));
     </script>
   </body>
 </html>