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

Added option to skip screenshot for cypress tests

Browse Source
This commit is contained in:
saurabhg772244
2025-09-05 12:47:07 +05:30
parent e6fb4a84da
commit 56cc12690f
3 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
cypress/helpers/util.ts
View File

@@ -6,6 +6,7 @@ interface CypressConfig {
listUrl?: boolean; listUrl?: boolean;
listId?: string; listId?: string;
name?: string; name?: string;
screenshot?: boolean;
} }
type CypressMermaidConfig = MermaidConfig & CypressConfig; type CypressMermaidConfig = MermaidConfig & CypressConfig;
@@ -92,7 +93,7 @@ export const renderGraph = (
export const openURLAndVerifyRendering = ( export const openURLAndVerifyRendering = (
url: string, url: string,
options: CypressMermaidConfig, { screenshot = true, ...options }: CypressMermaidConfig,
validation?: any validation?: any
): void => { ): void => {
const name: string = (options.name ?? cy.state('runnable').fullTitle()).replace(/\s+/g, '-'); const name: string = (options.name ?? cy.state('runnable').fullTitle()).replace(/\s+/g, '-');
@@ -105,7 +106,9 @@ export const openURLAndVerifyRendering = (
cy.get('svg').should(validation); cy.get('svg').should(validation);
} }
verifyScreenshot(name); if (screenshot) {
verifyScreenshot(name);
}
}; };
export const verifyScreenshot = (name: string): void => { export const verifyScreenshot = (name: string): void => {

2
cypress/integration/rendering/flowchart-handDrawn.spec.js
View File

@@ -1039,7 +1039,7 @@ graph TD
style C stroke-width:4px,stroke-dasharray: 5 style C stroke-width:4px,stroke-dasharray: 5
L_A_B_0@{ animation: slow } L_A_B_0@{ animation: slow }
L_B_D_0@{ animation: fast }`, L_B_D_0@{ animation: fast }`,
{ look: 'handDrawn' } { look: 'handDrawn', screenshot: false }
); );
cy.get('path#L_A_B_0').should('have.class', 'edge-animation-slow'); cy.get('path#L_A_B_0').should('have.class', 'edge-animation-slow');
cy.get('path#L_B_D_0').should('have.class', 'edge-animation-fast'); cy.get('path#L_B_D_0').should('have.class', 'edge-animation-fast');

7
cypress/integration/rendering/flowchart.spec.js
View File

@@ -775,13 +775,16 @@ describe('Graph', () => {
}); });
}); });
it('40: should add edge animation', () => { it('40: should add edge animation', () => {
renderGraph(` renderGraph(
`
flowchart TD flowchart TD
A(["Start"]) L_A_B_0@--> B{"Decision"} A(["Start"]) L_A_B_0@--> B{"Decision"}
B --> C["Option A"] & D["Option B"] B --> C["Option A"] & D["Option B"]
style C stroke-width:4px,stroke-dasharray: 5 style C stroke-width:4px,stroke-dasharray: 5
L_A_B_0@{ animation: slow } L_A_B_0@{ animation: slow }
L_B_D_0@{ animation: fast }`); L_B_D_0@{ animation: fast }`,
{ screenshot: false }
);
// Verify animation classes are applied to both edges // Verify animation classes are applied to both edges
cy.get('path#L_A_B_0').should('have.class', 'edge-animation-slow'); cy.get('path#L_A_B_0').should('have.class', 'edge-animation-slow');
cy.get('path#L_B_D_0').should('have.class', 'edge-animation-fast'); cy.get('path#L_B_D_0').should('have.class', 'edge-animation-fast');