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

e2e support multiple diagram

Browse Source
This commit is contained in:
MATSUDA Takashi
2019-11-05 17:24:07 +09:00
parent 061a02dddc
commit f7a3c42da1
1 changed files with 59 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
cypress/platform/viewer.js
View File

@@ -14,11 +14,22 @@ const contentLoaded = function() {
const graphObj = JSON.parse(Base64.decode(graphBase64)); const graphObj = JSON.parse(Base64.decode(graphBase64));
// const graph = 'hello' // const graph = 'hello'
console.log(graphObj); console.log(graphObj);
const div = document.createElement('div'); if (Array.isArray(graphObj.code)) {
div.id = 'block'; const numCodes = graphObj.code.length;
div.className = 'mermaid'; for (let i = 0; i < numCodes; i++) {
div.innerHTML = graphObj.code; const div = document.createElement('div');
document.getElementsByTagName('body')[0].appendChild(div); div.id = 'block' + i;
div.className = 'mermaid';
div.innerHTML = graphObj.code[i];
document.getElementsByTagName('body')[0].appendChild(div);
}
} else {
const div = document.createElement('div');
div.id = 'block';
div.className = 'mermaid';
div.innerHTML = graphObj.code;
document.getElementsByTagName('body')[0].appendChild(div);
}
global.mermaid.initialize(graphObj.mermaid); global.mermaid.initialize(graphObj.mermaid);
// console.log('graphObj.mermaid', graphObj.mermaid) // console.log('graphObj.mermaid', graphObj.mermaid)
global.mermaid.init(); global.mermaid.init();
@@ -31,23 +42,51 @@ const contentLoadedApi = function() {
const graphBase64 = document.location.href.substr(pos); const graphBase64 = document.location.href.substr(pos);
const graphObj = JSON.parse(Base64.decode(graphBase64)); const graphObj = JSON.parse(Base64.decode(graphBase64));
// const graph = 'hello' // const graph = 'hello'
const div = document.createElement('div'); if (Array.isArray(graphObj.code)) {
div.id = 'block'; const numCodes = graphObj.code.length;
div.className = 'mermaid'; const divs = [];
// div.innerHTML = graphObj.code for (let i = 0; i < numCodes; i++) {
document.getElementsByTagName('body')[0].appendChild(div); const div = document.createElement('div');
global.mermaid.initialize(graphObj.mermaid); div.id = 'block' + i;
div.className = 'mermaid';
// div.innerHTML = graphObj.code
document.getElementsByTagName('body')[0].appendChild(div);
divs[i] = div;
}
mermaid2.render( global.mermaid.initialize(graphObj.mermaid);
'newid',
graphObj.code,
(svgCode, bindFunctions) => {
div.innerHTML = svgCode;
bindFunctions(div); for (let i = 0; i < numCodes; i++) {
}, mermaid2.render(
div 'newid' + i,
); graphObj.code[i],
(svgCode, bindFunctions) => {
div.innerHTML = svgCode;
bindFunctions(div);
},
divs[i]
);
}
} else {
const div = document.createElement('div');
div.id = 'block';
div.className = 'mermaid';
// div.innerHTML = graphObj.code
document.getElementsByTagName('body')[0].appendChild(div);
global.mermaid.initialize(graphObj.mermaid);
mermaid2.render(
'newid',
graphObj.code,
(svgCode, bindFunctions) => {
div.innerHTML = svgCode;
bindFunctions(div);
},
div
);
}
} }
}; };