marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-10-08 08:39:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

update doc and integration tests

Browse Source
This commit is contained in:
Matthieu MOREL
2020-12-06 13:43:42 +01:00
parent 95ee87f771
commit 1a2c1252f0
4 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
cypress/platform/click_security_loose.html
View File

@@ -16,25 +16,25 @@
<div id="FirstLine" class="mermaid"> <div id="FirstLine" class="mermaid">
graph TB graph TB
Function-->URL Function-->URL
click Function call clickByFlow "Add a div" click Function call clickByFlow() "Add a div"
click URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" click URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
</div> </div>
<div id="FirstLine" class="mermaid"> <div id="FirstLine" class="mermaid">
graph TB graph TB
1Function--->2URL 1Function--->2URL
click 1Function call clickByFlow "Add a div" click 1Function call clickByFlow() "Add a div"
click 2URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" click 2URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
</div> </div>
<div id="FirstLine" class="mermaid"> <div id="FirstLine" class="mermaid">
flowchart TB flowchart TB
Function-->URL Function-->URL
click Function call clickByFlow "Add a div" click Function call clickByFlow() "Add a div"
click URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" _self click URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" _self
</div> </div>
<div id="FirstLine" class="mermaid"> <div id="FirstLine" class="mermaid">
flowchart TB flowchart TB
1Function--->2URL 1Function--->2URL
click 1Function call clickByFlow "Add a div" click 1Function call clickByFlow() "Add a div"
click 2URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" _self click 2URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" _self
</div> </div>

8
cypress/platform/click_security_other.html
View File

@@ -10,14 +10,14 @@
<div id="FirstLine" class="mermaid"> <div id="FirstLine" class="mermaid">
graph TB graph TB
Function-->URL Function-->URL
click Function clickByFlow "Add a div" click Function call clickByFlow() "Add a div"
click URL "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" click URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
</div> </div>
<div id="FirstLine" class="mermaid"> <div id="FirstLine" class="mermaid">
graph TB graph TB
1Function-->2URL 1Function-->2URL
click 1Function clickByFlow "Add a div" click 1Function call clickByFlow() "Add a div"
click 2URL "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" click 2URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
</div> </div>
<div class="mermaid"> <div class="mermaid">

8
cypress/platform/click_security_strict.html
View File

@@ -10,14 +10,14 @@
<div id="FirstLine" class="mermaid"> <div id="FirstLine" class="mermaid">
graph TB graph TB
Function-->URL Function-->URL
click Function clickByFlow "Add a div" click Function call clickByFlow() "Add a div"
click URL "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" click URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
</div> </div>
<div id="FirstLine" class="mermaid"> <div id="FirstLine" class="mermaid">
graph TB graph TB
1Function-->2URL 1Function-->2URL
click 1Function clickByFlow "Add a div" click 1Function call clickByFlow() "Add a div"
click 2URL "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>" click 2URL href "http://localhost:9000/webpackUsage.html" "Visit <strong>mermaid docs</strong>"
</div> </div>
<div class="mermaid"> <div class="mermaid">

22
docs/flowchart.md
View File

@@ -594,7 +594,7 @@ flowchart TB
It is possible to bind a click event to a node, the click can lead to either a javascript callback or to a link which will be opened in a new browser tab. **Note**: This functionality is disabled when using `securityLevel='strict'` and enabled when using `securityLevel='loose'`. It is possible to bind a click event to a node, the click can lead to either a javascript callback or to a link which will be opened in a new browser tab. **Note**: This functionality is disabled when using `securityLevel='strict'` and enabled when using `securityLevel='loose'`.
``` ```
click nodeId callback click nodeId call callback
``` ```
* nodeId is the id of the node * nodeId is the id of the node
@@ -613,8 +613,8 @@ Examples of tooltip usage below:
``` ```
graph LR; graph LR;
A-->B; A-->B;
click A callback "Tooltip for a callback" click A call callback "Tooltip for a callback"
click B "http://www.github.com" "This is a tooltip for a link" click B href "http://www.github.com" "This is a tooltip for a link"
``` ```
The tooltip text is surrounded in double quotes. The styles of the tooltip are set by the class .mermaidTooltip. The tooltip text is surrounded in double quotes. The styles of the tooltip are set by the class .mermaidTooltip.
@@ -622,8 +622,8 @@ The tooltip text is surrounded in double quotes. The styles of the tooltip are s
```mermaid ```mermaid
graph LR graph LR
A-->B; A-->B;
click A callback "Tooltip" click A call callback "Tooltip"
click B "http://www.github.com" "This is a link" click B href "http://www.github.com" "This is a link"
``` ```
> **Success** The tooltip functionality and the ability to link to urls are available from version 0.5.2. > **Success** The tooltip functionality and the ability to link to urls are available from version 0.5.2.
@@ -634,16 +634,16 @@ Links are opened in the same browser tab/window by default. It is possible to ch
graph LR; graph LR;
A-->B; A-->B;
B-->C; B-->C;
click A "http://www.github.com" _blank click A href "http://www.github.com" _blank
click B "http://www.github.com" "Open this in a new tab" _blank click B href "http://www.github.com" "Open this in a new tab" _blank
``` ```
```mermaid ```mermaid
graph LR; graph LR;
A-->B; A-->B;
B-->C; B-->C;
click A "http://www.github.com" _blank click A href "http://www.github.com" _blank
click B "http://www.github.com" "Open this in a new tab" _blank click B href "http://www.github.com" "Open this in a new tab" _blank
``` ```
Beginners tip, a full example using interactive links in a html context: Beginners tip, a full example using interactive links in a html context:
@@ -652,8 +652,8 @@ Beginners tip, a full example using interactive links in a html context:
<div class="mermaid"> <div class="mermaid">
graph LR; graph LR;
A-->B; A-->B;
click A callback "Tooltip" click A call callback "Tooltip"
click B "http://www.github.com" "This is a link" click B href "http://www.github.com" "This is a link"
</div> </div>
<script> <script>