test: [dot] add dotDiagram e2e test

demo/cypress/e2e/dot/dot.spec.ts

@@ -0,0 +1,41 @@
+import { stripStartEmptyLines } from '@pintora/test-shared'
+import { makeSnapshotCases } from '../test-utils/render'
+
+describe('DOT Diagram', () => {
+  makeSnapshotCases([
+    {
+      description: 'Should render arrow shapes',
+      code: stripStartEmptyLines(`
+      dotDiagram
+      digraph {
+        bgcolor="#faf5f5";
+        node [color="#111",bgcolor=orange]
+
+        s1 -> e1 [arrowhead="box"]
+        s2 -> e2 [arrowhead="obox"]
+        s3 -> e3 [arrowhead="dot"]
+        s4 -> e4 [arrowhead="odot"]
+        s5 -> e5 [arrowhead="open"]
+        s6 -> e6 [arrowhead="diamond"]
+        s7 -> e7 [arrowhead="ediamond"]
+      }
+`),
+    },
+    {
+      description: 'Should render node shapes',
+      code: stripStartEmptyLines(`
+      dotDiagram
+      @param fontWeight bold
+      digraph {
+        bgcolor="#faf5f5";
+        node [color="#111",bgcolor=orange]
+
+        ellipse [shape="ellipse"];
+        circle [shape="circle"];
+        diamond [shape="diamond"];
+        plaintext [shape="plaintext"];
+      }
+`),
+    },
+  ])
+})

demo/cypress/e2e/er/er.spec.ts

@@ -21,7 +21,7 @@ erDiagram
           .should('exist')
           .then($ele => {
             const ele = $ele[0]
-            const doc = (ele as unknown as SVGPathElement).ownerSVGElement
+            const doc = (ele as unknown as SVGPathElement).ownerSVGElement!
             const entityA = doc.getElementById('entity-A')
             const entityB = doc.getElementById('entity-B')
             expect(entityA.getBoundingClientRect().y).to.greaterThan(entityB.getBoundingClientRect().y)

website/docs/diagrams/dot-diagram.mdx

@@ -155,7 +155,6 @@ dotDiagram
     circle [shape="circle"];
     diamond [shape="diamond"];
     plaintext [shape="plaintext"];
-
   }
 ```