From be3da0b39d5e78ce34ec6b956722c574948c6808 Mon Sep 17 00:00:00 2001
From: yari-dewalt <yari.dewalt@gmail.com>
Date: Mon, 21 Oct 2024 15:37:41 -0700
Subject: [PATCH] Update testing file

---
 cypress/platform/yari.html | 39 +++++++++++++++++++++++++++++---------
 1 file changed, 30 insertions(+), 9 deletions(-)

diff --git a/cypress/platform/yari.html b/cypress/platform/yari.html
index 547716ee71..501541c3b8 100644
--- a/cypress/platform/yari.html
+++ b/cypress/platform/yari.html
@@ -449,7 +449,8 @@ <h2>Complex Relations with Theme</h2>
           ---
           config:
             theme: forest
-            look: handDrawn
+            look: handDrawns
+            layout: elk
           ---
           classDiagram
             direction RL
@@ -464,8 +465,8 @@ <h2>Complex Relations with Theme</h2>
               -id : int
               -name : string
             }
-            Student "1" --o "1" IdCard : carries
-            Student "1" --o "1" Bike : rides
+            Student "1" o--o "1" IdCard : carries
+            Student "1" o--o "1" Bike : rides
         </pre>
       </div>
       <div class="test">
@@ -490,6 +491,23 @@ <h2>Namespaces</h2>
             }
         </pre>
       </div>
+      <div class="test">
+        <h2>Namespaces</h2>
+        <pre class="mermaid">
+          ---
+            config:
+              layout: elk
+          ---
+          classDiagram
+          namespace Namespace1 {
+            class C1
+            class C2
+          }
+          C1 --> C2
+          class C3
+          class C4
+        </pre>
+      </div>
       <div class="test">
         <h2>Full Example</h2>
         <pre class="mermaid">
@@ -555,6 +573,7 @@ <h2>Full Example</h2>
           ---
             config:
               look: handDrawn
+              layout: elk
           ---
           classDiagram
             Class01 "1" <|--|> "*" AveryLongClass : Cool
@@ -591,7 +610,9 @@ <h2>Full Example</h2>
     </div>
 
     <script type="module">
-      import mermaid from '/mermaid.esm.mjs';
+      import mermaid from './mermaid.esm.mjs';
+      import layouts from './mermaid-layout-elk.esm.mjs';
+      mermaid.registerLayoutLoaders(layouts);
       mermaid.parseError = function (err, hash) {
         console.error('Mermaid error: ', err);
       };
@@ -632,11 +653,11 @@ <h2>Full Example</h2>
       grid-template-columns: 1fr;
     }
 
-    #classId-Duck-24.styleClass > * > path {
-      fill: #ff0000;
-      stroke: #ffff00;
-      stroke-width: 4px;
-      stroke-dasharray: 2;
+    .styleClass > * > path {
+      fill: #ff0000 !important;
+      stroke: #ffff00 !important;
+      stroke-width: 4px !important;
+      stroke-dasharray: 2 !important;
     }
   </style>
 </html>