mirror of
				https://github.com/mermaid-js/mermaid.git
				synced 2025-11-04 04:44:08 +01:00 
			
		
		
		
	added tests for vertical branches
This commit is contained in:
		@@ -329,6 +329,338 @@ title: simple gitGraph
 | 
			
		||||
---
 | 
			
		||||
gitGraph
 | 
			
		||||
  commit id: "1-abcdefg"
 | 
			
		||||
`,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('15: should render a simple gitgraph with commit on main branch | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `gitGraph TB:
 | 
			
		||||
       commit id: "1"
 | 
			
		||||
       commit id: "2"
 | 
			
		||||
       commit id: "3"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('16: should render a simple gitgraph with commit on main branch with Id | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `gitGraph TB:
 | 
			
		||||
       commit id: "One"
 | 
			
		||||
       commit id: "Two"
 | 
			
		||||
       commit id: "Three"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('17: should render a simple gitgraph with different commitTypes on main branch | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `gitGraph TB:
 | 
			
		||||
       commit id: "Normal Commit"
 | 
			
		||||
       commit id: "Reverse Commit" type: REVERSE
 | 
			
		||||
       commit id: "Hightlight Commit" type: HIGHLIGHT
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('18: should render a simple gitgraph with tags commitTypes on main branch | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `gitGraph TB:
 | 
			
		||||
       commit id: "Normal Commit with tag" tag: "v1.0.0"
 | 
			
		||||
       commit id: "Reverse Commit with tag" type: REVERSE tag: "RC_1"
 | 
			
		||||
       commit id: "Hightlight Commit" type: HIGHLIGHT  tag: "8.8.4"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('19: should render a simple gitgraph with two branches | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `gitGraph TB:
 | 
			
		||||
       commit id: "1"
 | 
			
		||||
       commit id: "2"
 | 
			
		||||
       branch develop
 | 
			
		||||
       checkout develop
 | 
			
		||||
       commit id: "3"
 | 
			
		||||
       commit id: "4"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id: "5"
 | 
			
		||||
       commit id: "6"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('20: should render a simple gitgraph with two branches and merge commit | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `gitGraph TB:
 | 
			
		||||
       commit id: "1"
 | 
			
		||||
       commit id: "2"
 | 
			
		||||
       branch develop
 | 
			
		||||
       checkout develop
 | 
			
		||||
       commit id: "3"
 | 
			
		||||
       commit id: "4"
 | 
			
		||||
       checkout main
 | 
			
		||||
       merge develop
 | 
			
		||||
       commit id: "5"
 | 
			
		||||
       commit id: "6"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('21: should render a simple gitgraph with three branches and tagged merge commit | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `gitGraph TB:
 | 
			
		||||
       commit id: "1"
 | 
			
		||||
       commit id: "2"
 | 
			
		||||
       branch nice_feature
 | 
			
		||||
       checkout nice_feature
 | 
			
		||||
       commit id: "3"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id: "4"
 | 
			
		||||
       checkout nice_feature
 | 
			
		||||
       branch very_nice_feature
 | 
			
		||||
       checkout very_nice_feature
 | 
			
		||||
       commit id: "5"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id: "6"
 | 
			
		||||
       checkout nice_feature
 | 
			
		||||
       commit id: "7"
 | 
			
		||||
       checkout main
 | 
			
		||||
       merge nice_feature id: "12345" tag: "my merge commit"
 | 
			
		||||
       checkout very_nice_feature
 | 
			
		||||
       commit id: "8"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id: "9"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('22: should render a simple gitgraph with more than 8 branchs &  overriding variables | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `%%{init: { 'logLevel': 'debug', 'theme': 'default' , 'themeVariables': {
 | 
			
		||||
        'gitBranchLabel0': '#ffffff',
 | 
			
		||||
        'gitBranchLabel1': '#ffffff',
 | 
			
		||||
        'gitBranchLabel2': '#ffffff',
 | 
			
		||||
        'gitBranchLabel3': '#ffffff',
 | 
			
		||||
        'gitBranchLabel4': '#ffffff',
 | 
			
		||||
        'gitBranchLabel5': '#ffffff',
 | 
			
		||||
        'gitBranchLabel6': '#ffffff',
 | 
			
		||||
        'gitBranchLabel7': '#ffffff',
 | 
			
		||||
  } } }%%
 | 
			
		||||
  gitGraph TB:
 | 
			
		||||
    checkout main
 | 
			
		||||
    branch branch1
 | 
			
		||||
    branch branch2
 | 
			
		||||
    branch branch3
 | 
			
		||||
    branch branch4
 | 
			
		||||
    branch branch5
 | 
			
		||||
    branch branch6
 | 
			
		||||
    branch branch7
 | 
			
		||||
    branch branch8
 | 
			
		||||
    branch branch9
 | 
			
		||||
    checkout branch1
 | 
			
		||||
    commit id: "1"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('23: should render a simple gitgraph with rotated labels | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `%%{init: { 'logLevel': 'debug', 'theme': 'default' , 'gitGraph': {
 | 
			
		||||
        'rotateCommitLabel': true
 | 
			
		||||
  } } }%%
 | 
			
		||||
        gitGraph TB:
 | 
			
		||||
        commit id: "75f7219e83b321cd3fdde7dcf83bc7c1000a6828"
 | 
			
		||||
        commit id: "0db4784daf82736dec4569e0dc92980d328c1f2e"
 | 
			
		||||
        commit id: "7067e9973f9eaa6cd4a4b723c506d1eab598e83e"
 | 
			
		||||
        commit id: "66972321ad6c199013b5b31f03b3a86fa3f9817d"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('24: should render a simple gitgraph with horizontal labels | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `%%{init: { 'logLevel': 'debug', 'theme': 'default' , 'gitGraph': {
 | 
			
		||||
        'rotateCommitLabel': false
 | 
			
		||||
  } } }%%
 | 
			
		||||
        gitGraph TB:
 | 
			
		||||
        commit id: "Alpha"
 | 
			
		||||
        commit id: "Beta"
 | 
			
		||||
        commit id: "Gamma"
 | 
			
		||||
        commit id: "Delta"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('25: should render a simple gitgraph with cherry pick commit | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `
 | 
			
		||||
    gitGraph TB:
 | 
			
		||||
       commit id: "ZERO"
 | 
			
		||||
       branch develop
 | 
			
		||||
       commit id:"A"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id:"ONE"
 | 
			
		||||
       checkout develop
 | 
			
		||||
       commit id:"B"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id:"TWO"
 | 
			
		||||
       cherry-pick id:"A"
 | 
			
		||||
       commit id:"THREE"
 | 
			
		||||
       checkout develop
 | 
			
		||||
       commit id:"C"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('26: should render a gitgraph with cherry pick commit with custom tag | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `
 | 
			
		||||
    gitGraph TB:
 | 
			
		||||
       commit id: "ZERO"
 | 
			
		||||
       branch develop
 | 
			
		||||
       commit id:"A"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id:"ONE"
 | 
			
		||||
       checkout develop
 | 
			
		||||
       commit id:"B"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id:"TWO"
 | 
			
		||||
       cherry-pick id:"A" tag: "snapshot"
 | 
			
		||||
       commit id:"THREE"
 | 
			
		||||
       checkout develop
 | 
			
		||||
       commit id:"C"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('27: should render a gitgraph with cherry pick commit with no tag | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `
 | 
			
		||||
    gitGraph TB:
 | 
			
		||||
       commit id: "ZERO"
 | 
			
		||||
       branch develop
 | 
			
		||||
       commit id:"A"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id:"ONE"
 | 
			
		||||
       checkout develop
 | 
			
		||||
       commit id:"B"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id:"TWO"
 | 
			
		||||
       cherry-pick id:"A" tag: ""
 | 
			
		||||
       commit id:"THREE"
 | 
			
		||||
       checkout develop
 | 
			
		||||
       commit id:"C"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('28: should render a simple gitgraph with two cherry pick commit | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `
 | 
			
		||||
    gitGraph TB:
 | 
			
		||||
       commit id: "ZERO"
 | 
			
		||||
       branch develop
 | 
			
		||||
       commit id:"A"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id:"ONE"
 | 
			
		||||
       checkout develop
 | 
			
		||||
       commit id:"B"
 | 
			
		||||
       branch featureA
 | 
			
		||||
       commit id:"FIX"
 | 
			
		||||
       commit id: "FIX-2"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id:"TWO"
 | 
			
		||||
       cherry-pick id:"A"
 | 
			
		||||
       commit id:"THREE"
 | 
			
		||||
       cherry-pick id:"FIX"
 | 
			
		||||
       checkout develop
 | 
			
		||||
       commit id:"C"
 | 
			
		||||
       merge featureA
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('29: should render commits for more than 8 branches | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `
 | 
			
		||||
      gitGraph TB:
 | 
			
		||||
      checkout main
 | 
			
		||||
      %% Make sure to manually set the ID of all commits, for consistent visual tests
 | 
			
		||||
      commit id: "1-abcdefg"
 | 
			
		||||
      checkout main
 | 
			
		||||
      branch branch1
 | 
			
		||||
      commit id: "2-abcdefg"
 | 
			
		||||
      checkout main
 | 
			
		||||
      merge branch1
 | 
			
		||||
      branch branch2
 | 
			
		||||
      commit id: "3-abcdefg"
 | 
			
		||||
      checkout main
 | 
			
		||||
      merge branch2
 | 
			
		||||
      branch branch3
 | 
			
		||||
      commit id: "4-abcdefg"
 | 
			
		||||
      checkout main
 | 
			
		||||
      merge branch3
 | 
			
		||||
      branch branch4
 | 
			
		||||
      commit id: "5-abcdefg"
 | 
			
		||||
      checkout main
 | 
			
		||||
      merge branch4
 | 
			
		||||
      branch branch5
 | 
			
		||||
      commit id: "6-abcdefg"
 | 
			
		||||
      checkout main
 | 
			
		||||
      merge branch5
 | 
			
		||||
      branch branch6
 | 
			
		||||
      commit id: "7-abcdefg"
 | 
			
		||||
      checkout main
 | 
			
		||||
      merge branch6
 | 
			
		||||
      branch branch7
 | 
			
		||||
      commit id: "8-abcdefg"
 | 
			
		||||
      checkout main
 | 
			
		||||
      merge branch7
 | 
			
		||||
      branch branch8
 | 
			
		||||
      commit id: "9-abcdefg"
 | 
			
		||||
      checkout main
 | 
			
		||||
      merge branch8
 | 
			
		||||
      branch branch9
 | 
			
		||||
      commit id: "10-abcdefg"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('30: should render a simple gitgraph with three branches,custom merge commit id,tag,type | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `gitGraph TB:
 | 
			
		||||
       commit id: "1"
 | 
			
		||||
       commit id: "2"
 | 
			
		||||
       branch nice_feature
 | 
			
		||||
       checkout nice_feature
 | 
			
		||||
       commit id: "3"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id: "4"
 | 
			
		||||
       checkout nice_feature
 | 
			
		||||
       branch very_nice_feature
 | 
			
		||||
       checkout very_nice_feature
 | 
			
		||||
       commit id: "5"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id: "6"
 | 
			
		||||
       checkout nice_feature
 | 
			
		||||
       commit id: "7"
 | 
			
		||||
       checkout main
 | 
			
		||||
       merge nice_feature id: "customID" tag: "customTag" type: REVERSE
 | 
			
		||||
       checkout very_nice_feature
 | 
			
		||||
       commit id: "8"
 | 
			
		||||
       checkout main
 | 
			
		||||
       commit id: "9"
 | 
			
		||||
      `,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
  });
 | 
			
		||||
  it('31: should render a simple gitgraph with a title | Vertical Branch', () => {
 | 
			
		||||
    imgSnapshotTest(
 | 
			
		||||
      `---
 | 
			
		||||
title: simple gitGraph
 | 
			
		||||
---
 | 
			
		||||
gitGraph TB:
 | 
			
		||||
  commit id: "1-abcdefg"
 | 
			
		||||
`,
 | 
			
		||||
      {}
 | 
			
		||||
    );
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user