diff --git a/cypress/platform/yari2.html b/cypress/platform/yari2.html
index 9c3ce490c..fd38424fd 100644
--- a/cypress/platform/yari2.html
+++ b/cypress/platform/yari2.html
@@ -55,7 +55,7 @@
           ---
             config:
               htmlLabels: false
-              look:
+              layout: elk
           ---
           erDiagram
             "hi" }o..o{ ORDER : places
@@ -129,6 +129,24 @@
       <div class="test">
         <h2>Basic Relationship</h2>
         <pre class="mermaid">
+          ---
+            config:
+              layout: elk
+          ---
+          erDiagram
+          CUSTOMER }|..|{ DELIVERY-ADDRESS : has
+          CUSTOMER ||--o{ ORDER : places
+          CUSTOMER ||--o{ INVOICE : "liable for"
+          DELIVERY-ADDRESS ||--o{ ORDER : receives
+          INVOICE ||--|{ ORDER : covers
+          ORDER ||--|{ ORDER-ITEM : includes
+          PRODUCT-CATEGORY ||--|{ PRODUCT : contains
+          PRODUCT ||--o{ ORDER-ITEM : "ordered in"
+        </pre>
+      </div>
+      <div class="test">
+        <h2>Basic Relationship</h2>
+        <pre class="mermaid">
 ---
   config:
     layout: elk
@@ -267,7 +285,9 @@
     </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);
       };