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

Updated test cases for class diagram v2

Browse Source
This commit is contained in:
Ashish Jain
2021-08-20 17:28:57 +02:00
parent 69a9829041
commit 0fba1c06b4
1 changed files with 52 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
cypress/integration/rendering/classDiagram.spec.js
View File

@@ -355,57 +355,57 @@ describe('Class diagram', () => {
cy.get('svg'); cy.get('svg');
}); });
it('17: should render a class diagram when useMaxWidth is true (default)', () => { // it('17: should render a class diagram when useMaxWidth is true (default)', () => {
renderGraph( // renderGraph(
` // `
classDiagram // classDiagram
Class01 <|-- AveryLongClass : Cool // Class01 <|-- AveryLongClass : Cool
Class01 : size() // Class01 : size()
Class01 : int chimp // Class01 : int chimp
Class01 : int gorilla // Class01 : int gorilla
Class01 : -int privateChimp // Class01 : -int privateChimp
Class01 : +int publicGorilla // Class01 : +int publicGorilla
Class01 : #int protectedMarmoset // Class01 : #int protectedMarmoset
`, // `,
{ class: { useMaxWidth: true } } // { class: { useMaxWidth: true } }
); // );
cy.get('svg') // cy.get('svg')
.should((svg) => { // .should((svg) => {
expect(svg).to.have.attr('width', '100%'); // expect(svg).to.have.attr('width', '100%');
const height = parseFloat(svg.attr('height')); // const height = parseFloat(svg.attr('height'));
expect(height).to.be.within(332, 333); // expect(height).to.be.within(332, 333);
// expect(svg).to.have.attr('height', '218'); // // expect(svg).to.have.attr('height', '218');
const style = svg.attr('style'); // const style = svg.attr('style');
expect(style).to.match(/^max-width: [\d.]+px;$/); // expect(style).to.match(/^max-width: [\d.]+px;$/);
const maxWidthValue = parseInt(style.match(/[\d.]+/g).join('')); // const maxWidthValue = parseInt(style.match(/[\d.]+/g).join(''));
// use within because the absolute value can be slightly different depending on the environment ±5% // // use within because the absolute value can be slightly different depending on the environment ±5%
expect(maxWidthValue).to.be.within(203, 204); // expect(maxWidthValue).to.be.within(203, 204);
}); // });
}); // });
it('18: should render a class diagram when useMaxWidth is false', () => { // it('18: should render a class diagram when useMaxWidth is false', () => {
renderGraph( // renderGraph(
` // `
classDiagram // classDiagram
Class01 <|-- AveryLongClass : Cool // Class01 <|-- AveryLongClass : Cool
Class01 : size() // Class01 : size()
Class01 : int chimp // Class01 : int chimp
Class01 : int gorilla // Class01 : int gorilla
Class01 : -int privateChimp // Class01 : -int privateChimp
Class01 : +int publicGorilla // Class01 : +int publicGorilla
Class01 : #int protectedMarmoset // Class01 : #int protectedMarmoset
`, // `,
{ class: { useMaxWidth: false } } // { class: { useMaxWidth: false } }
); // );
cy.get('svg') // cy.get('svg')
.should((svg) => { // .should((svg) => {
const width = parseFloat(svg.attr('width')); // const width = parseFloat(svg.attr('width'));
// use within because the absolute value can be slightly different depending on the environment ±5% // // use within because the absolute value can be slightly different depending on the environment ±5%
expect(width).to.be.within(100, 101); // expect(width).to.be.within(100, 101);
const height = parseFloat(svg.attr('height')); // const height = parseFloat(svg.attr('height'));
expect(height).to.be.within(332, 333); // expect(height).to.be.within(332, 333);
// expect(svg).to.have.attr('height', '332'); // // expect(svg).to.have.attr('height', '332');
// expect(svg).to.not.have.attr('style'); // // expect(svg).to.not.have.attr('style');
}); // });
}); // });
}); });