| 6dd74de | | | 1 | import { imgSnapshotTest, renderGraph } from '../../helpers/util.ts'; |
| 6dd74de | | | 2 | |
| 6dd74de | | | 3 | const looks = ['classic']; |
| 6dd74de | | | 4 | const participantTypes = [ |
| 6dd74de | | | 5 | { type: 'participant', display: 'participant' }, |
| 6dd74de | | | 6 | { type: 'actor', display: 'actor' }, |
| 6dd74de | | | 7 | { type: 'boundary', display: 'boundary' }, |
| 6dd74de | | | 8 | { type: 'control', display: 'control' }, |
| 6dd74de | | | 9 | { type: 'entity', display: 'entity' }, |
| 6dd74de | | | 10 | { type: 'database', display: 'database' }, |
| 6dd74de | | | 11 | { type: 'collections', display: 'collections' }, |
| 6dd74de | | | 12 | { type: 'queue', display: 'queue' }, |
| 6dd74de | | | 13 | ]; |
| 6dd74de | | | 14 | |
| 6dd74de | | | 15 | const restrictedTypes = ['boundary', 'control', 'entity', 'database', 'collections', 'queue']; |
| 6dd74de | | | 16 | |
| 6dd74de | | | 17 | const interactionTypes = ['->>', '-->>', '->', '-->', '-x', '--x', '->>+', '-->>+']; |
| 6dd74de | | | 18 | |
| 6dd74de | | | 19 | const notePositions = ['left of', 'right of', 'over']; |
| 6dd74de | | | 20 | |
| 6dd74de | | | 21 | function getParticipantLine(name, type, alias) { |
| 6dd74de | | | 22 | if (restrictedTypes.includes(type)) { |
| 6dd74de | | | 23 | return ` participant ${name}@{ "type" : "${type}" }\n`; |
| 6dd74de | | | 24 | } else if (alias) { |
| 6dd74de | | | 25 | return ` participant ${name}@{ "type" : "${type}" } \n`; |
| 6dd74de | | | 26 | } else { |
| 6dd74de | | | 27 | return ` participant ${name}@{ "type" : "${type}" }\n`; |
| 6dd74de | | | 28 | } |
| 6dd74de | | | 29 | } |
| 6dd74de | | | 30 | |
| 6dd74de | | | 31 | looks.forEach((look) => { |
| 6dd74de | | | 32 | describe(`Sequence Diagram Tests - ${look} look`, () => { |
| 6dd74de | | | 33 | it('should render all participant types', () => { |
| 6dd74de | | | 34 | let diagramCode = `sequenceDiagram\n`; |
| 6dd74de | | | 35 | participantTypes.forEach((pt, index) => { |
| 6dd74de | | | 36 | const name = `${pt.display}${index}`; |
| 6dd74de | | | 37 | diagramCode += getParticipantLine(name, pt.type); |
| 6dd74de | | | 38 | }); |
| 6dd74de | | | 39 | for (let i = 0; i < participantTypes.length - 1; i++) { |
| 6dd74de | | | 40 | diagramCode += ` ${participantTypes[i].display}${i} ->> ${participantTypes[i + 1].display}${i + 1}: Message ${i}\n`; |
| 6dd74de | | | 41 | } |
| 6dd74de | | | 42 | imgSnapshotTest(diagramCode, { look, sequence: { diagramMarginX: 50, diagramMarginY: 10 } }); |
| 6dd74de | | | 43 | }); |
| 6dd74de | | | 44 | |
| 6dd74de | | | 45 | it('should render all interaction types', () => { |
| 6dd74de | | | 46 | let diagramCode = `sequenceDiagram\n`; |
| 6dd74de | | | 47 | diagramCode += getParticipantLine('A', 'actor'); |
| 6dd74de | | | 48 | diagramCode += getParticipantLine('B', 'boundary'); |
| 6dd74de | | | 49 | interactionTypes.forEach((interaction, index) => { |
| 6dd74de | | | 50 | diagramCode += ` A ${interaction} B: ${interaction} message ${index}\n`; |
| 6dd74de | | | 51 | }); |
| 6dd74de | | | 52 | imgSnapshotTest(diagramCode, { look }); |
| 6dd74de | | | 53 | }); |
| 6dd74de | | | 54 | |
| 6dd74de | | | 55 | it('should render participant creation and destruction', () => { |
| 6dd74de | | | 56 | let diagramCode = `sequenceDiagram\n`; |
| 6dd74de | | | 57 | participantTypes.forEach((pt, index) => { |
| 6dd74de | | | 58 | const name = `${pt.display}${index}`; |
| 6dd74de | | | 59 | diagramCode += getParticipantLine('A', pt.type); |
| 6dd74de | | | 60 | diagramCode += getParticipantLine('B', pt.type); |
| 6dd74de | | | 61 | diagramCode += ` create participant ${name}@{ "type" : "${pt.type}" }\n`; |
| 6dd74de | | | 62 | diagramCode += ` A ->> ${name}: Hello ${pt.display}\n`; |
| 6dd74de | | | 63 | if (index % 2 === 0) { |
| 6dd74de | | | 64 | diagramCode += ` destroy ${name}\n`; |
| 6dd74de | | | 65 | } |
| 6dd74de | | | 66 | }); |
| 6dd74de | | | 67 | imgSnapshotTest(diagramCode, { look }); |
| 6dd74de | | | 68 | }); |
| 6dd74de | | | 69 | |
| 6dd74de | | | 70 | it('should render notes in all positions', () => { |
| 6dd74de | | | 71 | let diagramCode = `sequenceDiagram\n`; |
| 6dd74de | | | 72 | diagramCode += getParticipantLine('A', 'actor'); |
| 6dd74de | | | 73 | diagramCode += getParticipantLine('B', 'boundary'); |
| 6dd74de | | | 74 | notePositions.forEach((position, index) => { |
| 6dd74de | | | 75 | diagramCode += ` Note ${position} A: Note ${position} ${index}\n`; |
| 6dd74de | | | 76 | }); |
| 6dd74de | | | 77 | diagramCode += ` A ->> B: Message with notes\n`; |
| 6dd74de | | | 78 | imgSnapshotTest(diagramCode, { look }); |
| 6dd74de | | | 79 | }); |
| 6dd74de | | | 80 | |
| 6dd74de | | | 81 | it('should render parallel interactions', () => { |
| 6dd74de | | | 82 | let diagramCode = `sequenceDiagram\n`; |
| 6dd74de | | | 83 | participantTypes.slice(0, 4).forEach((pt, index) => { |
| 6dd74de | | | 84 | diagramCode += getParticipantLine(`${pt.display}${index}`, pt.type); |
| 6dd74de | | | 85 | }); |
| 6dd74de | | | 86 | diagramCode += ` par Parallel actions\n`; |
| 6dd74de | | | 87 | for (let i = 0; i < 3; i += 2) { |
| 6dd74de | | | 88 | diagramCode += ` ${participantTypes[i].display}${i} ->> ${participantTypes[i + 1].display}${i + 1}: Message ${i}\n`; |
| 6dd74de | | | 89 | if (i < participantTypes.length - 2) { |
| 6dd74de | | | 90 | diagramCode += ` and\n`; |
| 6dd74de | | | 91 | } |
| 6dd74de | | | 92 | } |
| 6dd74de | | | 93 | diagramCode += ` end\n`; |
| 6dd74de | | | 94 | imgSnapshotTest(diagramCode, { look }); |
| 6dd74de | | | 95 | }); |
| 6dd74de | | | 96 | |
| 6dd74de | | | 97 | it('should render alternative flows', () => { |
| 6dd74de | | | 98 | let diagramCode = `sequenceDiagram\n`; |
| 6dd74de | | | 99 | diagramCode += getParticipantLine('A', 'actor'); |
| 6dd74de | | | 100 | diagramCode += getParticipantLine('B', 'boundary'); |
| 6dd74de | | | 101 | diagramCode += ` alt Successful case\n`; |
| 6dd74de | | | 102 | diagramCode += ` A ->> B: Request\n`; |
| 6dd74de | | | 103 | diagramCode += ` B -->> A: Success\n`; |
| 6dd74de | | | 104 | diagramCode += ` else Failure case\n`; |
| 6dd74de | | | 105 | diagramCode += ` A ->> B: Request\n`; |
| 6dd74de | | | 106 | diagramCode += ` B --x A: Failure\n`; |
| 6dd74de | | | 107 | diagramCode += ` end\n`; |
| 6dd74de | | | 108 | imgSnapshotTest(diagramCode, { look }); |
| 6dd74de | | | 109 | }); |
| 6dd74de | | | 110 | |
| 6dd74de | | | 111 | it('should render loops', () => { |
| 6dd74de | | | 112 | let diagramCode = `sequenceDiagram\n`; |
| 6dd74de | | | 113 | participantTypes.slice(0, 3).forEach((pt, index) => { |
| 6dd74de | | | 114 | diagramCode += getParticipantLine(`${pt.display}${index}`, pt.type); |
| 6dd74de | | | 115 | }); |
| 6dd74de | | | 116 | diagramCode += ` loop For each participant\n`; |
| 6dd74de | | | 117 | for (let i = 0; i < 3; i++) { |
| 6dd74de | | | 118 | diagramCode += ` ${participantTypes[0].display}0 ->> ${participantTypes[1].display}1: Message ${i}\n`; |
| 6dd74de | | | 119 | } |
| 6dd74de | | | 120 | diagramCode += ` end\n`; |
| 6dd74de | | | 121 | imgSnapshotTest(diagramCode, { look }); |
| 6dd74de | | | 122 | }); |
| 6dd74de | | | 123 | |
| 6dd74de | | | 124 | it('should render boxes around groups', () => { |
| 6dd74de | | | 125 | let diagramCode = `sequenceDiagram\n`; |
| 6dd74de | | | 126 | diagramCode += ` box Group 1\n`; |
| 6dd74de | | | 127 | participantTypes.slice(0, 3).forEach((pt, index) => { |
| 6dd74de | | | 128 | diagramCode += ` ${getParticipantLine(`${pt.display}${index}`, pt.type)}`; |
| 6dd74de | | | 129 | }); |
| 6dd74de | | | 130 | diagramCode += ` end\n`; |
| 6dd74de | | | 131 | diagramCode += ` box rgb(200,220,255) Group 2\n`; |
| 6dd74de | | | 132 | participantTypes.slice(3, 6).forEach((pt, index) => { |
| 6dd74de | | | 133 | diagramCode += ` ${getParticipantLine(`${pt.display}${index}`, pt.type)}`; |
| 6dd74de | | | 134 | }); |
| 6dd74de | | | 135 | diagramCode += ` end\n`; |
| 6dd74de | | | 136 | diagramCode += ` ${participantTypes[0].display}0 ->> ${participantTypes[3].display}0: Cross-group message\n`; |
| 6dd74de | | | 137 | imgSnapshotTest(diagramCode, { look }); |
| 6dd74de | | | 138 | }); |
| 6dd74de | | | 139 | |
| 6dd74de | | | 140 | it('should render with different font settings', () => { |
| 6dd74de | | | 141 | let diagramCode = `sequenceDiagram\n`; |
| 6dd74de | | | 142 | participantTypes.slice(0, 3).forEach((pt, index) => { |
| 6dd74de | | | 143 | diagramCode += getParticipantLine(`${pt.display}${index}`, pt.type); |
| 6dd74de | | | 144 | }); |
| 6dd74de | | | 145 | diagramCode += ` ${participantTypes[0].display}0 ->> ${participantTypes[1].display}1: Regular message\n`; |
| 6dd74de | | | 146 | diagramCode += ` Note right of ${participantTypes[1].display}1: Regular note\n`; |
| 6dd74de | | | 147 | imgSnapshotTest(diagramCode, { |
| 6dd74de | | | 148 | look, |
| 6dd74de | | | 149 | sequence: { |
| 6dd74de | | | 150 | actorFontFamily: 'courier', |
| 6dd74de | | | 151 | actorFontSize: 14, |
| 6dd74de | | | 152 | messageFontFamily: 'Arial', |
| 6dd74de | | | 153 | messageFontSize: 12, |
| 6dd74de | | | 154 | noteFontFamily: 'times', |
| 6dd74de | | | 155 | noteFontSize: 16, |
| 6dd74de | | | 156 | noteAlign: 'left', |
| 6dd74de | | | 157 | }, |
| 6dd74de | | | 158 | }); |
| 6dd74de | | | 159 | }); |
| 6dd74de | | | 160 | }); |
| 6dd74de | | | 161 | }); |
| 6dd74de | | | 162 | |
| 6dd74de | | | 163 | // Additional tests for specific combinations |
| 6dd74de | | | 164 | describe('Sequence Diagram Special Cases', () => { |
| 6dd74de | | | 165 | it('should render complex sequence with all features', () => { |
| 6dd74de | | | 166 | const diagramCode = ` |
| 6dd74de | | | 167 | sequenceDiagram |
| 6dd74de | | | 168 | box rgb(200,220,255) Authentication |
| 6dd74de | | | 169 | actor User |
| 6dd74de | | | 170 | participant LoginUI@{ "type": "boundary" } |
| 6dd74de | | | 171 | participant AuthService@{ "type": "control" } |
| 6dd74de | | | 172 | participant UserDB@{ "type": "database" } |
| 6dd74de | | | 173 | end |
| 6dd74de | | | 174 | |
| 6dd74de | | | 175 | box rgb(200,255,220) Order Processing |
| 6dd74de | | | 176 | participant Order@{ "type": "entity" } |
| 6dd74de | | | 177 | participant OrderQueue@{ "type": "queue" } |
| 6dd74de | | | 178 | participant AuditLogs@{ "type": "collections" } |
| 6dd74de | | | 179 | end |
| 6dd74de | | | 180 | |
| 6dd74de | | | 181 | User ->> LoginUI: Enter credentials |
| 6dd74de | | | 182 | LoginUI ->> AuthService: Validate |
| 6dd74de | | | 183 | AuthService ->> UserDB: Query user |
| 6dd74de | | | 184 | UserDB -->> AuthService: User data |
| 6dd74de | | | 185 | alt Valid credentials |
| 6dd74de | | | 186 | AuthService -->> LoginUI: Success |
| 6dd74de | | | 187 | LoginUI -->> User: Welcome |
| 6dd74de | | | 188 | |
| 6dd74de | | | 189 | par Place order |
| 6dd74de | | | 190 | User ->> Order: New order |
| 6dd74de | | | 191 | Order ->> OrderQueue: Process |
| 6dd74de | | | 192 | and |
| 6dd74de | | | 193 | Order ->> AuditLogs: Record |
| 6dd74de | | | 194 | end |
| 6dd74de | | | 195 | |
| 6dd74de | | | 196 | loop Until confirmed |
| 6dd74de | | | 197 | OrderQueue ->> Order: Update status |
| 6dd74de | | | 198 | Order -->> User: Notification |
| 6dd74de | | | 199 | end |
| 6dd74de | | | 200 | else Invalid credentials |
| 6dd74de | | | 201 | AuthService --x LoginUI: Failure |
| 6dd74de | | | 202 | LoginUI --x User: Retry |
| 6dd74de | | | 203 | end |
| 6dd74de | | | 204 | `; |
| 6dd74de | | | 205 | imgSnapshotTest(diagramCode, {}); |
| 6dd74de | | | 206 | }); |
| 6dd74de | | | 207 | |
| 6dd74de | | | 208 | it('should render with wrapped messages and notes', () => { |
| 6dd74de | | | 209 | const diagramCode = ` |
| 6dd74de | | | 210 | sequenceDiagram |
| 6dd74de | | | 211 | participant A |
| 6dd74de | | | 212 | participant B |
| 6dd74de | | | 213 | |
| 6dd74de | | | 214 | A ->> B: This is a very long message that should wrap properly in the diagram rendering |
| 6dd74de | | | 215 | Note over A,B: This is a very long note that should also wrap properly when rendered in the diagram |
| 6dd74de | | | 216 | |
| 6dd74de | | | 217 | par Wrapped parallel |
| 6dd74de | | | 218 | A ->> B: Parallel message 1<br>with explicit line break |
| 6dd74de | | | 219 | and |
| 6dd74de | | | 220 | B ->> A: Parallel message 2<br>with explicit line break |
| 6dd74de | | | 221 | end |
| 6dd74de | | | 222 | |
| 6dd74de | | | 223 | loop Wrapped loop |
| 6dd74de | | | 224 | Note right of B: This is a long note<br>in a loop |
| 6dd74de | | | 225 | A ->> B: Message in loop |
| 6dd74de | | | 226 | end |
| 6dd74de | | | 227 | `; |
| 6dd74de | | | 228 | imgSnapshotTest(diagramCode, { sequence: { wrap: true } }); |
| 6dd74de | | | 229 | }); |
| 6dd74de | | | 230 | describe('Sequence Diagram Rendering with Different Participant Types', () => { |
| 6dd74de | | | 231 | it('should render a sequence diagram with various participant types', () => { |
| 6dd74de | | | 232 | imgSnapshotTest( |
| 6dd74de | | | 233 | ` |
| 6dd74de | | | 234 | sequenceDiagram |
| 6dd74de | | | 235 | participant User@{ "type": "actor" } |
| 6dd74de | | | 236 | participant AuthService@{ "type": "control" } |
| 6dd74de | | | 237 | participant UI@{ "type": "boundary" } |
| 6dd74de | | | 238 | participant OrderController@{ "type": "control" } |
| 6dd74de | | | 239 | participant Product@{ "type": "entity" } |
| 6dd74de | | | 240 | participant MongoDB@{ "type": "database" } |
| 6dd74de | | | 241 | participant Products@{ "type": "collections" } |
| 6dd74de | | | 242 | participant OrderQueue@{ "type": "queue" } |
| 6dd74de | | | 243 | User ->> UI: Login request |
| 6dd74de | | | 244 | UI ->> AuthService: Validate credentials |
| 6dd74de | | | 245 | AuthService -->> UI: Authentication token |
| 6dd74de | | | 246 | UI ->> OrderController: Place order |
| 6dd74de | | | 247 | OrderController ->> Product: Check availability |
| 6dd74de | | | 248 | Product -->> OrderController: Available |
| 6dd74de | | | 249 | OrderController ->> MongoDB: Save order |
| 6dd74de | | | 250 | MongoDB -->> OrderController: Order saved |
| 6dd74de | | | 251 | OrderController ->> OrderQueue: Process payment |
| 6dd74de | | | 252 | OrderQueue -->> User: Order confirmation |
| 6dd74de | | | 253 | ` |
| 6dd74de | | | 254 | ); |
| 6dd74de | | | 255 | }); |
| 6dd74de | | | 256 | |
| 6dd74de | | | 257 | it('should render participant creation and destruction with different types', () => { |
| 6dd74de | | | 258 | imgSnapshotTest(` |
| 6dd74de | | | 259 | sequenceDiagram |
| 6dd74de | | | 260 | participant Alice@{ "type" : "boundary" } |
| 6dd74de | | | 261 | Alice->>Bob: Hello Bob, how are you ? |
| 6dd74de | | | 262 | Bob->>Alice: Fine, thank you. And you? |
| 6dd74de | | | 263 | create participant Carl@{ "type" : "control" } |
| 6dd74de | | | 264 | Alice->>Carl: Hi Carl! |
| 6dd74de | | | 265 | create actor D as Donald |
| 6dd74de | | | 266 | Carl->>D: Hi! |
| 6dd74de | | | 267 | destroy Carl |
| 6dd74de | | | 268 | Alice-xCarl: We are too many |
| 6dd74de | | | 269 | destroy Bob |
| 6dd74de | | | 270 | Bob->>Alice: I agree |
| 6dd74de | | | 271 | `); |
| 6dd74de | | | 272 | }); |
| 6dd74de | | | 273 | |
| 6dd74de | | | 274 | it('should handle complex interactions between different participant types', () => { |
| 6dd74de | | | 275 | imgSnapshotTest( |
| 6dd74de | | | 276 | ` |
| 6dd74de | | | 277 | sequenceDiagram |
| 6dd74de | | | 278 | box rgb(200,220,255) Authentication |
| 6dd74de | | | 279 | participant User@{ "type": "actor" } |
| 6dd74de | | | 280 | participant LoginUI@{ "type": "boundary" } |
| 6dd74de | | | 281 | participant AuthService@{ "type": "control" } |
| 6dd74de | | | 282 | participant UserDB@{ "type": "database" } |
| 6dd74de | | | 283 | end |
| 6dd74de | | | 284 | |
| 6dd74de | | | 285 | box rgb(200,255,220) Order Processing |
| 6dd74de | | | 286 | participant Order@{ "type": "entity" } |
| 6dd74de | | | 287 | participant OrderQueue@{ "type": "queue" } |
| 6dd74de | | | 288 | participant AuditLogs@{ "type": "collections" } |
| 6dd74de | | | 289 | end |
| 6dd74de | | | 290 | |
| 6dd74de | | | 291 | User ->> LoginUI: Enter credentials |
| 6dd74de | | | 292 | LoginUI ->> AuthService: Validate |
| 6dd74de | | | 293 | AuthService ->> UserDB: Query user |
| 6dd74de | | | 294 | UserDB -->> AuthService: User data |
| 6dd74de | | | 295 | |
| 6dd74de | | | 296 | alt Valid credentials |
| 6dd74de | | | 297 | AuthService -->> LoginUI: Success |
| 6dd74de | | | 298 | LoginUI -->> User: Welcome |
| 6dd74de | | | 299 | |
| 6dd74de | | | 300 | par Place order |
| 6dd74de | | | 301 | User ->> Order: New order |
| 6dd74de | | | 302 | Order ->> OrderQueue: Process |
| 6dd74de | | | 303 | and |
| 6dd74de | | | 304 | Order ->> AuditLogs: Record |
| 6dd74de | | | 305 | end |
| 6dd74de | | | 306 | |
| 6dd74de | | | 307 | loop Until confirmed |
| 6dd74de | | | 308 | OrderQueue ->> Order: Update status |
| 6dd74de | | | 309 | Order -->> User: Notification |
| 6dd74de | | | 310 | end |
| 6dd74de | | | 311 | else Invalid credentials |
| 6dd74de | | | 312 | AuthService --x LoginUI: Failure |
| 6dd74de | | | 313 | LoginUI --x User: Retry |
| 6dd74de | | | 314 | end |
| 6dd74de | | | 315 | `, |
| 6dd74de | | | 316 | { sequence: { useMaxWidth: false } } |
| 6dd74de | | | 317 | ); |
| 6dd74de | | | 318 | }); |
| 6dd74de | | | 319 | |
| 6dd74de | | | 320 | it('should render parallel processes with different participant types', () => { |
| 6dd74de | | | 321 | imgSnapshotTest( |
| 6dd74de | | | 322 | ` |
| 6dd74de | | | 323 | sequenceDiagram |
| 6dd74de | | | 324 | participant Customer@{ "type": "actor" } |
| 6dd74de | | | 325 | participant Frontend@{ "type": "participant" } |
| 6dd74de | | | 326 | participant PaymentService@{ "type": "boundary" } |
| 6dd74de | | | 327 | participant InventoryManager@{ "type": "control" } |
| 6dd74de | | | 328 | participant Order@{ "type": "entity" } |
| 6dd74de | | | 329 | participant OrdersDB@{ "type": "database" } |
| 6dd74de | | | 330 | participant NotificationQueue@{ "type": "queue" } |
| 6dd74de | | | 331 | |
| 6dd74de | | | 332 | Customer ->> Frontend: Place order |
| 6dd74de | | | 333 | Frontend ->> Order: Create order |
| 6dd74de | | | 334 | par Parallel Processing |
| 6dd74de | | | 335 | Order ->> PaymentService: Process payment |
| 6dd74de | | | 336 | and |
| 6dd74de | | | 337 | Order ->> InventoryManager: Reserve items |
| 6dd74de | | | 338 | end |
| 6dd74de | | | 339 | PaymentService -->> Order: Payment confirmed |
| 6dd74de | | | 340 | InventoryManager -->> Order: Items reserved |
| 6dd74de | | | 341 | Order ->> OrdersDB: Save finalized order |
| 6dd74de | | | 342 | OrdersDB -->> Order: Order saved |
| 6dd74de | | | 343 | Order ->> NotificationQueue: Send confirmation |
| 6dd74de | | | 344 | NotificationQueue -->> Customer: Order confirmation |
| 6dd74de | | | 345 | ` |
| 6dd74de | | | 346 | ); |
| 6dd74de | | | 347 | }); |
| 6dd74de | | | 348 | }); |
| 6dd74de | | | 349 | it('should render different participant types with notes and loops', () => { |
| 6dd74de | | | 350 | imgSnapshotTest( |
| 6dd74de | | | 351 | ` |
| 6dd74de | | | 352 | sequenceDiagram |
| 6dd74de | | | 353 | actor Admin |
| 6dd74de | | | 354 | participant Dashboard |
| 6dd74de | | | 355 | participant AuthService@{ "type" : "boundary" } |
| 6dd74de | | | 356 | participant UserManager@{ "type" : "control" } |
| 6dd74de | | | 357 | participant UserProfile@{ "type" : "entity" } |
| 6dd74de | | | 358 | participant UserDB@{ "type" : "database" } |
| 6dd74de | | | 359 | participant Logs@{ "type" : "database" } |
| 6dd74de | | | 360 | |
| 6dd74de | | | 361 | Admin ->> Dashboard: Open user management |
| 6dd74de | | | 362 | loop Authentication check |
| 6dd74de | | | 363 | Dashboard ->> AuthService: Verify admin rights |
| 6dd74de | | | 364 | AuthService ->> Dashboard: Access granted |
| 6dd74de | | | 365 | end |
| 6dd74de | | | 366 | Dashboard ->> UserManager: List users |
| 6dd74de | | | 367 | UserManager ->> UserDB: Query users |
| 6dd74de | | | 368 | UserDB ->> UserManager: Return user data |
| 6dd74de | | | 369 | Note right of UserDB: Encrypted data<br/>requires decryption |
| 6dd74de | | | 370 | UserManager ->> UserProfile: Format profiles |
| 6dd74de | | | 371 | UserProfile ->> UserManager: Formatted data |
| 6dd74de | | | 372 | UserManager ->> Dashboard: Display users |
| 6dd74de | | | 373 | Dashboard ->> Logs: Record access |
| 6dd74de | | | 374 | Logs ->> Admin: Audit trail |
| 6dd74de | | | 375 | ` |
| 6dd74de | | | 376 | ); |
| 6dd74de | | | 377 | }); |
| 6dd74de | | | 378 | |
| 6dd74de | | | 379 | it('should render different participant types with alternative flows', () => { |
| 6dd74de | | | 380 | imgSnapshotTest( |
| 6dd74de | | | 381 | ` |
| 6dd74de | | | 382 | sequenceDiagram |
| 6dd74de | | | 383 | actor Client |
| 6dd74de | | | 384 | participant MobileApp |
| 6dd74de | | | 385 | participant CloudService@{ "type" : "boundary" } |
| 6dd74de | | | 386 | participant DataProcessor@{ "type" : "control" } |
| 6dd74de | | | 387 | participant Transaction@{ "type" : "entity" } |
| 6dd74de | | | 388 | participant TransactionsDB@{ "type" : "database" } |
| 6dd74de | | | 389 | participant EventBus@{ "type" : "queue" } |
| 6dd74de | | | 390 | |
| 6dd74de | | | 391 | Client ->> MobileApp: Initiate transaction |
| 6dd74de | | | 392 | MobileApp ->> CloudService: Authenticate |
| 6dd74de | | | 393 | alt Authentication successful |
| 6dd74de | | | 394 | CloudService -->> MobileApp: Auth token |
| 6dd74de | | | 395 | MobileApp ->> DataProcessor: Process data |
| 6dd74de | | | 396 | DataProcessor ->> Transaction: Create transaction |
| 6dd74de | | | 397 | Transaction ->> TransactionsDB: Save record |
| 6dd74de | | | 398 | TransactionsDB -->> Transaction: Confirmation |
| 6dd74de | | | 399 | Transaction ->> EventBus: Publish event |
| 6dd74de | | | 400 | EventBus -->> Client: Notification |
| 6dd74de | | | 401 | else Authentication failed |
| 6dd74de | | | 402 | CloudService -->> MobileApp: Error |
| 6dd74de | | | 403 | MobileApp -->> Client: Show error |
| 6dd74de | | | 404 | end |
| 6dd74de | | | 405 | ` |
| 6dd74de | | | 406 | ); |
| 6dd74de | | | 407 | }); |
| 6dd74de | | | 408 | |
| 6dd74de | | | 409 | it('should render different participant types with wrapping text', () => { |
| 6dd74de | | | 410 | imgSnapshotTest( |
| 6dd74de | | | 411 | ` |
| 6dd74de | | | 412 | sequenceDiagram |
| 6dd74de | | | 413 | participant B@{ "type" : "boundary" } |
| 6dd74de | | | 414 | participant C@{ "type" : "control" } |
| 6dd74de | | | 415 | participant E@{ "type" : "entity" } |
| 6dd74de | | | 416 | participant DB@{ "type" : "database" } |
| 6dd74de | | | 417 | participant COL@{ "type" : "collections" } |
| 6dd74de | | | 418 | participant Q@{ "type" : "queue" } |
| 6dd74de | | | 419 | |
| 6dd74de | | | 420 | FE ->> B: Another long message<br/>with explicit<br/>line breaks |
| 6dd74de | | | 421 | B -->> FE: Response message that is also quite long and needs to wrap |
| 6dd74de | | | 422 | FE ->> C: Process data |
| 6dd74de | | | 423 | C ->> E: Validate |
| 6dd74de | | | 424 | E -->> C: Validation result |
| 6dd74de | | | 425 | C ->> DB: Save |
| 6dd74de | | | 426 | DB -->> C: Save result |
| 6dd74de | | | 427 | C ->> COL: Log |
| 6dd74de | | | 428 | COL -->> Q: Forward |
| 6dd74de | | | 429 | Q -->> LongNameUser: Final response with confirmation of all actions taken |
| 6dd74de | | | 430 | `, |
| 6dd74de | | | 431 | { sequence: { wrap: true } } |
| 6dd74de | | | 432 | ); |
| 6dd74de | | | 433 | }); |
| 6dd74de | | | 434 | |
| 6dd74de | | | 435 | describe('Sequence Diagram - New Participant Types with Long Notes and Messages', () => { |
| 6dd74de | | | 436 | it('should render long notes left of boundary', () => { |
| 6dd74de | | | 437 | imgSnapshotTest( |
| 6dd74de | | | 438 | ` |
| 6dd74de | | | 439 | sequenceDiagram |
| 6dd74de | | | 440 | participant Alice@{ "type" : "boundary" } |
| 6dd74de | | | 441 | actor Bob |
| 6dd74de | | | 442 | Alice->>Bob: Hola |
| 6dd74de | | | 443 | Note left of Alice: Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 444 | Bob->>Alice: I'm short though |
| 6dd74de | | | 445 | `, |
| 6dd74de | | | 446 | {} |
| 6dd74de | | | 447 | ); |
| 6dd74de | | | 448 | }); |
| 6dd74de | | | 449 | |
| 6dd74de | | | 450 | it('should render wrapped long notes left of control', () => { |
| 6dd74de | | | 451 | imgSnapshotTest( |
| 6dd74de | | | 452 | ` |
| 6dd74de | | | 453 | sequenceDiagram |
| 6dd74de | | | 454 | participant Alice@{ "type" : "control" } |
| 6dd74de | | | 455 | actor Bob |
| 6dd74de | | | 456 | Alice->>Bob: Hola |
| 6dd74de | | | 457 | Note left of Alice:wrap: Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 458 | Bob->>Alice: I'm short though |
| 6dd74de | | | 459 | `, |
| 6dd74de | | | 460 | {} |
| 6dd74de | | | 461 | ); |
| 6dd74de | | | 462 | }); |
| 6dd74de | | | 463 | |
| 6dd74de | | | 464 | it('should render long notes right of entity', () => { |
| 6dd74de | | | 465 | imgSnapshotTest( |
| 6dd74de | | | 466 | ` |
| 6dd74de | | | 467 | sequenceDiagram |
| 6dd74de | | | 468 | participant Alice@{ "type" : "entity" } |
| 6dd74de | | | 469 | actor Bob |
| 6dd74de | | | 470 | Alice->>Bob: Hola |
| 6dd74de | | | 471 | Note right of Alice: Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 472 | Bob->>Alice: I'm short though |
| 6dd74de | | | 473 | `, |
| 6dd74de | | | 474 | {} |
| 6dd74de | | | 475 | ); |
| 6dd74de | | | 476 | }); |
| 6dd74de | | | 477 | |
| 6dd74de | | | 478 | it('should render wrapped long notes right of database', () => { |
| 6dd74de | | | 479 | imgSnapshotTest( |
| 6dd74de | | | 480 | ` |
| 6dd74de | | | 481 | sequenceDiagram |
| 6dd74de | | | 482 | participant Alice@{ "type" : "database" } |
| 6dd74de | | | 483 | actor Bob |
| 6dd74de | | | 484 | Alice->>Bob: Hola |
| 6dd74de | | | 485 | Note right of Alice:wrap: Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 486 | Bob->>Alice: I'm short though |
| 6dd74de | | | 487 | `, |
| 6dd74de | | | 488 | {} |
| 6dd74de | | | 489 | ); |
| 6dd74de | | | 490 | }); |
| 6dd74de | | | 491 | |
| 6dd74de | | | 492 | it('should render long notes over collections', () => { |
| 6dd74de | | | 493 | imgSnapshotTest( |
| 6dd74de | | | 494 | ` |
| 6dd74de | | | 495 | sequenceDiagram |
| 6dd74de | | | 496 | participant Alice@{ "type" : "collections" } |
| 6dd74de | | | 497 | actor Bob |
| 6dd74de | | | 498 | Alice->>Bob: Hola |
| 6dd74de | | | 499 | Note over Alice: Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 500 | Bob->>Alice: I'm short though |
| 6dd74de | | | 501 | `, |
| 6dd74de | | | 502 | {} |
| 6dd74de | | | 503 | ); |
| 6dd74de | | | 504 | }); |
| 6dd74de | | | 505 | |
| 6dd74de | | | 506 | it('should render wrapped long notes over queue', () => { |
| 6dd74de | | | 507 | imgSnapshotTest( |
| 6dd74de | | | 508 | ` |
| 6dd74de | | | 509 | sequenceDiagram |
| 6dd74de | | | 510 | participant Alice@{ "type" : "queue" } |
| 6dd74de | | | 511 | actor Bob |
| 6dd74de | | | 512 | Alice->>Bob: Hola |
| 6dd74de | | | 513 | Note over Alice:wrap: Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 514 | Bob->>Alice: I'm short though |
| 6dd74de | | | 515 | `, |
| 6dd74de | | | 516 | {} |
| 6dd74de | | | 517 | ); |
| 6dd74de | | | 518 | }); |
| 6dd74de | | | 519 | |
| 6dd74de | | | 520 | it('should render notes over actor and boundary', () => { |
| 6dd74de | | | 521 | imgSnapshotTest( |
| 6dd74de | | | 522 | ` |
| 6dd74de | | | 523 | sequenceDiagram |
| 6dd74de | | | 524 | actor Alice |
| 6dd74de | | | 525 | participant Charlie@{ "type" : "boundary" } |
| 6dd74de | | | 526 | note over Alice: Some note |
| 6dd74de | | | 527 | note over Charlie: Other note |
| 6dd74de | | | 528 | `, |
| 6dd74de | | | 529 | {} |
| 6dd74de | | | 530 | ); |
| 6dd74de | | | 531 | }); |
| 6dd74de | | | 532 | |
| 6dd74de | | | 533 | it('should render long messages from database to collections', () => { |
| 6dd74de | | | 534 | imgSnapshotTest( |
| 6dd74de | | | 535 | ` |
| 6dd74de | | | 536 | sequenceDiagram |
| 6dd74de | | | 537 | participant Alice@{ "type" : "database" } |
| 6dd74de | | | 538 | participant Bob@{ "type" : "collections" } |
| 6dd74de | | | 539 | Alice->>Bob: Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 540 | Bob->>Alice: I'm short though |
| 6dd74de | | | 541 | `, |
| 6dd74de | | | 542 | {} |
| 6dd74de | | | 543 | ); |
| 6dd74de | | | 544 | }); |
| 6dd74de | | | 545 | |
| 6dd74de | | | 546 | it('should render wrapped long messages from control to entity', () => { |
| 6dd74de | | | 547 | imgSnapshotTest( |
| 6dd74de | | | 548 | ` |
| 6dd74de | | | 549 | sequenceDiagram |
| 6dd74de | | | 550 | participant Alice@{ "type" : "control" } |
| 6dd74de | | | 551 | participant Bob@{ "type" : "entity" } |
| 6dd74de | | | 552 | Alice->>Bob:wrap: Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 553 | Bob->>Alice: I'm short though |
| 6dd74de | | | 554 | `, |
| 6dd74de | | | 555 | {} |
| 6dd74de | | | 556 | ); |
| 6dd74de | | | 557 | }); |
| 6dd74de | | | 558 | |
| 6dd74de | | | 559 | it('should render long messages from queue to boundary', () => { |
| 6dd74de | | | 560 | imgSnapshotTest( |
| 6dd74de | | | 561 | ` |
| 6dd74de | | | 562 | sequenceDiagram |
| 6dd74de | | | 563 | participant Alice@{ "type" : "queue" } |
| 6dd74de | | | 564 | participant Bob@{ "type" : "boundary" } |
| 6dd74de | | | 565 | Alice->>Bob: I'm short |
| 6dd74de | | | 566 | Bob->>Alice: Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 567 | `, |
| 6dd74de | | | 568 | {} |
| 6dd74de | | | 569 | ); |
| 6dd74de | | | 570 | }); |
| 6dd74de | | | 571 | |
| 6dd74de | | | 572 | it('should render wrapped long messages from actor to database', () => { |
| 6dd74de | | | 573 | imgSnapshotTest( |
| 6dd74de | | | 574 | ` |
| 6dd74de | | | 575 | sequenceDiagram |
| 6dd74de | | | 576 | actor Alice |
| 6dd74de | | | 577 | participant Bob@{ "type" : "database" } |
| 6dd74de | | | 578 | Alice->>Bob: I'm short |
| 6dd74de | | | 579 | Bob->>Alice:wrap: Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 580 | `, |
| 6dd74de | | | 581 | {} |
| 6dd74de | | | 582 | ); |
| 6dd74de | | | 583 | }); |
| 6dd74de | | | 584 | }); |
| 6dd74de | | | 585 | |
| 6dd74de | | | 586 | describe('svg size', () => { |
| 6dd74de | | | 587 | it('should render a sequence diagram when useMaxWidth is true (default)', () => { |
| 6dd74de | | | 588 | renderGraph( |
| 6dd74de | | | 589 | ` |
| 6dd74de | | | 590 | sequenceDiagram |
| 6dd74de | | | 591 | actor Alice |
| 6dd74de | | | 592 | participant Bob@{ "type" : "boundary" } |
| 6dd74de | | | 593 | participant John@{ "type" : "control" } |
| 6dd74de | | | 594 | Alice ->> Bob: Hello Bob, how are you? |
| 6dd74de | | | 595 | Bob-->>John: How about you John? |
| 6dd74de | | | 596 | Bob--x Alice: I am good thanks! |
| 6dd74de | | | 597 | Bob-x John: I am good thanks! |
| 6dd74de | | | 598 | Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row. |
| 6dd74de | | | 599 | Bob-->Alice: Checking with John... |
| 6dd74de | | | 600 | alt either this |
| 6dd74de | | | 601 | Alice->>John: Yes |
| 6dd74de | | | 602 | else or this |
| 6dd74de | | | 603 | Alice->>John: No |
| 6dd74de | | | 604 | else or this will happen |
| 6dd74de | | | 605 | Alice->John: Maybe |
| 6dd74de | | | 606 | end |
| 6dd74de | | | 607 | par this happens in parallel |
| 6dd74de | | | 608 | Alice -->> Bob: Parallel message 1 |
| 6dd74de | | | 609 | and |
| 6dd74de | | | 610 | Alice -->> John: Parallel message 2 |
| 6dd74de | | | 611 | end |
| 6dd74de | | | 612 | `, |
| 6dd74de | | | 613 | { sequence: { useMaxWidth: true } } |
| 6dd74de | | | 614 | ); |
| 6dd74de | | | 615 | cy.get('svg').should((svg) => { |
| 6dd74de | | | 616 | expect(svg).to.have.attr('width', '100%'); |
| 6dd74de | | | 617 | const style = svg.attr('style'); |
| 6dd74de | | | 618 | expect(style).to.match(/^max-width: [\d.]+px;$/); |
| 6dd74de | | | 619 | const maxWidthValue = parseFloat(style.match(/[\d.]+/g).join('')); |
| 6dd74de | | | 620 | expect(maxWidthValue).to.be.within(820 * 0.95, 820 * 1.05); |
| 6dd74de | | | 621 | }); |
| 6dd74de | | | 622 | }); |
| 6dd74de | | | 623 | |
| 6dd74de | | | 624 | it('should render a sequence diagram when useMaxWidth is false', () => { |
| 6dd74de | | | 625 | renderGraph( |
| 6dd74de | | | 626 | ` |
| 6dd74de | | | 627 | sequenceDiagram |
| 6dd74de | | | 628 | actor Alice |
| 6dd74de | | | 629 | participant Bob@{ "type" : "boundary" } |
| 6dd74de | | | 630 | participant John@{ "type" : "control" } |
| 6dd74de | | | 631 | Alice ->> Bob: Hello Bob, how are you? |
| 6dd74de | | | 632 | Bob-->>John: How about you John? |
| 6dd74de | | | 633 | Bob--x Alice: I am good thanks! |
| 6dd74de | | | 634 | Bob-x John: I am good thanks! |
| 6dd74de | | | 635 | Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row. |
| 6dd74de | | | 636 | Bob-->Alice: Checking with John... |
| 6dd74de | | | 637 | alt either this |
| 6dd74de | | | 638 | Alice->>John: Yes |
| 6dd74de | | | 639 | else or this |
| 6dd74de | | | 640 | Alice->>John: No |
| 6dd74de | | | 641 | else or this will happen |
| 6dd74de | | | 642 | Alice->John: Maybe |
| 6dd74de | | | 643 | end |
| 6dd74de | | | 644 | par this happens in parallel |
| 6dd74de | | | 645 | Alice -->> Bob: Parallel message 1 |
| 6dd74de | | | 646 | and |
| 6dd74de | | | 647 | Alice -->> John: Parallel message 2 |
| 6dd74de | | | 648 | end |
| 6dd74de | | | 649 | `, |
| 6dd74de | | | 650 | { sequence: { useMaxWidth: false } } |
| 6dd74de | | | 651 | ); |
| 6dd74de | | | 652 | cy.get('svg').should((svg) => { |
| 6dd74de | | | 653 | const width = parseFloat(svg.attr('width')); |
| 6dd74de | | | 654 | expect(width).to.be.within(820 * 0.95, 820 * 1.05); |
| 6dd74de | | | 655 | expect(svg).to.not.have.attr('style'); |
| 6dd74de | | | 656 | }); |
| 6dd74de | | | 657 | }); |
| 6dd74de | | | 658 | |
| 6dd74de | | | 659 | describe('Central Connection Rendering Tests', () => { |
| 6dd74de | | | 660 | it('should render central connection circles on actor vertical lines', () => { |
| 6dd74de | | | 661 | imgSnapshotTest( |
| 6dd74de | | | 662 | `sequenceDiagram |
| 6dd74de | | | 663 | participant Alice |
| 6dd74de | | | 664 | participant Bob |
| 6dd74de | | | 665 | participant Charlie |
| 6dd74de | | | 666 | Alice ()->>() Bob: Central connection |
| 6dd74de | | | 667 | Bob ()-->> Charlie: Reverse central connection |
| 6dd74de | | | 668 | Charlie ()<<-->>() Alice: Dual central connection`, |
| 6dd74de | | | 669 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 670 | ); |
| 6dd74de | | | 671 | }); |
| 6dd74de | | | 672 | |
| 6dd74de | | | 673 | it('should render central connections with different arrow types', () => { |
| 6dd74de | | | 674 | imgSnapshotTest( |
| 6dd74de | | | 675 | `sequenceDiagram |
| 6dd74de | | | 676 | participant Alice |
| 6dd74de | | | 677 | participant Bob |
| 6dd74de | | | 678 | Alice ()->>() Bob: Solid open arrow |
| 6dd74de | | | 679 | Alice ()-->>() Bob: Dotted open arrow |
| 6dd74de | | | 680 | Alice ()-x() Bob: Solid cross |
| 6dd74de | | | 681 | Alice ()--x() Bob: Dotted cross |
| 6dd74de | | | 682 | Alice ()->() Bob: Solid arrow`, |
| 6dd74de | | | 683 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 684 | ); |
| 6dd74de | | | 685 | }); |
| 6dd74de | | | 686 | |
| 6dd74de | | | 687 | it('should render central connections with bidirectional arrows', () => { |
| 6dd74de | | | 688 | imgSnapshotTest( |
| 6dd74de | | | 689 | `sequenceDiagram |
| 6dd74de | | | 690 | participant Alice |
| 6dd74de | | | 691 | participant Bob |
| 6dd74de | | | 692 | Alice ()<<->>() Bob: Bidirectional solid |
| 6dd74de | | | 693 | Alice ()<<-->>() Bob: Bidirectional dotted`, |
| 6dd74de | | | 694 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 695 | ); |
| 6dd74de | | | 696 | }); |
| 6dd74de | | | 697 | |
| 6dd74de | | | 698 | it('should render central connections with activations', () => { |
| 6dd74de | | | 699 | imgSnapshotTest( |
| 6dd74de | | | 700 | `sequenceDiagram |
| 6dd74de | | | 701 | participant Alice |
| 6dd74de | | | 702 | participant Bob |
| 6dd74de | | | 703 | participant Charlie |
| 6dd74de | | | 704 | Alice ()->>() Bob: Activate Bob |
| 6dd74de | | | 705 | activate Bob |
| 6dd74de | | | 706 | Bob ()-->> Charlie: Message to Charlie |
| 6dd74de | | | 707 | Bob ()->>() Alice: Response to Alice |
| 6dd74de | | | 708 | deactivate Bob`, |
| 6dd74de | | | 709 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 710 | ); |
| 6dd74de | | | 711 | }); |
| 6dd74de | | | 712 | |
| 6dd74de | | | 713 | it('should render central connections mixed with normal messages', () => { |
| 6dd74de | | | 714 | imgSnapshotTest( |
| 6dd74de | | | 715 | `sequenceDiagram |
| 6dd74de | | | 716 | participant Alice |
| 6dd74de | | | 717 | participant Bob |
| 6dd74de | | | 718 | participant Charlie |
| 6dd74de | | | 719 | Alice ->> Bob: Normal message |
| 6dd74de | | | 720 | Bob ()->>() Charlie: Central connection |
| 6dd74de | | | 721 | Charlie -->> Alice: Normal dotted message |
| 6dd74de | | | 722 | Alice ()<<-->>() Bob: Dual central connection |
| 6dd74de | | | 723 | Bob -x Charlie: Normal cross message`, |
| 6dd74de | | | 724 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 725 | ); |
| 6dd74de | | | 726 | }); |
| 6dd74de | | | 727 | |
| 6dd74de | | | 728 | it('should render central connections with notes', () => { |
| 6dd74de | | | 729 | imgSnapshotTest( |
| 6dd74de | | | 730 | `sequenceDiagram |
| 6dd74de | | | 731 | participant Alice |
| 6dd74de | | | 732 | participant Bob |
| 6dd74de | | | 733 | participant Charlie |
| 6dd74de | | | 734 | Alice ()->>() Bob: Central connection |
| 6dd74de | | | 735 | Note over Alice,Bob: Central connection note |
| 6dd74de | | | 736 | Bob ()-->> Charlie: Reverse central connection |
| 6dd74de | | | 737 | Note right of Charlie: Response note |
| 6dd74de | | | 738 | Charlie ()<<-->>() Alice: Dual central connection`, |
| 6dd74de | | | 739 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 740 | ); |
| 6dd74de | | | 741 | }); |
| 6dd74de | | | 742 | |
| 6dd74de | | | 743 | it('should render central connections with loops and alternatives', () => { |
| 6dd74de | | | 744 | imgSnapshotTest( |
| 6dd74de | | | 745 | `sequenceDiagram |
| 6dd74de | | | 746 | participant Alice |
| 6dd74de | | | 747 | participant Bob |
| 6dd74de | | | 748 | participant Charlie |
| 6dd74de | | | 749 | loop Every minute |
| 6dd74de | | | 750 | Alice ()->>() Bob: Central heartbeat |
| 6dd74de | | | 751 | Bob ()-->> Charlie: Forward heartbeat |
| 6dd74de | | | 752 | end |
| 6dd74de | | | 753 | alt Success |
| 6dd74de | | | 754 | Charlie ()<<-->>() Alice: Success response |
| 6dd74de | | | 755 | else Failure |
| 6dd74de | | | 756 | Charlie ()-x() Alice: Failure response |
| 6dd74de | | | 757 | end`, |
| 6dd74de | | | 758 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 759 | ); |
| 6dd74de | | | 760 | }); |
| 6dd74de | | | 761 | |
| 6dd74de | | | 762 | it('should render central connections with different participant types', () => { |
| 6dd74de | | | 763 | imgSnapshotTest( |
| 6dd74de | | | 764 | `sequenceDiagram |
| 6dd74de | | | 765 | participant Alice |
| 6dd74de | | | 766 | actor Bob |
| 6dd74de | | | 767 | participant Charlie@{"type":"boundary"} |
| 6dd74de | | | 768 | participant David@{"type":"control"} |
| 6dd74de | | | 769 | participant Eve@{"type":"entity"} |
| 6dd74de | | | 770 | Alice ()->>() Bob: To actor |
| 6dd74de | | | 771 | Bob ()-->> Charlie: To boundary |
| 6dd74de | | | 772 | Charlie ()->>() David: To control |
| 6dd74de | | | 773 | David ()<<-->>() Eve: To entity |
| 6dd74de | | | 774 | Eve ()-x() Alice: Back to participant`, |
| 6dd74de | | | 775 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 776 | ); |
| 6dd74de | | | 777 | }); |
| 6dd74de | | | 778 | }); |
| 6dd74de | | | 779 | |
| 6dd74de | | | 780 | describe('Sequence Diagram Rendering with Autonumber and All Arrow Types', () => { |
| 6dd74de | | | 781 | describe('Autonumber with All Arrow Types', () => { |
| 6dd74de | | | 782 | it('should render all arrow types with autonumbering', () => { |
| 6dd74de | | | 783 | imgSnapshotTest( |
| 6dd74de | | | 784 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 785 | sequenceDiagram |
| 6dd74de | | | 786 | autonumber |
| 6dd74de | | | 787 | Alice->>Bob: Solid arrow (->>) |
| 6dd74de | | | 788 | Bob-->>Alice: Dotted arrow (-->>) |
| 6dd74de | | | 789 | Alice->Charlie: Solid open arrow (->) |
| 6dd74de | | | 790 | Charlie-->Dave: Dotted open arrow (-->) |
| 6dd74de | | | 791 | Alice-xBob: Solid cross (-x) |
| 6dd74de | | | 792 | Bob--xAlice: Dotted cross (--x) |
| 6dd74de | | | 793 | Alice-)Charlie: Solid point async (-) |
| 6dd74de | | | 794 | Charlie--)Dave: Dotted point async (--) |
| 6dd74de | | | 795 | Alice<<->>Bob: Bidirectional solid (<<->>) |
| 6dd74de | | | 796 | Charlie<<-->>Dave: Bidirectional dotted (<<-->>) |
| 6dd74de | | | 797 | Alice-|\\Bob: Solid top half (-|\\) |
| 6dd74de | | | 798 | Bob-|/Alice: Solid bottom half (-|/) |
| 6dd74de | | | 799 | Alice-\\\\Charlie: Stick top half (-\\\\) |
| 6dd74de | | | 800 | Charlie-//Dave: Stick bottom half (-//) |
| 6dd74de | | | 801 | Dave/|-Charlie: Solid top reverse (/|-) |
| 6dd74de | | | 802 | Charlie\\|-Bob: Solid bottom reverse (\\|-) |
| 6dd74de | | | 803 | Bob//-Alice: Stick top reverse (//-) |
| 6dd74de | | | 804 | Alice\\\\-Bob: Stick bottom reverse (\\\\-) |
| 6dd74de | | | 805 | Alice--|\\Bob: Dotted solid top (--|\\) |
| 6dd74de | | | 806 | Bob--|/Alice: Dotted solid bottom (--|/) |
| 6dd74de | | | 807 | Alice--\\\\Charlie: Dotted stick top (--\\\\) |
| 6dd74de | | | 808 | Charlie--//Dave: Dotted stick bottom (--//) |
| 6dd74de | | | 809 | Dave/|--Charlie: Dotted solid top reverse (/|--) |
| 6dd74de | | | 810 | Charlie\\|--Bob: Dotted solid bottom reverse (\\|--) |
| 6dd74de | | | 811 | Bob//--Alice: Dotted stick top reverse (//--) |
| 6dd74de | | | 812 | Alice\\\\--Bob: Dotted stick bottom reverse (\\\\--) |
| 6dd74de | | | 813 | Alice->>()Bob: Solid with central connection |
| 6dd74de | | | 814 | Bob()-->>Alice: Dotted with reverse central |
| 6dd74de | | | 815 | Alice()->>()Charlie: Dual central connections`, |
| 6dd74de | | | 816 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 817 | ); |
| 6dd74de | | | 818 | }); |
| 6dd74de | | | 819 | |
| 6dd74de | | | 820 | it('should render all arrow types with autonumbering - left to right only', () => { |
| 6dd74de | | | 821 | imgSnapshotTest( |
| 6dd74de | | | 822 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 823 | sequenceDiagram |
| 6dd74de | | | 824 | autonumber |
| 6dd74de | | | 825 | Alice->>Bob: Solid arrow (->>) |
| 6dd74de | | | 826 | Alice-->>Bob: Dotted arrow (-->>) |
| 6dd74de | | | 827 | Alice->Bob: Solid open arrow (->) |
| 6dd74de | | | 828 | Alice-->Bob: Dotted open arrow (-->) |
| 6dd74de | | | 829 | Alice-xBob: Solid cross (-x) |
| 6dd74de | | | 830 | Alice--xBob: Dotted cross (--x) |
| 6dd74de | | | 831 | Alice-)Bob: Solid point async (-) |
| 6dd74de | | | 832 | Alice--)Bob: Dotted point async (--) |
| 6dd74de | | | 833 | Alice<<->>Bob: Bidirectional solid (<<->>) |
| 6dd74de | | | 834 | Alice<<-->>Bob: Bidirectional dotted (<<-->>) |
| 6dd74de | | | 835 | Alice-|\\Bob: Solid top half (-|\\) |
| 6dd74de | | | 836 | Alice-|/Bob: Solid bottom half (-|/) |
| 6dd74de | | | 837 | Alice-\\\\Bob: Stick top half (-\\\\) |
| 6dd74de | | | 838 | Alice-//Bob: Stick bottom half (-//) |
| 6dd74de | | | 839 | Bob/|-Alice: Solid top reverse (/|-) |
| 6dd74de | | | 840 | Bob\\|-Alice: Solid bottom reverse (\\|-) |
| 6dd74de | | | 841 | Bob//-Alice: Stick top reverse (//-) |
| 6dd74de | | | 842 | Bob\\\\-Alice: Stick bottom reverse (\\\\-) |
| 6dd74de | | | 843 | Alice--|\\Bob: Dotted solid top (--|\\) |
| 6dd74de | | | 844 | Alice--|/Bob: Dotted solid bottom (--|/) |
| 6dd74de | | | 845 | Alice--\\\\Bob: Dotted stick top (--\\\\) |
| 6dd74de | | | 846 | Alice--//Bob: Dotted stick bottom (--//) |
| 6dd74de | | | 847 | Bob/|--Alice: Dotted solid top reverse (/|--) |
| 6dd74de | | | 848 | Bob\\|--Alice: Dotted solid bottom reverse (\\|--) |
| 6dd74de | | | 849 | Bob//--Alice: Dotted stick top reverse (//--) |
| 6dd74de | | | 850 | Bob\\\\--Alice: Dotted stick bottom reverse (\\\\--) |
| 6dd74de | | | 851 | Alice->>()Bob: Solid with central connection |
| 6dd74de | | | 852 | Alice()-->>Bob: Dotted with reverse central |
| 6dd74de | | | 853 | Alice()->>()Bob: Dual central connections`, |
| 6dd74de | | | 854 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 855 | ); |
| 6dd74de | | | 856 | }); |
| 6dd74de | | | 857 | |
| 6dd74de | | | 858 | it('should render central connections with autonumbering', () => { |
| 6dd74de | | | 859 | imgSnapshotTest( |
| 6dd74de | | | 860 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 861 | sequenceDiagram |
| 6dd74de | | | 862 | autonumber |
| 6dd74de | | | 863 | participant Alice |
| 6dd74de | | | 864 | participant Bob |
| 6dd74de | | | 865 | participant Charlie |
| 6dd74de | | | 866 | Alice->>()Bob: Central connection at destination |
| 6dd74de | | | 867 | Bob()->>Alice: Reverse central at source |
| 6dd74de | | | 868 | Alice()->>()Bob: Dual central connections |
| 6dd74de | | | 869 | Bob->>()Charlie: Another central connection |
| 6dd74de | | | 870 | Charlie()-->>Alice: Reverse central dotted |
| 6dd74de | | | 871 | Alice()<<-->>()Bob: Dual central bidirectional`, |
| 6dd74de | | | 872 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 873 | ); |
| 6dd74de | | | 874 | }); |
| 6dd74de | | | 875 | |
| 6dd74de | | | 876 | it('should render bidirectional arrows with autonumbering', () => { |
| 6dd74de | | | 877 | imgSnapshotTest( |
| 6dd74de | | | 878 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 879 | sequenceDiagram |
| 6dd74de | | | 880 | autonumber |
| 6dd74de | | | 881 | participant Alice |
| 6dd74de | | | 882 | participant Bob |
| 6dd74de | | | 883 | participant Charlie |
| 6dd74de | | | 884 | Alice<<->>Bob: Bidirectional solid left to right |
| 6dd74de | | | 885 | Bob<<->>Alice: Bidirectional solid right to left |
| 6dd74de | | | 886 | Alice<<-->>Charlie: Bidirectional dotted left to right |
| 6dd74de | | | 887 | Charlie<<-->>Alice: Bidirectional dotted right to left |
| 6dd74de | | | 888 | Bob<<->>Charlie: Bidirectional solid |
| 6dd74de | | | 889 | Charlie<<-->>Bob: Bidirectional dotted`, |
| 6dd74de | | | 890 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 891 | ); |
| 6dd74de | | | 892 | }); |
| 6dd74de | | | 893 | |
| 6dd74de | | | 894 | it('should render reverse arrows with autonumbering', () => { |
| 6dd74de | | | 895 | imgSnapshotTest( |
| 6dd74de | | | 896 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 897 | sequenceDiagram |
| 6dd74de | | | 898 | autonumber |
| 6dd74de | | | 899 | participant Alice |
| 6dd74de | | | 900 | participant Bob |
| 6dd74de | | | 901 | participant Charlie |
| 6dd74de | | | 902 | Bob/|-Alice: Solid top reverse left to right |
| 6dd74de | | | 903 | Alice/|-Bob: Solid top reverse right to left |
| 6dd74de | | | 904 | Bob\\|-Alice: Solid bottom reverse left to right |
| 6dd74de | | | 905 | Alice\\|-Bob: Solid bottom reverse right to left |
| 6dd74de | | | 906 | Bob//-Alice: Stick top reverse left to right |
| 6dd74de | | | 907 | Alice//-Bob: Stick top reverse right to left |
| 6dd74de | | | 908 | Bob\\\\-Alice: Stick bottom reverse left to right |
| 6dd74de | | | 909 | Alice\\\\-Bob: Stick bottom reverse right to left |
| 6dd74de | | | 910 | Bob/|--Alice: Dotted solid top reverse |
| 6dd74de | | | 911 | Alice\\|--Bob: Dotted solid bottom reverse |
| 6dd74de | | | 912 | Bob//--Alice: Dotted stick top reverse |
| 6dd74de | | | 913 | Alice\\\\--Bob: Dotted stick bottom reverse`, |
| 6dd74de | | | 914 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 915 | ); |
| 6dd74de | | | 916 | }); |
| 6dd74de | | | 917 | }); |
| 6dd74de | | | 918 | |
| 6dd74de | | | 919 | describe('Central Connections with Autonumber - Comprehensive Coverage', () => { |
| 6dd74de | | | 920 | it('should render CENTRAL_CONNECTION with normal arrows - left to right', () => { |
| 6dd74de | | | 921 | imgSnapshotTest( |
| 6dd74de | | | 922 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 923 | sequenceDiagram |
| 6dd74de | | | 924 | autonumber |
| 6dd74de | | | 925 | participant Alice |
| 6dd74de | | | 926 | participant Bob |
| 6dd74de | | | 927 | participant Charlie |
| 6dd74de | | | 928 | Alice->>()Bob: Solid arrow with circle at destination |
| 6dd74de | | | 929 | Alice-->>()Bob: Dotted arrow with circle at destination |
| 6dd74de | | | 930 | Alice->()Bob: Open arrow with circle at destination |
| 6dd74de | | | 931 | Alice--x()Bob: Cross arrow with circle at destination |
| 6dd74de | | | 932 | Alice--)()Bob: Close arrow with circle at destination`, |
| 6dd74de | | | 933 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 934 | ); |
| 6dd74de | | | 935 | }); |
| 6dd74de | | | 936 | |
| 6dd74de | | | 937 | it('should render CENTRAL_CONNECTION with normal arrows - right to left', () => { |
| 6dd74de | | | 938 | imgSnapshotTest( |
| 6dd74de | | | 939 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 940 | sequenceDiagram |
| 6dd74de | | | 941 | autonumber |
| 6dd74de | | | 942 | participant Alice |
| 6dd74de | | | 943 | participant Bob |
| 6dd74de | | | 944 | participant Charlie |
| 6dd74de | | | 945 | Bob->>()Alice: Solid arrow with circle at destination (RTL) |
| 6dd74de | | | 946 | Charlie-->>()Bob: Dotted arrow with circle at destination (RTL) |
| 6dd74de | | | 947 | Bob->()Alice: Open arrow with circle at destination (RTL) |
| 6dd74de | | | 948 | Charlie--x()Alice: Cross arrow with circle at destination (RTL) |
| 6dd74de | | | 949 | Bob--)()Alice: Close arrow with circle at destination (RTL)`, |
| 6dd74de | | | 950 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 951 | ); |
| 6dd74de | | | 952 | }); |
| 6dd74de | | | 953 | |
| 6dd74de | | | 954 | it('should render CENTRAL_CONNECTION with reverse arrows - left to right', () => { |
| 6dd74de | | | 955 | imgSnapshotTest( |
| 6dd74de | | | 956 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 957 | sequenceDiagram |
| 6dd74de | | | 958 | autonumber |
| 6dd74de | | | 959 | participant Alice |
| 6dd74de | | | 960 | participant Bob |
| 6dd74de | | | 961 | participant Charlie |
| 6dd74de | | | 962 | Bob/|-()Alice: Solid top reverse with circle (LTR) |
| 6dd74de | | | 963 | Bob\\|-()Alice: Solid bottom reverse with circle (LTR) |
| 6dd74de | | | 964 | Bob//-()Alice: Stick top reverse with circle (LTR) |
| 6dd74de | | | 965 | Bob\\\\-()Alice: Stick bottom reverse with circle (LTR) |
| 6dd74de | | | 966 | Bob/|--()Alice: Dotted solid top reverse with circle (LTR) |
| 6dd74de | | | 967 | Bob\\|--()Alice: Dotted solid bottom reverse with circle (LTR) |
| 6dd74de | | | 968 | Bob//--()Alice: Dotted stick top reverse with circle (LTR) |
| 6dd74de | | | 969 | Bob\\\\--()Alice: Dotted stick bottom reverse with circle (LTR)`, |
| 6dd74de | | | 970 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 971 | ); |
| 6dd74de | | | 972 | }); |
| 6dd74de | | | 973 | |
| 6dd74de | | | 974 | it('should render CENTRAL_CONNECTION with reverse arrows - right to left', () => { |
| 6dd74de | | | 975 | imgSnapshotTest( |
| 6dd74de | | | 976 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 977 | sequenceDiagram |
| 6dd74de | | | 978 | autonumber |
| 6dd74de | | | 979 | participant Alice |
| 6dd74de | | | 980 | participant Bob |
| 6dd74de | | | 981 | participant Charlie |
| 6dd74de | | | 982 | Alice/|-()Bob: Solid top reverse with circle (RTL) |
| 6dd74de | | | 983 | Alice\\|-()Bob: Solid bottom reverse with circle (RTL) |
| 6dd74de | | | 984 | Alice//-()Bob: Stick top reverse with circle (RTL) |
| 6dd74de | | | 985 | Alice\\\\-()Bob: Stick bottom reverse with circle (RTL) |
| 6dd74de | | | 986 | Alice/|--()Bob: Dotted solid top reverse with circle (RTL) |
| 6dd74de | | | 987 | Alice\\|--()Bob: Dotted solid bottom reverse with circle (RTL) |
| 6dd74de | | | 988 | Alice//--()Bob: Dotted stick top reverse with circle (RTL) |
| 6dd74de | | | 989 | Alice\\\\--()Bob: Dotted stick bottom reverse with circle (RTL)`, |
| 6dd74de | | | 990 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 991 | ); |
| 6dd74de | | | 992 | }); |
| 6dd74de | | | 993 | |
| 6dd74de | | | 994 | it('should render Central_Connection_REVERSE ()->> normal LTR', () => { |
| 6dd74de | | | 995 | imgSnapshotTest( |
| 6dd74de | | | 996 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 997 | sequenceDiagram |
| 6dd74de | | | 998 | autonumber |
| 6dd74de | | | 999 | participant Alice |
| 6dd74de | | | 1000 | participant Bob |
| 6dd74de | | | 1001 | participant Charlie |
| 6dd74de | | | 1002 | Alice()->>Bob: Circle at source with solid arrow |
| 6dd74de | | | 1003 | Alice()-->>Bob: Circle at source with dotted arrow |
| 6dd74de | | | 1004 | Alice()->Bob: Circle at source with open arrow |
| 6dd74de | | | 1005 | Alice()--xBob: Circle at source with cross arrow |
| 6dd74de | | | 1006 | Alice()--)Bob: Circle at source with close arrow`, |
| 6dd74de | | | 1007 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1008 | ); |
| 6dd74de | | | 1009 | }); |
| 6dd74de | | | 1010 | |
| 6dd74de | | | 1011 | it('should render Central_Connection_REVERSE ()->> normal RTL', () => { |
| 6dd74de | | | 1012 | imgSnapshotTest( |
| 6dd74de | | | 1013 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1014 | sequenceDiagram |
| 6dd74de | | | 1015 | autonumber |
| 6dd74de | | | 1016 | participant Alice |
| 6dd74de | | | 1017 | participant Bob |
| 6dd74de | | | 1018 | participant Charlie |
| 6dd74de | | | 1019 | Bob()->>Alice: Circle at source with solid arrow (RTL) |
| 6dd74de | | | 1020 | Charlie()-->>Bob: Circle at source with dotted arrow (RTL) |
| 6dd74de | | | 1021 | Bob()->Alice: Circle at source with open arrow (RTL) |
| 6dd74de | | | 1022 | Charlie()--xAlice: Circle at source with cross arrow (RTL) |
| 6dd74de | | | 1023 | Bob()--)Alice: Circle at source with close arrow (RTL)`, |
| 6dd74de | | | 1024 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1025 | ); |
| 6dd74de | | | 1026 | }); |
| 6dd74de | | | 1027 | |
| 6dd74de | | | 1028 | it('should render Central_Connection_REVERSE ()->> reverse LTR', () => { |
| 6dd74de | | | 1029 | imgSnapshotTest( |
| 6dd74de | | | 1030 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1031 | sequenceDiagram |
| 6dd74de | | | 1032 | autonumber |
| 6dd74de | | | 1033 | participant Alice |
| 6dd74de | | | 1034 | participant Bob |
| 6dd74de | | | 1035 | participant Charlie |
| 6dd74de | | | 1036 | Bob()/|-Alice: Circle at source with solid top reverse (LTR) |
| 6dd74de | | | 1037 | Bob()\\|-Alice: Circle at source with solid bottom reverse (LTR) |
| 6dd74de | | | 1038 | Bob()//-Alice: Circle at source with stick top reverse (LTR) |
| 6dd74de | | | 1039 | Bob()\\\\-Alice: Circle at source with stick bottom reverse (LTR) |
| 6dd74de | | | 1040 | Bob()/|--Alice: Circle at source with dotted solid top reverse (LTR) |
| 6dd74de | | | 1041 | Bob()\\|--Alice: Circle at source with dotted solid bottom reverse (LTR) |
| 6dd74de | | | 1042 | Bob()//--Alice: Circle at source with dotted stick top reverse (LTR) |
| 6dd74de | | | 1043 | Bob()\\\\--Alice: Circle at source with dotted stick bottom reverse (LTR)`, |
| 6dd74de | | | 1044 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1045 | ); |
| 6dd74de | | | 1046 | }); |
| 6dd74de | | | 1047 | |
| 6dd74de | | | 1048 | it('should render Central_Connection_REVERSE ()->> reverse RTL', () => { |
| 6dd74de | | | 1049 | imgSnapshotTest( |
| 6dd74de | | | 1050 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1051 | sequenceDiagram |
| 6dd74de | | | 1052 | autonumber |
| 6dd74de | | | 1053 | participant Alice |
| 6dd74de | | | 1054 | participant Bob |
| 6dd74de | | | 1055 | participant Charlie |
| 6dd74de | | | 1056 | Alice()/|-Bob: Circle at source with solid top reverse (RTL) |
| 6dd74de | | | 1057 | Alice()\\|-Bob: Circle at source with solid bottom reverse (RTL) |
| 6dd74de | | | 1058 | Alice()//-Bob: Circle at source with stick top reverse (RTL) |
| 6dd74de | | | 1059 | Alice()\\\\-Bob: Circle at source with stick bottom reverse (RTL) |
| 6dd74de | | | 1060 | Alice()/|--Bob: Circle at source with dotted solid top reverse (RTL) |
| 6dd74de | | | 1061 | Alice()\\|--Bob: Circle at source with dotted solid bottom reverse (RTL) |
| 6dd74de | | | 1062 | Alice()//--Bob: Circle at source with dotted stick top reverse (RTL) |
| 6dd74de | | | 1063 | Alice()\\\\--Bob: Circle at source with dotted stick bottom reverse (RTL)`, |
| 6dd74de | | | 1064 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1065 | ); |
| 6dd74de | | | 1066 | }); |
| 6dd74de | | | 1067 | |
| 6dd74de | | | 1068 | it('should render Central_Connection_DUAL ()->>() normal LTR', () => { |
| 6dd74de | | | 1069 | imgSnapshotTest( |
| 6dd74de | | | 1070 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1071 | sequenceDiagram |
| 6dd74de | | | 1072 | autonumber |
| 6dd74de | | | 1073 | participant Alice |
| 6dd74de | | | 1074 | participant Bob |
| 6dd74de | | | 1075 | participant Charlie |
| 6dd74de | | | 1076 | Alice()->>()Bob: Circles at both ends with solid arrow |
| 6dd74de | | | 1077 | Alice()-->>()Bob: Circles at both ends with dotted arrow |
| 6dd74de | | | 1078 | Alice()->()Bob: Circles at both ends with open arrow |
| 6dd74de | | | 1079 | Alice()--x()Bob: Circles at both ends with cross arrow |
| 6dd74de | | | 1080 | Alice()--)()Bob: Circles at both ends with close arrow`, |
| 6dd74de | | | 1081 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1082 | ); |
| 6dd74de | | | 1083 | }); |
| 6dd74de | | | 1084 | |
| 6dd74de | | | 1085 | it('should render Central_Connection_DUAL ()->>() normal RTL', () => { |
| 6dd74de | | | 1086 | imgSnapshotTest( |
| 6dd74de | | | 1087 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1088 | sequenceDiagram |
| 6dd74de | | | 1089 | autonumber |
| 6dd74de | | | 1090 | participant Alice |
| 6dd74de | | | 1091 | participant Bob |
| 6dd74de | | | 1092 | participant Charlie |
| 6dd74de | | | 1093 | Bob()->>()Alice: Circles at both ends with solid arrow (RTL) |
| 6dd74de | | | 1094 | Charlie()-->>()Bob: Circles at both ends with dotted arrow (RTL) |
| 6dd74de | | | 1095 | Bob()->()Alice: Circles at both ends with open arrow (RTL) |
| 6dd74de | | | 1096 | Charlie()--x()Alice: Circles at both ends with cross arrow (RTL) |
| 6dd74de | | | 1097 | Bob()--)()Alice: Circles at both ends with close arrow (RTL)`, |
| 6dd74de | | | 1098 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1099 | ); |
| 6dd74de | | | 1100 | }); |
| 6dd74de | | | 1101 | |
| 6dd74de | | | 1102 | it('should render Central_Connection_DUAL ()->>() reverse LTR', () => { |
| 6dd74de | | | 1103 | imgSnapshotTest( |
| 6dd74de | | | 1104 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1105 | sequenceDiagram |
| 6dd74de | | | 1106 | autonumber |
| 6dd74de | | | 1107 | participant Alice |
| 6dd74de | | | 1108 | participant Bob |
| 6dd74de | | | 1109 | participant Charlie |
| 6dd74de | | | 1110 | Bob()/|-()Alice: Circles at both ends with solid top reverse (LTR) |
| 6dd74de | | | 1111 | Bob()\\|-()Alice: Circles at both ends with solid bottom reverse (LTR) |
| 6dd74de | | | 1112 | Bob()//-()Alice: Circles at both ends with stick top reverse (LTR) |
| 6dd74de | | | 1113 | Bob()\\\\-()Alice: Circles at both ends with stick bottom reverse (LTR) |
| 6dd74de | | | 1114 | Bob()/|--()Alice: Circles at both ends with dotted solid top reverse (LTR) |
| 6dd74de | | | 1115 | Bob()\\|--()Alice: Circles at both ends with dotted solid bottom reverse (LTR) |
| 6dd74de | | | 1116 | Bob()//--()Alice: Circles at both ends with dotted stick top reverse (LTR) |
| 6dd74de | | | 1117 | Bob()\\\\--()Alice: Circles at both ends with dotted stick bottom reverse (LTR)`, |
| 6dd74de | | | 1118 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1119 | ); |
| 6dd74de | | | 1120 | }); |
| 6dd74de | | | 1121 | |
| 6dd74de | | | 1122 | it('should render Central_Connection_DUAL ()->>() reverse RTL', () => { |
| 6dd74de | | | 1123 | imgSnapshotTest( |
| 6dd74de | | | 1124 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1125 | sequenceDiagram |
| 6dd74de | | | 1126 | autonumber |
| 6dd74de | | | 1127 | participant Alice |
| 6dd74de | | | 1128 | participant Bob |
| 6dd74de | | | 1129 | participant Charlie |
| 6dd74de | | | 1130 | Alice()/|-()Bob: Circles at both ends with solid top reverse (RTL) |
| 6dd74de | | | 1131 | Alice()\\|-()Bob: Circles at both ends with solid bottom reverse (RTL) |
| 6dd74de | | | 1132 | Alice()//-()Bob: Circles at both ends with stick top reverse (RTL) |
| 6dd74de | | | 1133 | Alice()\\\\-()Bob: Circles at both ends with stick bottom reverse (RTL) |
| 6dd74de | | | 1134 | Alice()/|--()Bob: Circles at both ends with dotted solid top reverse (RTL) |
| 6dd74de | | | 1135 | Alice()\\|--()Bob: Circles at both ends with dotted solid bottom reverse (RTL) |
| 6dd74de | | | 1136 | Alice()//--()Bob: Circles at both ends with dotted stick top reverse (RTL) |
| 6dd74de | | | 1137 | Alice()\\\\--()Bob: Circles at both ends with dotted stick bottom reverse (RTL)`, |
| 6dd74de | | | 1138 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1139 | ); |
| 6dd74de | | | 1140 | }); |
| 6dd74de | | | 1141 | |
| 6dd74de | | | 1142 | it('should render mixed central connections with autonumber', () => { |
| 6dd74de | | | 1143 | imgSnapshotTest( |
| 6dd74de | | | 1144 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1145 | sequenceDiagram |
| 6dd74de | | | 1146 | autonumber |
| 6dd74de | | | 1147 | participant Alice |
| 6dd74de | | | 1148 | participant Bob |
| 6dd74de | | | 1149 | participant Charlie |
| 6dd74de | | | 1150 | participant David |
| 6dd74de | | | 1151 | |
| 6dd74de | | | 1152 | Note over Alice,David: Normal arrows with central connections |
| 6dd74de | | | 1153 | Alice->>()Bob: CENTRAL_CONNECTION LTR |
| 6dd74de | | | 1154 | Bob->>()Alice: CENTRAL_CONNECTION RTL |
| 6dd74de | | | 1155 | Alice()->>Bob: CENTRAL_CONNECTION_REVERSE LTR |
| 6dd74de | | | 1156 | Bob()->>Alice: CENTRAL_CONNECTION_REVERSE RTL |
| 6dd74de | | | 1157 | Alice()->>()Bob: CENTRAL_CONNECTION_DUAL LTR |
| 6dd74de | | | 1158 | Bob()->>()Alice: CENTRAL_CONNECTION_DUAL RTL |
| 6dd74de | | | 1159 | |
| 6dd74de | | | 1160 | Note over Alice,David: Reverse arrows with central connections |
| 6dd74de | | | 1161 | Bob/|-()Alice: Reverse with CENTRAL_CONNECTION LTR |
| 6dd74de | | | 1162 | Alice/|-()Bob: Reverse with CENTRAL_CONNECTION RTL |
| 6dd74de | | | 1163 | Bob()/|-Alice: Reverse with CENTRAL_CONNECTION_REVERSE LTR |
| 6dd74de | | | 1164 | Alice()/|-Bob: Reverse with CENTRAL_CONNECTION_REVERSE RTL |
| 6dd74de | | | 1165 | Bob()/|-()Alice: Reverse with CENTRAL_CONNECTION_DUAL LTR |
| 6dd74de | | | 1166 | Alice()/|-()Bob: Reverse with CENTRAL_CONNECTION_DUAL RTL |
| 6dd74de | | | 1167 | |
| 6dd74de | | | 1168 | Note over Alice,David: Mixed with different participants |
| 6dd74de | | | 1169 | Alice->>()Charlie: Skip participant |
| 6dd74de | | | 1170 | Charlie()->>Alice: Back skip |
| 6dd74de | | | 1171 | Bob()->>()David: Another skip |
| 6dd74de | | | 1172 | David()->>()Bob: Return skip`, |
| 6dd74de | | | 1173 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1174 | ); |
| 6dd74de | | | 1175 | }); |
| 6dd74de | | | 1176 | |
| 6dd74de | | | 1177 | it('should render central connections with bidirectional arrows and autonumber', () => { |
| 6dd74de | | | 1178 | imgSnapshotTest( |
| 6dd74de | | | 1179 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1180 | sequenceDiagram |
| 6dd74de | | | 1181 | autonumber |
| 6dd74de | | | 1182 | participant Alice |
| 6dd74de | | | 1183 | participant Bob |
| 6dd74de | | | 1184 | participant Charlie |
| 6dd74de | | | 1185 | Alice()<<->>()Bob: Dual central with bidirectional solid LTR |
| 6dd74de | | | 1186 | Bob()<<->>()Alice: Dual central with bidirectional solid RTL |
| 6dd74de | | | 1187 | Alice()<<-->>()Bob: Dual central with bidirectional dotted LTR |
| 6dd74de | | | 1188 | Bob()<<-->>()Alice: Dual central with bidirectional dotted RTL |
| 6dd74de | | | 1189 | Alice<<->>()Bob: Central at end with bidirectional LTR |
| 6dd74de | | | 1190 | Bob()<<->>Alice: Central at start with bidirectional RTL`, |
| 6dd74de | | | 1191 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1192 | ); |
| 6dd74de | | | 1193 | }); |
| 6dd74de | | | 1194 | }); |
| 6dd74de | | | 1195 | |
| 6dd74de | | | 1196 | describe('Self-Reference Arrows - Comprehensive Coverage', () => { |
| 6dd74de | | | 1197 | it('should render self-reference with normal arrows - without autonumber', () => { |
| 6dd74de | | | 1198 | imgSnapshotTest( |
| 6dd74de | | | 1199 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1200 | sequenceDiagram |
| 6dd74de | | | 1201 | participant Alice |
| 6dd74de | | | 1202 | participant Bob |
| 6dd74de | | | 1203 | participant Charlie |
| 6dd74de | | | 1204 | Alice->>Alice: Solid arrow self-reference |
| 6dd74de | | | 1205 | Bob-->>Bob: Dotted arrow self-reference |
| 6dd74de | | | 1206 | Charlie->Charlie: Open arrow self-reference |
| 6dd74de | | | 1207 | Alice-->Alice: Dotted open arrow self-reference |
| 6dd74de | | | 1208 | Bob-xBob: Cross arrow self-reference |
| 6dd74de | | | 1209 | Charlie--xCharlie: Dotted cross self-reference`, |
| 6dd74de | | | 1210 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1211 | ); |
| 6dd74de | | | 1212 | }); |
| 6dd74de | | | 1213 | |
| 6dd74de | | | 1214 | it('should render self-reference with normal arrows - with autonumber', () => { |
| 6dd74de | | | 1215 | imgSnapshotTest( |
| 6dd74de | | | 1216 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1217 | sequenceDiagram |
| 6dd74de | | | 1218 | autonumber |
| 6dd74de | | | 1219 | participant Alice |
| 6dd74de | | | 1220 | participant Bob |
| 6dd74de | | | 1221 | participant Charlie |
| 6dd74de | | | 1222 | Alice->>Alice: Solid arrow self-reference |
| 6dd74de | | | 1223 | Bob-->>Bob: Dotted arrow self-reference |
| 6dd74de | | | 1224 | Charlie->Charlie: Open arrow self-reference |
| 6dd74de | | | 1225 | Alice-->Alice: Dotted open arrow self-reference |
| 6dd74de | | | 1226 | Bob-xBob: Cross arrow self-reference |
| 6dd74de | | | 1227 | Charlie--xCharlie: Dotted cross self-reference`, |
| 6dd74de | | | 1228 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1229 | ); |
| 6dd74de | | | 1230 | }); |
| 6dd74de | | | 1231 | |
| 6dd74de | | | 1232 | it('should render self-reference with reverse arrows - without autonumber', () => { |
| 6dd74de | | | 1233 | imgSnapshotTest( |
| 6dd74de | | | 1234 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1235 | sequenceDiagram |
| 6dd74de | | | 1236 | participant Alice |
| 6dd74de | | | 1237 | participant Bob |
| 6dd74de | | | 1238 | participant Charlie |
| 6dd74de | | | 1239 | Alice/|-Alice: Solid top reverse self-reference |
| 6dd74de | | | 1240 | Bob\\|-Bob: Solid bottom reverse self-reference |
| 6dd74de | | | 1241 | Charlie//-Charlie: Stick top reverse self-reference |
| 6dd74de | | | 1242 | Alice\\\\-Alice: Stick bottom reverse self-reference |
| 6dd74de | | | 1243 | Bob/|--Bob: Dotted solid top reverse self-reference |
| 6dd74de | | | 1244 | Charlie\\|--Charlie: Dotted solid bottom reverse self-reference |
| 6dd74de | | | 1245 | Alice//--Alice: Dotted stick top reverse self-reference |
| 6dd74de | | | 1246 | Bob\\\\--Bob: Dotted stick bottom reverse self-reference`, |
| 6dd74de | | | 1247 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1248 | ); |
| 6dd74de | | | 1249 | }); |
| 6dd74de | | | 1250 | |
| 6dd74de | | | 1251 | it('should render self-reference with reverse arrows - with autonumber', () => { |
| 6dd74de | | | 1252 | imgSnapshotTest( |
| 6dd74de | | | 1253 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1254 | sequenceDiagram |
| 6dd74de | | | 1255 | autonumber |
| 6dd74de | | | 1256 | participant Alice |
| 6dd74de | | | 1257 | participant Bob |
| 6dd74de | | | 1258 | participant Charlie |
| 6dd74de | | | 1259 | Alice/|-Alice: Solid top reverse self-reference |
| 6dd74de | | | 1260 | Bob\\|-Bob: Solid bottom reverse self-reference |
| 6dd74de | | | 1261 | Charlie//-Charlie: Stick top reverse self-reference |
| 6dd74de | | | 1262 | Alice\\\\-Alice: Stick bottom reverse self-reference |
| 6dd74de | | | 1263 | Bob/|--Bob: Dotted solid top reverse self-reference |
| 6dd74de | | | 1264 | Charlie\\|--Charlie: Dotted solid bottom reverse self-reference |
| 6dd74de | | | 1265 | Alice//--Alice: Dotted stick top reverse self-reference |
| 6dd74de | | | 1266 | Bob\\\\--Bob: Dotted stick bottom reverse self-reference`, |
| 6dd74de | | | 1267 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1268 | ); |
| 6dd74de | | | 1269 | }); |
| 6dd74de | | | 1270 | |
| 6dd74de | | | 1271 | it('should render self-reference with bidirectional arrows - without autonumber', () => { |
| 6dd74de | | | 1272 | imgSnapshotTest( |
| 6dd74de | | | 1273 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1274 | sequenceDiagram |
| 6dd74de | | | 1275 | participant Alice |
| 6dd74de | | | 1276 | participant Bob |
| 6dd74de | | | 1277 | participant Charlie |
| 6dd74de | | | 1278 | Alice<<->>Alice: Bidirectional solid self-reference |
| 6dd74de | | | 1279 | Bob<<-->>Bob: Bidirectional dotted self-reference |
| 6dd74de | | | 1280 | Charlie<<->>Charlie: Another bidirectional solid |
| 6dd74de | | | 1281 | Alice<<-->>Alice: Another bidirectional dotted`, |
| 6dd74de | | | 1282 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1283 | ); |
| 6dd74de | | | 1284 | }); |
| 6dd74de | | | 1285 | |
| 6dd74de | | | 1286 | it('should render self-reference with bidirectional arrows - with autonumber', () => { |
| 6dd74de | | | 1287 | imgSnapshotTest( |
| 6dd74de | | | 1288 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1289 | sequenceDiagram |
| 6dd74de | | | 1290 | autonumber |
| 6dd74de | | | 1291 | participant Alice |
| 6dd74de | | | 1292 | participant Bob |
| 6dd74de | | | 1293 | participant Charlie |
| 6dd74de | | | 1294 | Alice<<->>Alice: Bidirectional solid self-reference |
| 6dd74de | | | 1295 | Bob<<-->>Bob: Bidirectional dotted self-reference |
| 6dd74de | | | 1296 | Charlie<<->>Charlie: Another bidirectional solid |
| 6dd74de | | | 1297 | Alice<<-->>Alice: Another bidirectional dotted`, |
| 6dd74de | | | 1298 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1299 | ); |
| 6dd74de | | | 1300 | }); |
| 6dd74de | | | 1301 | |
| 6dd74de | | | 1302 | it('should render comprehensive self-reference scenario - all arrow types mixed', () => { |
| 6dd74de | | | 1303 | imgSnapshotTest( |
| 6dd74de | | | 1304 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1305 | sequenceDiagram |
| 6dd74de | | | 1306 | autonumber |
| 6dd74de | | | 1307 | participant Alice |
| 6dd74de | | | 1308 | participant Bob |
| 6dd74de | | | 1309 | participant Charlie |
| 6dd74de | | | 1310 | |
| 6dd74de | | | 1311 | Note over Alice,Charlie: Normal arrows |
| 6dd74de | | | 1312 | Alice->>Alice: Normal solid |
| 6dd74de | | | 1313 | Bob-->>Bob: Normal dotted |
| 6dd74de | | | 1314 | Charlie->Charlie: Normal open |
| 6dd74de | | | 1315 | |
| 6dd74de | | | 1316 | Note over Alice,Charlie: Reverse arrows |
| 6dd74de | | | 1317 | Alice/|-Alice: Reverse solid top |
| 6dd74de | | | 1318 | Bob\\|-Bob: Reverse solid bottom |
| 6dd74de | | | 1319 | |
| 6dd74de | | | 1320 | Note over Alice,Charlie: Bidirectional arrows |
| 6dd74de | | | 1321 | Charlie<<->>Charlie: Bidirectional solid |
| 6dd74de | | | 1322 | Alice<<-->>Alice: Bidirectional dotted`, |
| 6dd74de | | | 1323 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1324 | ); |
| 6dd74de | | | 1325 | }); |
| 6dd74de | | | 1326 | |
| 6dd74de | | | 1327 | it('should render self-reference mixed with regular messages and autonumber', () => { |
| 6dd74de | | | 1328 | imgSnapshotTest( |
| 6dd74de | | | 1329 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1330 | sequenceDiagram |
| 6dd74de | | | 1331 | autonumber |
| 6dd74de | | | 1332 | participant Alice |
| 6dd74de | | | 1333 | participant Bob |
| 6dd74de | | | 1334 | participant Charlie |
| 6dd74de | | | 1335 | |
| 6dd74de | | | 1336 | Alice->>Bob: Regular message |
| 6dd74de | | | 1337 | Bob->>Bob: Self-reference solid |
| 6dd74de | | | 1338 | Bob-->>Charlie: Regular dotted |
| 6dd74de | | | 1339 | Charlie->>Alice: Regular back |
| 6dd74de | | | 1340 | Alice<<->>Alice: Self-ref bidirectional |
| 6dd74de | | | 1341 | Alice()->>Bob: Regular with central |
| 6dd74de | | | 1342 | Bob-->>Alice: Regular dotted back`, |
| 6dd74de | | | 1343 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1344 | ); |
| 6dd74de | | | 1345 | }); |
| 6dd74de | | | 1346 | }); |
| 6dd74de | | | 1347 | }); |
| 6dd74de | | | 1348 | |
| 6dd74de | | | 1349 | describe('Comprehensive Test - All Message Types and Arrow Types', () => { |
| 6dd74de | | | 1350 | it('should render all message types and arrow types in a single comprehensive test', () => { |
| 6dd74de | | | 1351 | imgSnapshotTest( |
| 6dd74de | | | 1352 | `%%{init: {'theme':'base'}}%% |
| 6dd74de | | | 1353 | sequenceDiagram |
| 6dd74de | | | 1354 | autonumber |
| 6dd74de | | | 1355 | participant Alice |
| 6dd74de | | | 1356 | participant Bob |
| 6dd74de | | | 1357 | participant Charlie |
| 6dd74de | | | 1358 | participant David |
| 6dd74de | | | 1359 | |
| 6dd74de | | | 1360 | Note over Alice,David: SOLID ARROWS (Filled arrowhead) |
| 6dd74de | | | 1361 | Alice->>Bob: Solid arrow (->>) |
| 6dd74de | | | 1362 | Alice->Charlie: Solid open arrow (->) |
| 6dd74de | | | 1363 | Alice-xDavid: Solid cross (-x) |
| 6dd74de | | | 1364 | Alice-)Bob: Solid point async (-) |
| 6dd74de | | | 1365 | |
| 6dd74de | | | 1366 | Note over Alice,David: DOTTED ARROWS (Dashed line) |
| 6dd74de | | | 1367 | Bob-->>Alice: Dotted arrow (-->>) |
| 6dd74de | | | 1368 | Bob-->Charlie: Dotted open arrow (-->) |
| 6dd74de | | | 1369 | Bob--xDavid: Dotted cross (--x) |
| 6dd74de | | | 1370 | Bob--)Alice: Dotted point async (--) |
| 6dd74de | | | 1371 | |
| 6dd74de | | | 1372 | Note over Alice,David: BIDIRECTIONAL ARROWS |
| 6dd74de | | | 1373 | Alice<<->>Bob: Bidirectional solid (<<->>) |
| 6dd74de | | | 1374 | Charlie<<-->>David: Bidirectional dotted (<<-->>) |
| 6dd74de | | | 1375 | |
| 6dd74de | | | 1376 | Note over Alice,David: REVERSE ARROWS (Half arrows) |
| 6dd74de | | | 1377 | Bob/|-Alice: Solid top reverse (/|-) |
| 6dd74de | | | 1378 | Charlie\\|-Bob: Solid bottom reverse (\\|-) |
| 6dd74de | | | 1379 | David//-Alice: Stick top reverse (//) |
| 6dd74de | | | 1380 | Alice\\\\-Bob: Stick bottom reverse (\\\\-) |
| 6dd74de | | | 1381 | |
| 6dd74de | | | 1382 | Note over Alice,David: DOTTED REVERSE ARROWS |
| 6dd74de | | | 1383 | Bob/|--Alice: Dotted solid top reverse (/|--) |
| 6dd74de | | | 1384 | Charlie\\|--Bob: Dotted solid bottom reverse (\\|--) |
| 6dd74de | | | 1385 | David//--Alice: Dotted stick top reverse (//--) |
| 6dd74de | | | 1386 | Alice\\\\--Bob: Dotted stick bottom reverse (\\\\--) |
| 6dd74de | | | 1387 | |
| 6dd74de | | | 1388 | Note over Alice,David: CENTRAL CONNECTIONS (Circle at destination) |
| 6dd74de | | | 1389 | Alice->>()Bob: Solid with circle at destination |
| 6dd74de | | | 1390 | Alice-->>()Charlie: Dotted with circle at destination |
| 6dd74de | | | 1391 | Alice->()David: Open with circle at destination |
| 6dd74de | | | 1392 | Alice--x()Bob: Cross with circle at destination |
| 6dd74de | | | 1393 | |
| 6dd74de | | | 1394 | Note over Alice,David: CENTRAL CONNECTIONS REVERSE (Circle at source) |
| 6dd74de | | | 1395 | Bob()->>Alice: Circle at source with solid |
| 6dd74de | | | 1396 | Charlie()-->>Bob: Circle at source with dotted |
| 6dd74de | | | 1397 | David()->Alice: Circle at source with open |
| 6dd74de | | | 1398 | Bob()--xAlice: Circle at source with cross |
| 6dd74de | | | 1399 | |
| 6dd74de | | | 1400 | Note over Alice,David: CENTRAL CONNECTIONS DUAL (Circles at both ends) |
| 6dd74de | | | 1401 | Alice()->>()Bob: Dual circles with solid |
| 6dd74de | | | 1402 | Alice()-->>()Charlie: Dual circles with dotted |
| 6dd74de | | | 1403 | Alice()->()David: Dual circles with open |
| 6dd74de | | | 1404 | Alice()--x()Bob: Dual circles with cross |
| 6dd74de | | | 1405 | |
| 6dd74de | | | 1406 | Note over Alice,David: BIDIRECTIONAL WITH CENTRAL CONNECTIONS |
| 6dd74de | | | 1407 | Alice()<<->>()Bob: Dual circles with bidirectional solid |
| 6dd74de | | | 1408 | Charlie()<<-->>()David: Dual circles with bidirectional dotted |
| 6dd74de | | | 1409 | |
| 6dd74de | | | 1410 | Note over Alice,David: SELF-REFERENCES (Same participant) |
| 6dd74de | | | 1411 | Alice->>Alice: Self-reference solid |
| 6dd74de | | | 1412 | Bob-->>Bob: Self-reference dotted |
| 6dd74de | | | 1413 | Charlie->Charlie: Self-reference open |
| 6dd74de | | | 1414 | David-xDavid: Self-reference cross |
| 6dd74de | | | 1415 | |
| 6dd74de | | | 1416 | Note over Alice,David: SELF-REFERENCES WITH REVERSE ARROWS |
| 6dd74de | | | 1417 | Alice/|-Alice: Self-ref reverse solid top |
| 6dd74de | | | 1418 | Bob\\|-Bob: Self-ref reverse solid bottom |
| 6dd74de | | | 1419 | Charlie//-Charlie: Self-ref reverse stick top |
| 6dd74de | | | 1420 | David\\\\-David: Self-ref reverse stick bottom |
| 6dd74de | | | 1421 | |
| 6dd74de | | | 1422 | Note over Alice,David: SELF-REFERENCES BIDIRECTIONAL |
| 6dd74de | | | 1423 | Alice<<->>Alice: Self-ref bidirectional solid |
| 6dd74de | | | 1424 | Bob<<-->>Bob: Self-ref bidirectional dotted |
| 6dd74de | | | 1425 | |
| 6dd74de | | | 1426 | Note over Alice,David: MIXED COMPLEX SCENARIO |
| 6dd74de | | | 1427 | Alice->>Bob: Regular message |
| 6dd74de | | | 1428 | Bob()->>()Charlie: Central dual connection |
| 6dd74de | | | 1429 | Charlie-->>David: Dotted response |
| 6dd74de | | | 1430 | David/|-Alice: Reverse arrow |
| 6dd74de | | | 1431 | Alice<<->>Bob: Bidirectional back |
| 6dd74de | | | 1432 | Bob-xCharlie: Cross message |
| 6dd74de | | | 1433 | Charlie()->>David: Central reverse |
| 6dd74de | | | 1434 | David-->>()Alice: Dotted with circle`, |
| 6dd74de | | | 1435 | { sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1436 | ); |
| 6dd74de | | | 1437 | }); |
| 6dd74de | | | 1438 | }); |
| 6dd74de | | | 1439 | |
| 6dd74de | | | 1440 | describe('Participant Stereotypes with Aliases', () => { |
| 6dd74de | | | 1441 | it('should render participants with stereotypes and aliases', () => { |
| 6dd74de | | | 1442 | imgSnapshotTest( |
| 6dd74de | | | 1443 | `sequenceDiagram |
| 6dd74de | | | 1444 | participant API@{ "type" : "boundary" } as Public API |
| 6dd74de | | | 1445 | participant Auth@{ "type" : "control" } as Auth Controller |
| 6dd74de | | | 1446 | participant DB@{ "type" : "database" } as User Database |
| 6dd74de | | | 1447 | participant Cache@{ "type" : "entity" } as Cache Layer |
| 6dd74de | | | 1448 | API ->> Auth: Authenticate request |
| 6dd74de | | | 1449 | Auth ->> DB: Query user |
| 6dd74de | | | 1450 | DB -->> Auth: User data |
| 6dd74de | | | 1451 | Auth ->> Cache: Store session |
| 6dd74de | | | 1452 | Cache -->> Auth: Confirmed |
| 6dd74de | | | 1453 | Auth -->> API: Token`, |
| 6dd74de | | | 1454 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1455 | ); |
| 6dd74de | | | 1456 | }); |
| 6dd74de | | | 1457 | |
| 6dd74de | | | 1458 | it('should render actors with stereotypes and aliases', () => { |
| 6dd74de | | | 1459 | imgSnapshotTest( |
| 6dd74de | | | 1460 | `sequenceDiagram |
| 6dd74de | | | 1461 | actor U@{ "type" : "actor" } as End User |
| 6dd74de | | | 1462 | actor A@{ "type" : "boundary" } as API Gateway |
| 6dd74de | | | 1463 | actor S@{ "type" : "control" } as Service Layer |
| 6dd74de | | | 1464 | actor D@{ "type" : "database" } as Data Store |
| 6dd74de | | | 1465 | U ->> A: Send request |
| 6dd74de | | | 1466 | A ->> S: Process |
| 6dd74de | | | 1467 | S ->> D: Persist |
| 6dd74de | | | 1468 | D -->> S: Success |
| 6dd74de | | | 1469 | S -->> A: Response |
| 6dd74de | | | 1470 | A -->> U: Result`, |
| 6dd74de | | | 1471 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1472 | ); |
| 6dd74de | | | 1473 | }); |
| 6dd74de | | | 1474 | |
| 6dd74de | | | 1475 | it('should render mixed participants and actors with stereotypes and aliases', () => { |
| 6dd74de | | | 1476 | imgSnapshotTest( |
| 6dd74de | | | 1477 | `sequenceDiagram |
| 6dd74de | | | 1478 | actor Client@{ "type" : "actor" } AS Mobile Client |
| 6dd74de | | | 1479 | participant Gateway@{ "type" : "boundary" } as API Gateway |
| 6dd74de | | | 1480 | participant OrderSvc@{ "type" : "control" } as Order Service |
| 6dd74de | | | 1481 | participant Queue@{ "type" : "queue" } as Message Queue |
| 6dd74de | | | 1482 | participant DB@{ "type" : "database" } as Order Database |
| 6dd74de | | | 1483 | participant Logs@{ "type" : "collections" } as Audit Logs |
| 6dd74de | | | 1484 | Client ->> Gateway: Place order |
| 6dd74de | | | 1485 | Gateway ->> OrderSvc: Validate order |
| 6dd74de | | | 1486 | OrderSvc ->> Queue: Queue for processing as well |
| 6dd74de | | | 1487 | OrderSvc ->> DB: Save order |
| 6dd74de | | | 1488 | OrderSvc ->> Logs: Log transaction |
| 6dd74de | | | 1489 | Queue -->> OrderSvc: Processing started AS Well |
| 6dd74de | | | 1490 | DB -->> OrderSvc: Order saved |
| 6dd74de | | | 1491 | Logs -->> OrderSvc: Logged |
| 6dd74de | | | 1492 | OrderSvc -->> Gateway: Order confirmed |
| 6dd74de | | | 1493 | Gateway -->> Client: Confirmation`, |
| 6dd74de | | | 1494 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1495 | ); |
| 6dd74de | | | 1496 | }); |
| 6dd74de | | | 1497 | |
| 6dd74de | | | 1498 | it('should render stereotypes with aliases in boxes', () => { |
| 6dd74de | | | 1499 | imgSnapshotTest( |
| 6dd74de | | | 1500 | `sequenceDiagram |
| 6dd74de | | | 1501 | box rgb(200,220,255) Frontend Layer |
| 6dd74de | | | 1502 | actor User@{ "type" : "actor" } as End User |
| 6dd74de | | | 1503 | participant UI@{ "type" : "boundary" } as User Interface |
| 6dd74de | | | 1504 | end |
| 6dd74de | | | 1505 | box rgb(255,220,200) Backend Layer |
| 6dd74de | | | 1506 | participant API@{ "type" : "boundary" } as REST API |
| 6dd74de | | | 1507 | participant Svc@{ "type" : "control" } as Business Logic |
| 6dd74de | | | 1508 | end |
| 6dd74de | | | 1509 | box rgb(220,255,200) Data Layer |
| 6dd74de | | | 1510 | participant DB@{ "type" : "database" } as Primary DB |
| 6dd74de | | | 1511 | participant Cache@{ "type" : "entity" } as Cache Store |
| 6dd74de | | | 1512 | end |
| 6dd74de | | | 1513 | User ->> UI: Click button |
| 6dd74de | | | 1514 | UI ->> API: HTTP request |
| 6dd74de | | | 1515 | API ->> Svc: Process |
| 6dd74de | | | 1516 | Svc ->> Cache: Check cache |
| 6dd74de | | | 1517 | Cache -->> Svc: Cache miss |
| 6dd74de | | | 1518 | Svc ->> DB: Query data |
| 6dd74de | | | 1519 | DB -->> Svc: Data |
| 6dd74de | | | 1520 | Svc ->> Cache: Update cache |
| 6dd74de | | | 1521 | Svc -->> API: Response |
| 6dd74de | | | 1522 | API -->> UI: Data |
| 6dd74de | | | 1523 | UI -->> User: Display`, |
| 6dd74de | | | 1524 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1525 | ); |
| 6dd74de | | | 1526 | }); |
| 6dd74de | | | 1527 | |
| 6dd74de | | | 1528 | it('should render stereotypes with aliases and complex interactions', () => { |
| 6dd74de | | | 1529 | imgSnapshotTest( |
| 6dd74de | | | 1530 | `sequenceDiagram |
| 6dd74de | | | 1531 | participant Web@{ "type" : "boundary" } as Web Portal |
| 6dd74de | | | 1532 | participant Auth@{ "type" : "control" } as Auth Service |
| 6dd74de | | | 1533 | participant UserDB@{ "type" : "database" } as User DB |
| 6dd74de | | | 1534 | participant Queue@{ "type" : "queue" } as Event Queue |
| 6dd74de | | | 1535 | participant Audit@{ "type" : "collections" } as Audit Trail |
| 6dd74de | | | 1536 | Web ->> Auth: Login request |
| 6dd74de | | | 1537 | activate Auth |
| 6dd74de | | | 1538 | Auth ->> UserDB: Verify credentials |
| 6dd74de | | | 1539 | activate UserDB |
| 6dd74de | | | 1540 | UserDB -->> Auth: User found |
| 6dd74de | | | 1541 | deactivate UserDB |
| 6dd74de | | | 1542 | alt Valid credentials |
| 6dd74de | | | 1543 | Auth ->> Queue: Publish login event |
| 6dd74de | | | 1544 | Auth ->> Audit: Log success |
| 6dd74de | | | 1545 | par Parallel processing |
| 6dd74de | | | 1546 | Queue -->> Auth: Event queued |
| 6dd74de | | | 1547 | and |
| 6dd74de | | | 1548 | Audit -->> Auth: Logged |
| 6dd74de | | | 1549 | end |
| 6dd74de | | | 1550 | Auth -->> Web: Success token |
| 6dd74de | | | 1551 | else Invalid credentials |
| 6dd74de | | | 1552 | Auth ->> Audit: Log failure |
| 6dd74de | | | 1553 | Audit -->> Auth: Logged |
| 6dd74de | | | 1554 | Auth --x Web: Access denied |
| 6dd74de | | | 1555 | end |
| 6dd74de | | | 1556 | deactivate Auth |
| 6dd74de | | | 1557 | Note over Web,Audit: All interactions logged`, |
| 6dd74de | | | 1558 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1559 | ); |
| 6dd74de | | | 1560 | }); |
| 6dd74de | | | 1561 | }); |
| 6dd74de | | | 1562 | |
| 6dd74de | | | 1563 | describe('Participant Inline Alias in Config', () => { |
| 6dd74de | | | 1564 | it('should render participants with inline alias in config object', () => { |
| 6dd74de | | | 1565 | imgSnapshotTest( |
| 6dd74de | | | 1566 | `sequenceDiagram |
| 6dd74de | | | 1567 | participant API@{ "type" : "boundary", "alias": "Public API" } |
| 6dd74de | | | 1568 | participant Auth@{ "type" : "control", "alias": "Auth Service" } |
| 6dd74de | | | 1569 | participant DB@{ "type" : "database", "alias": "User DB" } |
| 6dd74de | | | 1570 | API ->> Auth: Login request |
| 6dd74de | | | 1571 | Auth ->> DB: Query user |
| 6dd74de | | | 1572 | DB -->> Auth: User data |
| 6dd74de | | | 1573 | Auth -->> API: Token`, |
| 6dd74de | | | 1574 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1575 | ); |
| 6dd74de | | | 1576 | }); |
| 6dd74de | | | 1577 | |
| 6dd74de | | | 1578 | it('should render actors with inline alias in config object', () => { |
| 6dd74de | | | 1579 | imgSnapshotTest( |
| 6dd74de | | | 1580 | `sequenceDiagram |
| 6dd74de | | | 1581 | actor U@{ "type" : "actor", "alias": "End User" } |
| 6dd74de | | | 1582 | actor G@{ "type" : "boundary", "alias": "Gateway" } |
| 6dd74de | | | 1583 | actor S@{ "type" : "control", "alias": "Service" } |
| 6dd74de | | | 1584 | U ->> G: Request |
| 6dd74de | | | 1585 | G ->> S: Process |
| 6dd74de | | | 1586 | S -->> G: Response |
| 6dd74de | | | 1587 | G -->> U: Result`, |
| 6dd74de | | | 1588 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1589 | ); |
| 6dd74de | | | 1590 | }); |
| 6dd74de | | | 1591 | |
| 6dd74de | | | 1592 | it('should handle mixed inline and external alias syntax', () => { |
| 6dd74de | | | 1593 | imgSnapshotTest( |
| 6dd74de | | | 1594 | `sequenceDiagram |
| 6dd74de | | | 1595 | participant A@{ "type" : "boundary", "alias": "Service A" } |
| 6dd74de | | | 1596 | participant B@{ "type" : "control" } as Service B |
| 6dd74de | | | 1597 | participant C@{ "type" : "database" } |
| 6dd74de | | | 1598 | A ->> B: Request |
| 6dd74de | | | 1599 | B ->> C: Query |
| 6dd74de | | | 1600 | C -->> B: Data |
| 6dd74de | | | 1601 | B -->> A: Response`, |
| 6dd74de | | | 1602 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1603 | ); |
| 6dd74de | | | 1604 | }); |
| 6dd74de | | | 1605 | |
| 6dd74de | | | 1606 | it('should prioritize external alias over inline alias', () => { |
| 6dd74de | | | 1607 | imgSnapshotTest( |
| 6dd74de | | | 1608 | `sequenceDiagram |
| 6dd74de | | | 1609 | participant API@{ "type" : "boundary", "alias": "Internal Name" } as External Name |
| 6dd74de | | | 1610 | participant DB@{ "type" : "database", "alias": "Internal DB" } AS External DB |
| 6dd74de | | | 1611 | API ->> DB: Query |
| 6dd74de | | | 1612 | DB -->> API: Result`, |
| 6dd74de | | | 1613 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1614 | ); |
| 6dd74de | | | 1615 | }); |
| 6dd74de | | | 1616 | |
| 6dd74de | | | 1617 | it('should render inline alias with only alias field (no type)', () => { |
| 6dd74de | | | 1618 | imgSnapshotTest( |
| 6dd74de | | | 1619 | `sequenceDiagram |
| 6dd74de | | | 1620 | participant API@{ "alias": "Public API" } |
| 6dd74de | | | 1621 | participant Auth@{ "alias": "Auth Service" } |
| 6dd74de | | | 1622 | API ->> Auth: Request |
| 6dd74de | | | 1623 | Auth -->> API: Response`, |
| 6dd74de | | | 1624 | { look: 'classic', sequence: { diagramMarginX: 50, diagramMarginY: 10 } } |
| 6dd74de | | | 1625 | ); |
| 6dd74de | | | 1626 | }); |
| 6dd74de | | | 1627 | }); |
| 6dd74de | | | 1628 | }); |
| 6dd74de | | | 1629 | }); |