| 6dd74de | | | 1 | import { imgSnapshotTest } from '../../helpers/util'; |
| 6dd74de | | | 2 | |
| 6dd74de | | | 3 | const looks = ['classic', 'handDrawn'] as const; |
| 6dd74de | | | 4 | const directions = [ |
| 6dd74de | | | 5 | 'TB', |
| 6dd74de | | | 6 | //'BT', |
| 6dd74de | | | 7 | 'LR', |
| 6dd74de | | | 8 | //'RL' |
| 6dd74de | | | 9 | ] as const; |
| 6dd74de | | | 10 | |
| 6dd74de | | | 11 | const shapesSet1 = ['text', 'card', 'lin-rect', 'diamond', 'hexagon'] as const; |
| 6dd74de | | | 12 | |
| 6dd74de | | | 13 | // removing labelRect, need have alias for it |
| 6dd74de | | | 14 | const shapesSet2 = ['rounded', 'rect', 'start', 'stop'] as const; |
| 6dd74de | | | 15 | |
| 6dd74de | | | 16 | const shapesSet3 = ['fork', 'choice', 'note', 'stadium', 'odd'] as const; |
| 6dd74de | | | 17 | |
| 6dd74de | | | 18 | const shapesSet4 = ['subroutine', 'cylinder', 'circle', 'doublecircle', 'odd'] as const; |
| 6dd74de | | | 19 | |
| 6dd74de | | | 20 | const shapesSet5 = ['anchor', 'lean-r', 'lean-l', 'trap-t', 'trap-b'] as const; |
| 6dd74de | | | 21 | |
| 6dd74de | | | 22 | // Aggregate all shape sets into a single array |
| 6dd74de | | | 23 | const shapesSets = [shapesSet1, shapesSet2, shapesSet3, shapesSet4, shapesSet5] as const; |
| 6dd74de | | | 24 | |
| 6dd74de | | | 25 | looks.forEach((look) => { |
| 6dd74de | | | 26 | directions.forEach((direction) => { |
| 6dd74de | | | 27 | shapesSets.forEach((shapesSet) => { |
| 6dd74de | | | 28 | describe(`Test ${shapesSet.join(', ')} in ${look} look and dir ${direction}`, () => { |
| 6dd74de | | | 29 | it(`without label`, () => { |
| 6dd74de | | | 30 | let flowchartCode = `flowchart ${direction}\n`; |
| 6dd74de | | | 31 | shapesSet.forEach((newShape, index) => { |
| 6dd74de | | | 32 | flowchartCode += ` n${index} --> n${index}${index}@{ shape: ${newShape} }\n`; |
| 6dd74de | | | 33 | }); |
| 6dd74de | | | 34 | imgSnapshotTest(flowchartCode, { look }); |
| 6dd74de | | | 35 | }); |
| 6dd74de | | | 36 | |
| 6dd74de | | | 37 | it(`with label`, () => { |
| 6dd74de | | | 38 | let flowchartCode = `flowchart ${direction}\n`; |
| 6dd74de | | | 39 | shapesSet.forEach((newShape, index) => { |
| 6dd74de | | | 40 | flowchartCode += ` n${index} --> n${index}${index}@{ shape: ${newShape}, label: 'This is a label for ${newShape} shape' }\n`; |
| 6dd74de | | | 41 | }); |
| 6dd74de | | | 42 | imgSnapshotTest(flowchartCode, { look }); |
| 6dd74de | | | 43 | }); |
| 6dd74de | | | 44 | |
| 6dd74de | | | 45 | it(`connect all shapes with each other`, () => { |
| 6dd74de | | | 46 | let flowchartCode = `flowchart ${direction}\n`; |
| 6dd74de | | | 47 | shapesSet.forEach((newShape, index) => { |
| 6dd74de | | | 48 | flowchartCode += ` n${index}${index}@{ shape: ${newShape}, label: 'This is a label for ${newShape} shape' }\n`; |
| 6dd74de | | | 49 | }); |
| 6dd74de | | | 50 | for (let i = 0; i < shapesSet.length; i++) { |
| 6dd74de | | | 51 | for (let j = i + 1; j < shapesSet.length; j++) { |
| 6dd74de | | | 52 | flowchartCode += ` n${i}${i} --> n${j}${j}\n`; |
| 6dd74de | | | 53 | } |
| 6dd74de | | | 54 | } |
| 6dd74de | | | 55 | imgSnapshotTest(flowchartCode, { look }); |
| 6dd74de | | | 56 | }); |
| 6dd74de | | | 57 | |
| 6dd74de | | | 58 | it(`with very long label`, () => { |
| 6dd74de | | | 59 | let flowchartCode = `flowchart ${direction}\n`; |
| 6dd74de | | | 60 | shapesSet.forEach((newShape, index) => { |
| 6dd74de | | | 61 | flowchartCode += ` n${index} --> n${index}${index}@{ shape: ${newShape}, label: 'This is a very very very very very long long long label for ${newShape} shape' }\n`; |
| 6dd74de | | | 62 | }); |
| 6dd74de | | | 63 | imgSnapshotTest(flowchartCode, { look }); |
| 6dd74de | | | 64 | }); |
| 6dd74de | | | 65 | |
| 6dd74de | | | 66 | it(`with markdown htmlLabels:true`, () => { |
| 6dd74de | | | 67 | let flowchartCode = `flowchart ${direction}\n`; |
| 6dd74de | | | 68 | shapesSet.forEach((newShape, index) => { |
| 6dd74de | | | 69 | flowchartCode += ` n${index} --> n${index}${index}@{ shape: ${newShape}, label: 'This is **bold** </br>and <strong>strong</strong> for ${newShape} shape' }\n`; |
| 6dd74de | | | 70 | }); |
| 6dd74de | | | 71 | imgSnapshotTest(flowchartCode, { look }); |
| 6dd74de | | | 72 | }); |
| 6dd74de | | | 73 | |
| 6dd74de | | | 74 | it(`with markdown htmlLabels:false`, () => { |
| 6dd74de | | | 75 | let flowchartCode = `flowchart ${direction}\n`; |
| 6dd74de | | | 76 | shapesSet.forEach((newShape, index) => { |
| 6dd74de | | | 77 | flowchartCode += ` n${index} --> n${index}${index}@{ shape: ${newShape}, label: 'This is **bold** </br>and <strong>strong</strong> for ${newShape} shape' }\n`; |
| 6dd74de | | | 78 | }); |
| 6dd74de | | | 79 | imgSnapshotTest(flowchartCode, { |
| 6dd74de | | | 80 | look, |
| 6dd74de | | | 81 | htmlLabels: false, |
| 6dd74de | | | 82 | flowchart: { htmlLabels: false }, |
| 6dd74de | | | 83 | }); |
| 6dd74de | | | 84 | }); |
| 6dd74de | | | 85 | |
| 6dd74de | | | 86 | it(`with styles`, () => { |
| 6dd74de | | | 87 | let flowchartCode = `flowchart ${direction}\n`; |
| 6dd74de | | | 88 | shapesSet.forEach((newShape, index) => { |
| 6dd74de | | | 89 | flowchartCode += ` n${index} --> n${index}${index}@{ shape: ${newShape}, label: 'new ${newShape} shape' }\n`; |
| 6dd74de | | | 90 | flowchartCode += ` style n${index}${index} fill:#f9f,stroke:#333,stroke-width:4px \n`; |
| 6dd74de | | | 91 | }); |
| 6dd74de | | | 92 | imgSnapshotTest(flowchartCode, { look }); |
| 6dd74de | | | 93 | }); |
| 6dd74de | | | 94 | |
| 6dd74de | | | 95 | it(`with classDef`, () => { |
| 6dd74de | | | 96 | let flowchartCode = `flowchart ${direction}\n`; |
| 6dd74de | | | 97 | flowchartCode += ` classDef customClazz fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5\n`; |
| 6dd74de | | | 98 | shapesSet.forEach((newShape, index) => { |
| 6dd74de | | | 99 | flowchartCode += ` n${index} --> n${index}${index}@{ shape: ${newShape}, label: 'new ${newShape} shape' }\n`; |
| 6dd74de | | | 100 | flowchartCode += ` n${index}${index}:::customClazz\n`; |
| 6dd74de | | | 101 | }); |
| 6dd74de | | | 102 | imgSnapshotTest(flowchartCode, { look }); |
| 6dd74de | | | 103 | }); |
| 6dd74de | | | 104 | }); |
| 6dd74de | | | 105 | }); |
| 6dd74de | | | 106 | }); |
| 6dd74de | | | 107 | }); |