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

test: Add visual testing for examples

Browse Source
This commit is contained in:
Sidharth Vinod
2025-04-05 09:11:18 +05:30
parent 695b5b2fb2
commit a25ee49edd
2 changed files with 43 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
cypress/integration/rendering/examples.spec.ts Normal file
View File

@@ -0,0 +1,7 @@
import { urlSnapshotTest } from '../../helpers/util.js';
describe.skip('Examples', () => {
it('should render all examples', () => {
urlSnapshotTest('http://localhost:9000/examples.html');
});
});

36
cypress/platform/examples.html Normal file
View File

@@ -0,0 +1,36 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Examples</title>
</head>
<body>
<script type="module">
import mermaid from './mermaid.esm.mjs';
import { diagramData } from './mermaid-examples.esm.mjs';
for (const d of diagramData) {
const div = document.createElement('div');
const h1 = document.createElement('h1');
h1.appendChild(document.createTextNode(d.name));
div.appendChild(h1);
div.appendChild(document.createTextNode(d.description));
for (const example of d.examples) {
const pre = document.createElement('pre');
pre.classList.add('mermaid');
pre.textContent = example.code;
div.appendChild(pre);
}
document.body.appendChild(div);
}
mermaid.initialize({
startOnLoad: false,
logLevel: 0,
});
await mermaid.run();
if (window.Cypress) {
window.rendered = true;
}
</script>
</body>
</html>