mirror of
				https://github.com/mermaid-js/mermaid.git
				synced 2025-11-03 20:34:20 +01:00 
			
		
		
		
	Merge branch 'develop' into sidv/vitest
* develop: (37 commits) fix JSDOC @param, @returns; fixed a few minor typos in comments Update after lint comments Regenerate the directive docs as I changed them chore(deps-dev): bump typescript from 4.7.4 to 4.8.2 Update duplicate copy pasted directive description chore(deps-dev): bump babel-jest from 29.0.1 to 29.0.2 Lint fixes Removing requirement to add ids for nodes with a shape Merged typescript changes Updated with cloud and bang shapes Adding cloud and bang shapes fix(git): support numeric branch names Fix for unit tests after refactoring Documenting classes and icons Startingpoint for the documentation Some theming/styling fixes Adding some rendering tests ...
This commit is contained in:
		
							
								
								
									
										1
									
								
								cypress/downloads/downloads.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								cypress/downloads/downloads.html
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1 @@
 | 
			
		||||
Cr24
 | 
			
		||||
							
								
								
									
										75
									
								
								cypress/integration/rendering/mermaid.spec.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										75
									
								
								cypress/integration/rendering/mermaid.spec.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,75 @@
 | 
			
		||||
import { imgSnapshotTest, renderGraph } from '../../helpers/util.js';
 | 
			
		||||
 | 
			
		||||
describe('Mindmap', () => {
 | 
			
		||||
  it('square shape', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `
 | 
			
		||||
mindmap
 | 
			
		||||
    root[
 | 
			
		||||
      The root
 | 
			
		||||
    ]
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
    cy.get('svg');
 | 
			
		||||
  });
 | 
			
		||||
  it('rounded rect shape', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `
 | 
			
		||||
mindmap
 | 
			
		||||
    root((
 | 
			
		||||
      The root
 | 
			
		||||
    ))
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
    cy.get('svg');
 | 
			
		||||
  });
 | 
			
		||||
  it('circle shape', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `
 | 
			
		||||
mindmap
 | 
			
		||||
    root(
 | 
			
		||||
      The root
 | 
			
		||||
    )
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
    cy.get('svg');
 | 
			
		||||
  });
 | 
			
		||||
  it('default shape', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `
 | 
			
		||||
mindmap
 | 
			
		||||
  The root
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
    cy.get('svg');
 | 
			
		||||
  });
 | 
			
		||||
  it('adding children', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `
 | 
			
		||||
mindmap
 | 
			
		||||
  The root
 | 
			
		||||
    child1
 | 
			
		||||
    child2
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
    cy.get('svg');
 | 
			
		||||
  });
 | 
			
		||||
  it('adding grand children', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `
 | 
			
		||||
mindmap
 | 
			
		||||
  The root
 | 
			
		||||
    child1
 | 
			
		||||
      child2
 | 
			
		||||
      child3
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
    cy.get('svg');
 | 
			
		||||
  });
 | 
			
		||||
});
 | 
			
		||||
							
								
								
									
										115
									
								
								cypress/integration/rendering/mindmap.spec.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										115
									
								
								cypress/integration/rendering/mindmap.spec.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,115 @@
 | 
			
		||||
import { imgSnapshotTest, renderGraph } from '../../helpers/util.js';
 | 
			
		||||
 | 
			
		||||
describe('Mindmaps', () => {
 | 
			
		||||
  it('Only a root', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `mindmap
 | 
			
		||||
root
 | 
			
		||||
    `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
 | 
			
		||||
  it('a root with a shape', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `mindmap
 | 
			
		||||
root[root]
 | 
			
		||||
    `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
 | 
			
		||||
  it('a root with wrapping text and a shape', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `mindmap
 | 
			
		||||
root[A root with a long text that wraps to keep the node size in check]
 | 
			
		||||
    `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
 | 
			
		||||
  it('a root with an icon', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `mindmap
 | 
			
		||||
root[root]
 | 
			
		||||
::icon(mdi mdi-fire)
 | 
			
		||||
    `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
 | 
			
		||||
  it('Blang and cloud shape', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `mindmap
 | 
			
		||||
root))bang((
 | 
			
		||||
  ::icon(mdi mdi-fire)
 | 
			
		||||
  a))Another bang((
 | 
			
		||||
  ::icon(mdi mdi-fire)
 | 
			
		||||
  a)A cloud(
 | 
			
		||||
  ::icon(mdi mdi-fire)
 | 
			
		||||
    `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
 | 
			
		||||
  it('Blang and cloud shape with icons', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `mindmap
 | 
			
		||||
root))bang((
 | 
			
		||||
 | 
			
		||||
  a))Another bang((
 | 
			
		||||
  a)A cloud(
 | 
			
		||||
    `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
 | 
			
		||||
  it('braches', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `mindmap
 | 
			
		||||
root
 | 
			
		||||
  child1
 | 
			
		||||
      grandchild 1
 | 
			
		||||
      grandchild 2
 | 
			
		||||
  child2
 | 
			
		||||
      grandchild 3
 | 
			
		||||
      grandchild 4
 | 
			
		||||
  child3
 | 
			
		||||
      grandchild 5
 | 
			
		||||
      grandchild 6
 | 
			
		||||
    `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
 | 
			
		||||
  it('braches with shapes and labels', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `mindmap
 | 
			
		||||
root
 | 
			
		||||
  child1((Circle))
 | 
			
		||||
      grandchild 1
 | 
			
		||||
      grandchild 2
 | 
			
		||||
  child2(Round rectangle)
 | 
			
		||||
      grandchild 3
 | 
			
		||||
      grandchild 4
 | 
			
		||||
  child3[Square]
 | 
			
		||||
      grandchild 5
 | 
			
		||||
      ::icon(mdi mdi-fire)
 | 
			
		||||
      gc6((grand<br/>child 6))
 | 
			
		||||
      ::icon(mdi mdi-fire)
 | 
			
		||||
    `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('text shouhld wrap with icon', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `mindmap
 | 
			
		||||
root
 | 
			
		||||
  Child3(A node with an icon and with a long text that wraps to keep the node size in check)
 | 
			
		||||
    `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
 | 
			
		||||
  /* The end */
 | 
			
		||||
});
 | 
			
		||||
		Reference in New Issue
	
	Block a user