marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-20 15:59:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update testing file

Browse Source
This commit is contained in:
yari-dewalt
2024-10-21 15:37:41 -07:00
parent 64bc7f4bd9
commit be3da0b39d
1 changed files with 30 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
cypress/platform/yari.html
View File

@@ -449,7 +449,8 @@
--- ---
config: config:
theme: forest theme: forest
look: handDrawn look: handDrawns
layout: elk
--- ---
classDiagram classDiagram
direction RL direction RL
@@ -464,8 +465,8 @@
-id : int -id : int
-name : string -name : string
} }
Student "1" --o "1" IdCard : carries Student "1" o--o "1" IdCard : carries
Student "1" --o "1" Bike : rides Student "1" o--o "1" Bike : rides
</pre> </pre>
</div> </div>
<div class="test"> <div class="test">
@@ -490,6 +491,23 @@
} }
</pre> </pre>
</div> </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"> <div class="test">
<h2>Full Example</h2> <h2>Full Example</h2>
<pre class="mermaid"> <pre class="mermaid">
@@ -555,6 +573,7 @@
--- ---
config: config:
look: handDrawn look: handDrawn
layout: elk
--- ---
classDiagram classDiagram
Class01 "1" <|--|> "*" AveryLongClass : Cool Class01 "1" <|--|> "*" AveryLongClass : Cool
@@ -591,7 +610,9 @@
</div> </div>
<script type="module"> <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) { mermaid.parseError = function (err, hash) {
console.error('Mermaid error: ', err); console.error('Mermaid error: ', err);
}; };
@@ -632,11 +653,11 @@
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
#classId-Duck-24.styleClass > * > path { .styleClass > * > path {
fill: #ff0000; fill: #ff0000 !important;
stroke: #ffff00; stroke: #ffff00 !important;
stroke-width: 4px; stroke-width: 4px !important;
stroke-dasharray: 2; stroke-dasharray: 2 !important;
} }
</style> </style>
</html> </html>