| 6dd74de | | | 1 | import { imgSnapshotTest, renderGraph } from '../../helpers/util.ts'; |
| 6dd74de | | | 2 | |
| 6dd74de | | | 3 | describe('Sequence diagram', () => { |
| 6dd74de | | | 4 | it('should render a sequence diagram with boxes', () => { |
| 6dd74de | | | 5 | renderGraph( |
| 6dd74de | | | 6 | ` |
| 6dd74de | | | 7 | sequenceDiagram |
| 6dd74de | | | 8 | box LightGrey Alice and Bob |
| 6dd74de | | | 9 | participant Alice |
| 6dd74de | | | 10 | participant Bob |
| 6dd74de | | | 11 | end |
| 6dd74de | | | 12 | participant John as John<br/>Second Line |
| 6dd74de | | | 13 | Alice ->> Bob: Hello Bob, how are you? |
| 6dd74de | | | 14 | Bob-->>John: How about you John? |
| 6dd74de | | | 15 | Bob--x Alice: I am good thanks! |
| 6dd74de | | | 16 | Bob-x John: I am good thanks! |
| 6dd74de | | | 17 | 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 | | | 18 | Bob-->Alice: Checking with John... |
| 6dd74de | | | 19 | alt either this |
| 6dd74de | | | 20 | Alice->>John: Yes |
| 6dd74de | | | 21 | else or this |
| 6dd74de | | | 22 | Alice->>John: No |
| 6dd74de | | | 23 | else or this will happen |
| 6dd74de | | | 24 | Alice->John: Maybe |
| 6dd74de | | | 25 | end |
| 6dd74de | | | 26 | par this happens in parallel |
| 6dd74de | | | 27 | Alice -->> Bob: Parallel message 1 |
| 6dd74de | | | 28 | and |
| 6dd74de | | | 29 | Alice -->> John: Parallel message 2 |
| 6dd74de | | | 30 | end |
| 6dd74de | | | 31 | `, |
| 6dd74de | | | 32 | { sequence: { useMaxWidth: false } } |
| 6dd74de | | | 33 | ); |
| 6dd74de | | | 34 | cy.get('svg').should((svg) => { |
| 6dd74de | | | 35 | const width = parseFloat(svg.attr('width')); |
| 6dd74de | | | 36 | expect(width).to.be.within(830 * 0.95, 830 * 1.05); |
| 6dd74de | | | 37 | expect(svg).to.not.have.attr('style'); |
| 6dd74de | | | 38 | }); |
| 6dd74de | | | 39 | }); |
| 6dd74de | | | 40 | it('should render a simple sequence diagram', () => { |
| 6dd74de | | | 41 | imgSnapshotTest( |
| 6dd74de | | | 42 | ` |
| 6dd74de | | | 43 | sequenceDiagram |
| 6dd74de | | | 44 | participant Alice |
| 6dd74de | | | 45 | participant Bob |
| 6dd74de | | | 46 | participant John as John<br/>Second Line |
| 6dd74de | | | 47 | Alice ->> Bob: Hello Bob, how are you? |
| 6dd74de | | | 48 | Bob-->>John: How about you John? |
| 6dd74de | | | 49 | Bob--x Alice: I am good thanks! |
| 6dd74de | | | 50 | Bob-x John: I am good thanks! |
| 6dd74de | | | 51 | 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 | | | 52 | Bob-->Alice: Checking with John... |
| 6dd74de | | | 53 | alt either this |
| 6dd74de | | | 54 | Alice->>John: Yes |
| 6dd74de | | | 55 | else or this |
| 6dd74de | | | 56 | Alice->>John: No |
| 6dd74de | | | 57 | else or this will happen |
| 6dd74de | | | 58 | Alice->John: Maybe |
| 6dd74de | | | 59 | end |
| 6dd74de | | | 60 | par this happens in parallel |
| 6dd74de | | | 61 | Alice -->> Bob: Parallel message 1 |
| 6dd74de | | | 62 | and |
| 6dd74de | | | 63 | Alice -->> John: Parallel message 2 |
| 6dd74de | | | 64 | end |
| 6dd74de | | | 65 | `, |
| 6dd74de | | | 66 | { sequence: { actorFontFamily: 'courier' } } |
| 6dd74de | | | 67 | ); |
| 6dd74de | | | 68 | }); |
| 6dd74de | | | 69 | it('should render bidirectional arrows', () => { |
| 6dd74de | | | 70 | imgSnapshotTest( |
| 6dd74de | | | 71 | ` |
| 6dd74de | | | 72 | sequenceDiagram |
| 6dd74de | | | 73 | Alice<<->>John: Hello John, how are you? |
| 6dd74de | | | 74 | Alice<<-->>John: Hi Alice, I can hear you! |
| 6dd74de | | | 75 | John<<->>Alice: This also works the other way |
| 6dd74de | | | 76 | John<<-->>Alice: Yes |
| 6dd74de | | | 77 | Alice->John: Test |
| 6dd74de | | | 78 | John->>Alice: Still works |
| 6dd74de | | | 79 | ` |
| 6dd74de | | | 80 | ); |
| 6dd74de | | | 81 | }); |
| 6dd74de | | | 82 | it('should handle different line breaks', () => { |
| 6dd74de | | | 83 | imgSnapshotTest( |
| 6dd74de | | | 84 | ` |
| 6dd74de | | | 85 | sequenceDiagram |
| 6dd74de | | | 86 | participant 1 as multiline<br>using #lt;br#gt; |
| 6dd74de | | | 87 | participant 2 as multiline<br/>using #lt;br/#gt; |
| 6dd74de | | | 88 | participant 3 as multiline<br />using #lt;br /#gt; |
| 6dd74de | | | 89 | participant 4 as multiline<br \t/>using #lt;br \t/#gt; |
| 6dd74de | | | 90 | 1->>2: multiline<br>using #lt;br#gt; |
| 6dd74de | | | 91 | note right of 2: multiline<br>using #lt;br#gt; |
| 6dd74de | | | 92 | 2->>3: multiline<br/>using #lt;br/#gt; |
| 6dd74de | | | 93 | note right of 3: multiline<br/>using #lt;br/#gt; |
| 6dd74de | | | 94 | 3->>4: multiline<br />using #lt;br /#gt; |
| 6dd74de | | | 95 | note right of 4: multiline<br />using #lt;br /#gt; |
| 6dd74de | | | 96 | 4->>1: multiline<br />using #lt;br /#gt; |
| 6dd74de | | | 97 | note right of 1: multiline<br \t/>using #lt;br \t/#gt; |
| 6dd74de | | | 98 | `, |
| 6dd74de | | | 99 | {} |
| 6dd74de | | | 100 | ); |
| 6dd74de | | | 101 | }); |
| 6dd74de | | | 102 | it('should handle empty lines', () => { |
| 6dd74de | | | 103 | imgSnapshotTest( |
| 6dd74de | | | 104 | ` |
| 6dd74de | | | 105 | sequenceDiagram |
| 6dd74de | | | 106 | Alice->>John: Hello John<br/> |
| 6dd74de | | | 107 | John-->>Alice: Great<br/><br/>day! |
| 6dd74de | | | 108 | `, |
| 6dd74de | | | 109 | {} |
| 6dd74de | | | 110 | ); |
| 6dd74de | | | 111 | }); |
| 6dd74de | | | 112 | it('should handle line breaks and wrap annotations', () => { |
| 6dd74de | | | 113 | imgSnapshotTest( |
| 6dd74de | | | 114 | ` |
| 6dd74de | | | 115 | sequenceDiagram |
| 6dd74de | | | 116 | participant Alice |
| 6dd74de | | | 117 | participant Bob |
| 6dd74de | | | 118 | participant John as John<br/>Second Line |
| 6dd74de | | | 119 | Alice ->> Bob: Hello Bob, how are you? |
| 6dd74de | | | 120 | Bob-->>John: How about you John? |
| 6dd74de | | | 121 | Note right of John: John thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row. |
| 6dd74de | | | 122 | Bob-->Alice: Checking with John... |
| 6dd74de | | | 123 | Note over John:wrap: John looks like he's still thinking, so Bob prods him a bit. |
| 6dd74de | | | 124 | Bob-x John: Hey John -<br/>we're still waiting to know<br/>how you're doing |
| 6dd74de | | | 125 | Note over John:nowrap: John's trying hard not to break his train of thought. |
| 6dd74de | | | 126 | Bob-x John:wrap: John! Are you still debating about how you're doing? How long does it take?? |
| 6dd74de | | | 127 | Note over John: After a few more moments, John<br/>finally snaps out of it. |
| 6dd74de | | | 128 | `, |
| 6dd74de | | | 129 | {} |
| 6dd74de | | | 130 | ); |
| 6dd74de | | | 131 | }); |
| 6dd74de | | | 132 | it('should render loops with a slight margin', () => { |
| 6dd74de | | | 133 | imgSnapshotTest( |
| 6dd74de | | | 134 | ` |
| 6dd74de | | | 135 | sequenceDiagram |
| 6dd74de | | | 136 | 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 | | | 137 | loop Loopy |
| 6dd74de | | | 138 | Bob->>Alice: Pasten |
| 6dd74de | | | 139 | end `, |
| 6dd74de | | | 140 | { |
| 6dd74de | | | 141 | sequence: { |
| 6dd74de | | | 142 | wrap: true, |
| 6dd74de | | | 143 | }, |
| 6dd74de | | | 144 | } |
| 6dd74de | | | 145 | ); |
| 6dd74de | | | 146 | }); |
| 6dd74de | | | 147 | it('should render a sequence diagram with par_over', () => { |
| 6dd74de | | | 148 | imgSnapshotTest( |
| 6dd74de | | | 149 | ` |
| 6dd74de | | | 150 | sequenceDiagram |
| 6dd74de | | | 151 | participant Alice |
| 6dd74de | | | 152 | participant Bob |
| 6dd74de | | | 153 | participant John |
| 6dd74de | | | 154 | par_over Section title |
| 6dd74de | | | 155 | Alice ->> Bob: Message 1<br>Second line |
| 6dd74de | | | 156 | Bob ->> John: Message 2 |
| 6dd74de | | | 157 | end |
| 6dd74de | | | 158 | par_over Two line<br>section title |
| 6dd74de | | | 159 | Note over Alice: Alice note |
| 6dd74de | | | 160 | Note over Bob: Bob note<br>Second line |
| 6dd74de | | | 161 | Note over John: John note |
| 6dd74de | | | 162 | end |
| 6dd74de | | | 163 | par_over Mixed section |
| 6dd74de | | | 164 | Alice ->> Bob: Message 1 |
| 6dd74de | | | 165 | Note left of Bob: Alice/Bob Note |
| 6dd74de | | | 166 | end |
| 6dd74de | | | 167 | ` |
| 6dd74de | | | 168 | ); |
| 6dd74de | | | 169 | }); |
| 6dd74de | | | 170 | it('should render a sequence diagram with basic actor creation and destruction', () => { |
| 6dd74de | | | 171 | imgSnapshotTest( |
| 6dd74de | | | 172 | ` |
| 6dd74de | | | 173 | sequenceDiagram |
| 6dd74de | | | 174 | Alice ->> Bob: Hello Bob, how are you ? |
| 6dd74de | | | 175 | Bob ->> Alice: Fine, thank you. And you? |
| 6dd74de | | | 176 | create participant Polo |
| 6dd74de | | | 177 | Alice ->> Polo: Hi Polo! |
| 6dd74de | | | 178 | create actor Ola1 as Ola |
| 6dd74de | | | 179 | Polo ->> Ola1: Hiii |
| 6dd74de | | | 180 | Ola1 ->> Alice: Hi too |
| 6dd74de | | | 181 | destroy Ola1 |
| 6dd74de | | | 182 | Alice --x Ola1: Bye! |
| 6dd74de | | | 183 | Alice ->> Bob: And now? |
| 6dd74de | | | 184 | create participant Ola2 as Ola |
| 6dd74de | | | 185 | Alice ->> Ola2: Hello again |
| 6dd74de | | | 186 | destroy Alice |
| 6dd74de | | | 187 | Alice --x Ola2: Bye for me! |
| 6dd74de | | | 188 | destroy Bob |
| 6dd74de | | | 189 | Ola2 --> Bob: The end |
| 6dd74de | | | 190 | ` |
| 6dd74de | | | 191 | ); |
| 6dd74de | | | 192 | }); |
| 6dd74de | | | 193 | it('should render a sequence diagram with actor creation and destruction coupled with backgrounds, loops and notes', () => { |
| 6dd74de | | | 194 | imgSnapshotTest( |
| 6dd74de | | | 195 | ` |
| 6dd74de | | | 196 | sequenceDiagram |
| 6dd74de | | | 197 | accTitle: test the accTitle |
| 6dd74de | | | 198 | accDescr: Test a description |
| 6dd74de | | | 199 | |
| 6dd74de | | | 200 | participant Alice |
| 6dd74de | | | 201 | participant Bob |
| 6dd74de | | | 202 | autonumber 10 10 |
| 6dd74de | | | 203 | rect rgb(200, 220, 100) |
| 6dd74de | | | 204 | rect rgb(200, 255, 200) |
| 6dd74de | | | 205 | |
| 6dd74de | | | 206 | Alice ->> Bob: Hello Bob, how are you? |
| 6dd74de | | | 207 | create participant John as John<br />Second Line |
| 6dd74de | | | 208 | Bob-->>John: How about you John? |
| 6dd74de | | | 209 | end |
| 6dd74de | | | 210 | |
| 6dd74de | | | 211 | Bob--x Alice: I am good thanks! |
| 6dd74de | | | 212 | Bob-x John: I am good thanks! |
| 6dd74de | | | 213 | Note right of John: John thinks a long<br />long time, so long<br />that the text does<br />not fit on a row. |
| 6dd74de | | | 214 | |
| 6dd74de | | | 215 | Bob-->Alice: Checking with John... |
| 6dd74de | | | 216 | Note over John:wrap: John looks like he's still thinking, so Bob prods him a bit. |
| 6dd74de | | | 217 | Bob-x John: Hey John - we're still waiting to know<br />how you're doing |
| 6dd74de | | | 218 | Note over John:nowrap: John's trying hard not to break his train of thought. |
| 6dd74de | | | 219 | destroy John |
| 6dd74de | | | 220 | Bob-x John: John! Cmon! |
| 6dd74de | | | 221 | Note over John: After a few more moments, John<br />finally snaps out of it. |
| 6dd74de | | | 222 | end |
| 6dd74de | | | 223 | |
| 6dd74de | | | 224 | autonumber off |
| 6dd74de | | | 225 | alt either this |
| 6dd74de | | | 226 | create actor Lola |
| 6dd74de | | | 227 | Alice->>+Lola: Yes |
| 6dd74de | | | 228 | Lola-->>-Alice: OK |
| 6dd74de | | | 229 | else or this |
| 6dd74de | | | 230 | autonumber |
| 6dd74de | | | 231 | Alice->>Lola: No |
| 6dd74de | | | 232 | else or this will happen |
| 6dd74de | | | 233 | Alice->Lola: Maybe |
| 6dd74de | | | 234 | end |
| 6dd74de | | | 235 | autonumber 200 |
| 6dd74de | | | 236 | par this happens in parallel |
| 6dd74de | | | 237 | destroy Bob |
| 6dd74de | | | 238 | Alice -->> Bob: Parallel message 1 |
| 6dd74de | | | 239 | and |
| 6dd74de | | | 240 | Alice -->> Lola: Parallel message 2 |
| 6dd74de | | | 241 | end |
| 6dd74de | | | 242 | ` |
| 6dd74de | | | 243 | ); |
| 6dd74de | | | 244 | }); |
| 6dd74de | | | 245 | describe('font settings', () => { |
| 6dd74de | | | 246 | it('should render different note fonts when configured', () => { |
| 6dd74de | | | 247 | imgSnapshotTest( |
| 6dd74de | | | 248 | ` |
| 6dd74de | | | 249 | sequenceDiagram |
| 6dd74de | | | 250 | Alice->>Bob: I'm short |
| 6dd74de | | | 251 | note left of Alice: I should have bigger fonts |
| 6dd74de | | | 252 | Bob->>Alice: Short as well |
| 6dd74de | | | 253 | `, |
| 6dd74de | | | 254 | { sequence: { noteFontSize: 18, noteFontFamily: 'Arial' } } |
| 6dd74de | | | 255 | ); |
| 6dd74de | | | 256 | }); |
| 6dd74de | | | 257 | it('should render different message fonts when configured', () => { |
| 6dd74de | | | 258 | imgSnapshotTest( |
| 6dd74de | | | 259 | ` |
| 6dd74de | | | 260 | sequenceDiagram |
| 6dd74de | | | 261 | Alice->>Bob: I'm short |
| 6dd74de | | | 262 | Bob->>Alice: Short as well |
| 6dd74de | | | 263 | `, |
| 6dd74de | | | 264 | { sequence: { messageFontSize: 18, messageFontFamily: 'Arial' } } |
| 6dd74de | | | 265 | ); |
| 6dd74de | | | 266 | }); |
| 6dd74de | | | 267 | it('should render different actor fonts when configured', () => { |
| 6dd74de | | | 268 | imgSnapshotTest( |
| 6dd74de | | | 269 | ` |
| 6dd74de | | | 270 | sequenceDiagram |
| 6dd74de | | | 271 | Alice->>Bob: I'm short |
| 6dd74de | | | 272 | Bob->>Alice: Short as well |
| 6dd74de | | | 273 | `, |
| 6dd74de | | | 274 | { sequence: { actorFontSize: 18, actorFontFamily: 'times' } } |
| 6dd74de | | | 275 | ); |
| 6dd74de | | | 276 | }); |
| 6dd74de | | | 277 | it('should render notes aligned to the left when configured', () => { |
| 6dd74de | | | 278 | imgSnapshotTest( |
| 6dd74de | | | 279 | ` |
| 6dd74de | | | 280 | sequenceDiagram |
| 6dd74de | | | 281 | Alice->>Bob: I'm short |
| 6dd74de | | | 282 | note left of Alice: I am left aligned |
| 6dd74de | | | 283 | Bob->>Alice: Short as well |
| 6dd74de | | | 284 | `, |
| 6dd74de | | | 285 | { sequence: { noteAlign: 'left' } } |
| 6dd74de | | | 286 | ); |
| 6dd74de | | | 287 | }); |
| 6dd74de | | | 288 | it('should render multi-line notes aligned to the left when configured', () => { |
| 6dd74de | | | 289 | imgSnapshotTest( |
| 6dd74de | | | 290 | ` |
| 6dd74de | | | 291 | sequenceDiagram |
| 6dd74de | | | 292 | Alice->>Bob: I'm short |
| 6dd74de | | | 293 | note left of Alice: I am left aligned<br>but also<br>multiline |
| 6dd74de | | | 294 | Bob->>Alice: Short as well |
| 6dd74de | | | 295 | `, |
| 6dd74de | | | 296 | { sequence: { noteAlign: 'left' } } |
| 6dd74de | | | 297 | ); |
| 6dd74de | | | 298 | }); |
| 6dd74de | | | 299 | it('should render notes aligned to the right when configured', () => { |
| 6dd74de | | | 300 | imgSnapshotTest( |
| 6dd74de | | | 301 | ` |
| 6dd74de | | | 302 | sequenceDiagram |
| 6dd74de | | | 303 | Alice->>Bob: I'm short |
| 6dd74de | | | 304 | note left of Alice: I am right aligned |
| 6dd74de | | | 305 | Bob->>Alice: Short as well |
| 6dd74de | | | 306 | `, |
| 6dd74de | | | 307 | { sequence: { noteAlign: 'right' } } |
| 6dd74de | | | 308 | ); |
| 6dd74de | | | 309 | }); |
| 6dd74de | | | 310 | it('should render multi-line notes aligned to the right when configured', () => { |
| 6dd74de | | | 311 | imgSnapshotTest( |
| 6dd74de | | | 312 | ` |
| 6dd74de | | | 313 | sequenceDiagram |
| 6dd74de | | | 314 | Alice->>Bob: I'm short |
| 6dd74de | | | 315 | note left of Alice: I am right aligned<br>but also<br>multiline |
| 6dd74de | | | 316 | Bob->>Alice: Short as well |
| 6dd74de | | | 317 | `, |
| 6dd74de | | | 318 | { sequence: { noteAlign: 'right' } } |
| 6dd74de | | | 319 | ); |
| 6dd74de | | | 320 | }); |
| 6dd74de | | | 321 | it('should render multi-line messages aligned to the left when configured', () => { |
| 6dd74de | | | 322 | imgSnapshotTest( |
| 6dd74de | | | 323 | ` |
| 6dd74de | | | 324 | sequenceDiagram |
| 6dd74de | | | 325 | Alice->>Bob: I'm short<br>but also<br>multiline |
| 6dd74de | | | 326 | Bob->>Alice: Short as well<br>and also<br>multiline |
| 6dd74de | | | 327 | `, |
| 6dd74de | | | 328 | { sequence: { messageAlign: 'left' } } |
| 6dd74de | | | 329 | ); |
| 6dd74de | | | 330 | }); |
| 6dd74de | | | 331 | it('should render multi-line messages aligned to the right when configured', () => { |
| 6dd74de | | | 332 | imgSnapshotTest( |
| 6dd74de | | | 333 | ` |
| 6dd74de | | | 334 | sequenceDiagram |
| 6dd74de | | | 335 | Alice->>Bob: I'm short<br>but also<br>multiline |
| 6dd74de | | | 336 | Bob->>Alice: Short as well<br>and also<br>multiline |
| 6dd74de | | | 337 | `, |
| 6dd74de | | | 338 | { sequence: { messageAlign: 'right' } } |
| 6dd74de | | | 339 | ); |
| 6dd74de | | | 340 | }); |
| 6dd74de | | | 341 | }); |
| 6dd74de | | | 342 | describe('auth width scaling', () => { |
| 6dd74de | | | 343 | it('should render long actor descriptions', () => { |
| 6dd74de | | | 344 | imgSnapshotTest( |
| 6dd74de | | | 345 | ` |
| 6dd74de | | | 346 | sequenceDiagram |
| 6dd74de | | | 347 | participant A as Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 348 | A->>Bob: Hola |
| 6dd74de | | | 349 | Bob-->A: Pasten ! |
| 6dd74de | | | 350 | `, |
| 6dd74de | | | 351 | { logLevel: 0 } |
| 6dd74de | | | 352 | ); |
| 6dd74de | | | 353 | }); |
| 6dd74de | | | 354 | it('should wrap (inline) long actor descriptions', () => { |
| 6dd74de | | | 355 | imgSnapshotTest( |
| 6dd74de | | | 356 | ` |
| 6dd74de | | | 357 | sequenceDiagram |
| 6dd74de | | | 358 | participant A as 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 | | | 359 | A->>Bob: Hola |
| 6dd74de | | | 360 | Bob-->A: Pasten ! |
| 6dd74de | | | 361 | `, |
| 6dd74de | | | 362 | { logLevel: 0 } |
| 6dd74de | | | 363 | ); |
| 6dd74de | | | 364 | }); |
| 6dd74de | | | 365 | it('should wrap (directive) long actor descriptions', () => { |
| 6dd74de | | | 366 | imgSnapshotTest( |
| 6dd74de | | | 367 | ` |
| 6dd74de | | | 368 | %%{init: {'config': {'wrap': true }}}%% |
| 6dd74de | | | 369 | sequenceDiagram |
| 6dd74de | | | 370 | participant A as Extremely utterly long line of longness which had previously overflown the actor box as it is much longer than what it should be |
| 6dd74de | | | 371 | A->>Bob: Hola |
| 6dd74de | | | 372 | Bob-->A: Pasten ! |
| 6dd74de | | | 373 | `, |
| 6dd74de | | | 374 | {} |
| 6dd74de | | | 375 | ); |
| 6dd74de | | | 376 | }); |
| 6dd74de | | | 377 | it('should be possible to use actor symbols instead of boxes', () => { |
| 6dd74de | | | 378 | imgSnapshotTest( |
| 6dd74de | | | 379 | ` |
| 6dd74de | | | 380 | sequenceDiagram |
| 6dd74de | | | 381 | actor Alice |
| 6dd74de | | | 382 | actor Bob |
| 6dd74de | | | 383 | Alice->>Bob: Hi Bob |
| 6dd74de | | | 384 | Bob->>Alice: Hi Alice |
| 6dd74de | | | 385 | `, |
| 6dd74de | | | 386 | {} |
| 6dd74de | | | 387 | ); |
| 6dd74de | | | 388 | }); |
| 6dd74de | | | 389 | it('should have actor-top and actor-bottom classes on top and bottom actor box and symbol and actor-box and actor-man classes for text tags', () => { |
| 6dd74de | | | 390 | imgSnapshotTest( |
| 6dd74de | | | 391 | ` |
| 6dd74de | | | 392 | sequenceDiagram |
| 6dd74de | | | 393 | actor Bob |
| 6dd74de | | | 394 | Alice->>Bob: Hi Bob |
| 6dd74de | | | 395 | Bob->>Alice: Hi Alice |
| 6dd74de | | | 396 | `, |
| 6dd74de | | | 397 | {} |
| 6dd74de | | | 398 | ); |
| 6dd74de | | | 399 | cy.get('.actor').should('have.class', 'actor-top'); |
| 6dd74de | | | 400 | cy.get('.actor-man').should('have.class', 'actor-top'); |
| 6dd74de | | | 401 | cy.get('.actor.actor-top').should('not.have.class', 'actor-bottom'); |
| 6dd74de | | | 402 | cy.get('.actor-man.actor-top').should('not.have.class', 'actor-bottom'); |
| 6dd74de | | | 403 | |
| 6dd74de | | | 404 | cy.get('.actor').should('have.class', 'actor-bottom'); |
| 6dd74de | | | 405 | cy.get('.actor-man').should('have.class', 'actor-bottom'); |
| 6dd74de | | | 406 | cy.get('.actor.actor-bottom').should('not.have.class', 'actor-top'); |
| 6dd74de | | | 407 | cy.get('.actor-man.actor-bottom').should('not.have.class', 'actor-top'); |
| 6dd74de | | | 408 | |
| 6dd74de | | | 409 | cy.get('text.actor-box').should('include.text', 'Alice'); |
| 6dd74de | | | 410 | cy.get('text.actor-man').should('include.text', 'Bob'); |
| 6dd74de | | | 411 | }); |
| 6dd74de | | | 412 | it('should render long notes left of actor', () => { |
| 6dd74de | | | 413 | imgSnapshotTest( |
| 6dd74de | | | 414 | ` |
| 6dd74de | | | 415 | sequenceDiagram |
| 6dd74de | | | 416 | Alice->>Bob: Hola |
| 6dd74de | | | 417 | 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 | | | 418 | Bob->>Alice: I'm short though |
| 6dd74de | | | 419 | `, |
| 6dd74de | | | 420 | {} |
| 6dd74de | | | 421 | ); |
| 6dd74de | | | 422 | }); |
| 6dd74de | | | 423 | it('should render long notes wrapped (inline) left of actor', () => { |
| 6dd74de | | | 424 | imgSnapshotTest( |
| 6dd74de | | | 425 | ` |
| 6dd74de | | | 426 | sequenceDiagram |
| 6dd74de | | | 427 | Alice->>Bob: Hola |
| 6dd74de | | | 428 | 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 | | | 429 | Bob->>Alice: I'm short though |
| 6dd74de | | | 430 | `, |
| 6dd74de | | | 431 | {} |
| 6dd74de | | | 432 | ); |
| 6dd74de | | | 433 | }); |
| 6dd74de | | | 434 | it('should render long notes right of actor', () => { |
| 6dd74de | | | 435 | imgSnapshotTest( |
| 6dd74de | | | 436 | ` |
| 6dd74de | | | 437 | sequenceDiagram |
| 6dd74de | | | 438 | Alice->>Bob: Hola |
| 6dd74de | | | 439 | 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 | | | 440 | Bob->>Alice: I'm short though |
| 6dd74de | | | 441 | `, |
| 6dd74de | | | 442 | {} |
| 6dd74de | | | 443 | ); |
| 6dd74de | | | 444 | }); |
| 6dd74de | | | 445 | it('should render long notes wrapped (inline) right of actor', () => { |
| 6dd74de | | | 446 | imgSnapshotTest( |
| 6dd74de | | | 447 | ` |
| 6dd74de | | | 448 | sequenceDiagram |
| 6dd74de | | | 449 | Alice->>Bob: Hola |
| 6dd74de | | | 450 | 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 | | | 451 | Bob->>Alice: I'm short though |
| 6dd74de | | | 452 | `, |
| 6dd74de | | | 453 | {} |
| 6dd74de | | | 454 | ); |
| 6dd74de | | | 455 | }); |
| 6dd74de | | | 456 | it('should render long notes over actor', () => { |
| 6dd74de | | | 457 | imgSnapshotTest( |
| 6dd74de | | | 458 | ` |
| 6dd74de | | | 459 | sequenceDiagram |
| 6dd74de | | | 460 | Alice->>Bob: Hola |
| 6dd74de | | | 461 | 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 | | | 462 | Bob->>Alice: I'm short though |
| 6dd74de | | | 463 | `, |
| 6dd74de | | | 464 | {} |
| 6dd74de | | | 465 | ); |
| 6dd74de | | | 466 | }); |
| 6dd74de | | | 467 | it('should render long notes wrapped (inline) over actor', () => { |
| 6dd74de | | | 468 | imgSnapshotTest( |
| 6dd74de | | | 469 | ` |
| 6dd74de | | | 470 | sequenceDiagram |
| 6dd74de | | | 471 | Alice->>Bob: Hola |
| 6dd74de | | | 472 | 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 | | | 473 | Bob->>Alice: I'm short though |
| 6dd74de | | | 474 | `, |
| 6dd74de | | | 475 | {} |
| 6dd74de | | | 476 | ); |
| 6dd74de | | | 477 | }); |
| 6dd74de | | | 478 | it('should render notes over actors and participant', () => { |
| 6dd74de | | | 479 | imgSnapshotTest( |
| 6dd74de | | | 480 | ` |
| 6dd74de | | | 481 | sequenceDiagram |
| 6dd74de | | | 482 | actor Alice |
| 6dd74de | | | 483 | participant Charlie |
| 6dd74de | | | 484 | note over Alice: some note |
| 6dd74de | | | 485 | note over Charlie: other note |
| 6dd74de | | | 486 | `, |
| 6dd74de | | | 487 | {} |
| 6dd74de | | | 488 | ); |
| 6dd74de | | | 489 | }); |
| 6dd74de | | | 490 | it('should render long messages from an actor to the left to one to the right', () => { |
| 6dd74de | | | 491 | imgSnapshotTest( |
| 6dd74de | | | 492 | ` |
| 6dd74de | | | 493 | sequenceDiagram |
| 6dd74de | | | 494 | 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 | | | 495 | Bob->>Alice: I'm short though |
| 6dd74de | | | 496 | `, |
| 6dd74de | | | 497 | {} |
| 6dd74de | | | 498 | ); |
| 6dd74de | | | 499 | }); |
| 6dd74de | | | 500 | it('should render long messages wrapped (inline) from an actor to the left to one to the right', () => { |
| 6dd74de | | | 501 | imgSnapshotTest( |
| 6dd74de | | | 502 | ` |
| 6dd74de | | | 503 | sequenceDiagram |
| 6dd74de | | | 504 | 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 | | | 505 | Bob->>Alice: I'm short though |
| 6dd74de | | | 506 | `, |
| 6dd74de | | | 507 | {} |
| 6dd74de | | | 508 | ); |
| 6dd74de | | | 509 | }); |
| 6dd74de | | | 510 | it('should render long messages from an actor to the right to one to the left', () => { |
| 6dd74de | | | 511 | imgSnapshotTest( |
| 6dd74de | | | 512 | ` |
| 6dd74de | | | 513 | sequenceDiagram |
| 6dd74de | | | 514 | Alice->>Bob: I'm short |
| 6dd74de | | | 515 | 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 | | | 516 | `, |
| 6dd74de | | | 517 | {} |
| 6dd74de | | | 518 | ); |
| 6dd74de | | | 519 | }); |
| 6dd74de | | | 520 | it('should render long messages wrapped (inline) from an actor to the right to one to the left', () => { |
| 6dd74de | | | 521 | imgSnapshotTest( |
| 6dd74de | | | 522 | ` |
| 6dd74de | | | 523 | sequenceDiagram |
| 6dd74de | | | 524 | Alice->>Bob: I'm short |
| 6dd74de | | | 525 | 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 | | | 526 | `, |
| 6dd74de | | | 527 | {} |
| 6dd74de | | | 528 | ); |
| 6dd74de | | | 529 | }); |
| 6dd74de | | | 530 | }); |
| 6dd74de | | | 531 | describe('background rects', () => { |
| 6dd74de | | | 532 | it('should render a single and nested rects', () => { |
| 6dd74de | | | 533 | imgSnapshotTest( |
| 6dd74de | | | 534 | ` |
| 6dd74de | | | 535 | sequenceDiagram |
| 6dd74de | | | 536 | participant A |
| 6dd74de | | | 537 | participant B |
| 6dd74de | | | 538 | participant C |
| 6dd74de | | | 539 | participant D |
| 6dd74de | | | 540 | participant E |
| 6dd74de | | | 541 | participant G |
| 6dd74de | | | 542 | |
| 6dd74de | | | 543 | A ->>+ B: Task 1 |
| 6dd74de | | | 544 | rect rgb(178, 102, 255) |
| 6dd74de | | | 545 | B ->>+ C: Task 2 |
| 6dd74de | | | 546 | C -->>- B: Return |
| 6dd74de | | | 547 | end |
| 6dd74de | | | 548 | |
| 6dd74de | | | 549 | A ->> D: Task 3 |
| 6dd74de | | | 550 | rect rgb(0, 128, 255) |
| 6dd74de | | | 551 | D ->>+ E: Task 4 |
| 6dd74de | | | 552 | rect rgb(0, 204, 0) |
| 6dd74de | | | 553 | E ->>+ G: Task 5 |
| 6dd74de | | | 554 | G -->>- E: Return |
| 6dd74de | | | 555 | end |
| 6dd74de | | | 556 | E ->> E: Task 6 |
| 6dd74de | | | 557 | end |
| 6dd74de | | | 558 | D -->> A: Complete |
| 6dd74de | | | 559 | `, |
| 6dd74de | | | 560 | {} |
| 6dd74de | | | 561 | ); |
| 6dd74de | | | 562 | }); |
| 6dd74de | | | 563 | it('should render a single and nested opt with long test overflowing', () => { |
| 6dd74de | | | 564 | imgSnapshotTest( |
| 6dd74de | | | 565 | ` |
| 6dd74de | | | 566 | sequenceDiagram |
| 6dd74de | | | 567 | participant A |
| 6dd74de | | | 568 | participant B |
| 6dd74de | | | 569 | participant C |
| 6dd74de | | | 570 | participant D |
| 6dd74de | | | 571 | participant E |
| 6dd74de | | | 572 | participant G |
| 6dd74de | | | 573 | |
| 6dd74de | | | 574 | A ->>+ B: Task 1 |
| 6dd74de | | | 575 | opt this is an opt with a long title that will overflow |
| 6dd74de | | | 576 | B ->>+ C: Task 2 |
| 6dd74de | | | 577 | C -->>- B: Return |
| 6dd74de | | | 578 | end |
| 6dd74de | | | 579 | |
| 6dd74de | | | 580 | A ->> D: Task 3 |
| 6dd74de | | | 581 | opt this is another opt with a long title that will overflow |
| 6dd74de | | | 582 | D ->>+ E: Task 4 |
| 6dd74de | | | 583 | opt this is a nested opt with a long title that will overflow |
| 6dd74de | | | 584 | E ->>+ G: Task 5 |
| 6dd74de | | | 585 | G -->>- E: Return |
| 6dd74de | | | 586 | end |
| 6dd74de | | | 587 | E ->> E: Task 6 |
| 6dd74de | | | 588 | end |
| 6dd74de | | | 589 | D -->> A: Complete |
| 6dd74de | | | 590 | `, |
| 6dd74de | | | 591 | {} |
| 6dd74de | | | 592 | ); |
| 6dd74de | | | 593 | }); |
| 6dd74de | | | 594 | it('should render a single and nested opt with long test wrapping', () => { |
| 6dd74de | | | 595 | imgSnapshotTest( |
| 6dd74de | | | 596 | ` |
| 6dd74de | | | 597 | %%{init: { 'config': { 'wrap': true } } }%% |
| 6dd74de | | | 598 | sequenceDiagram |
| 6dd74de | | | 599 | participant A |
| 6dd74de | | | 600 | participant B |
| 6dd74de | | | 601 | participant C |
| 6dd74de | | | 602 | participant D |
| 6dd74de | | | 603 | participant E |
| 6dd74de | | | 604 | participant G |
| 6dd74de | | | 605 | |
| 6dd74de | | | 606 | A ->>+ B: Task 1 |
| 6dd74de | | | 607 | opt this is an opt with a long title that will overflow |
| 6dd74de | | | 608 | B ->>+ C: Task 2 |
| 6dd74de | | | 609 | C -->>- B: Return |
| 6dd74de | | | 610 | end |
| 6dd74de | | | 611 | |
| 6dd74de | | | 612 | A ->> D: Task 3 |
| 6dd74de | | | 613 | opt this is another opt with a long title that will overflow |
| 6dd74de | | | 614 | D ->>+ E: Task 4 |
| 6dd74de | | | 615 | opt this is a nested opt with a long title that will overflow |
| 6dd74de | | | 616 | E ->>+ G: Task 5 |
| 6dd74de | | | 617 | G -->>- E: Return |
| 6dd74de | | | 618 | end |
| 6dd74de | | | 619 | E ->> E: Task 6 |
| 6dd74de | | | 620 | end |
| 6dd74de | | | 621 | D -->> A: Complete |
| 6dd74de | | | 622 | `, |
| 6dd74de | | | 623 | {} |
| 6dd74de | | | 624 | ); |
| 6dd74de | | | 625 | }); |
| 6dd74de | | | 626 | it('should render rect around and inside loops', () => { |
| 6dd74de | | | 627 | imgSnapshotTest( |
| 6dd74de | | | 628 | ` |
| 6dd74de | | | 629 | sequenceDiagram |
| 6dd74de | | | 630 | A ->> B: 1 |
| 6dd74de | | | 631 | rect rgb(204, 0, 102) |
| 6dd74de | | | 632 | loop check C |
| 6dd74de | | | 633 | C ->> C: Every 10 seconds |
| 6dd74de | | | 634 | end |
| 6dd74de | | | 635 | end |
| 6dd74de | | | 636 | A ->> B: 2 |
| 6dd74de | | | 637 | loop check D |
| 6dd74de | | | 638 | C ->> D: 3 |
| 6dd74de | | | 639 | rect rgb(153, 153, 255) |
| 6dd74de | | | 640 | D -->> D: 5 |
| 6dd74de | | | 641 | D --> C: 4 |
| 6dd74de | | | 642 | end |
| 6dd74de | | | 643 | end |
| 6dd74de | | | 644 | `, |
| 6dd74de | | | 645 | {} |
| 6dd74de | | | 646 | ); |
| 6dd74de | | | 647 | }); |
| 6dd74de | | | 648 | it('should render rect around and inside alts', () => { |
| 6dd74de | | | 649 | imgSnapshotTest( |
| 6dd74de | | | 650 | ` |
| 6dd74de | | | 651 | sequenceDiagram |
| 6dd74de | | | 652 | A ->> B: 1 |
| 6dd74de | | | 653 | rect rgb(204, 0, 102) |
| 6dd74de | | | 654 | alt yes |
| 6dd74de | | | 655 | C ->> C: 1 |
| 6dd74de | | | 656 | else no |
| 6dd74de | | | 657 | rect rgb(0, 204, 204) |
| 6dd74de | | | 658 | C ->> C: 0 |
| 6dd74de | | | 659 | end |
| 6dd74de | | | 660 | end |
| 6dd74de | | | 661 | end |
| 6dd74de | | | 662 | B ->> A: Return |
| 6dd74de | | | 663 | `, |
| 6dd74de | | | 664 | {} |
| 6dd74de | | | 665 | ); |
| 6dd74de | | | 666 | }); |
| 6dd74de | | | 667 | it('should render rect around and inside opts', () => { |
| 6dd74de | | | 668 | imgSnapshotTest( |
| 6dd74de | | | 669 | ` |
| 6dd74de | | | 670 | sequenceDiagram |
| 6dd74de | | | 671 | A ->> B: 1 |
| 6dd74de | | | 672 | rect rgb(204, 0, 102) |
| 6dd74de | | | 673 | opt maybe |
| 6dd74de | | | 674 | C -->> D: Do something |
| 6dd74de | | | 675 | rect rgb(0, 204, 204) |
| 6dd74de | | | 676 | C ->> C: 0 |
| 6dd74de | | | 677 | end |
| 6dd74de | | | 678 | end |
| 6dd74de | | | 679 | end |
| 6dd74de | | | 680 | |
| 6dd74de | | | 681 | opt possibly |
| 6dd74de | | | 682 | rect rgb(0, 204, 204) |
| 6dd74de | | | 683 | C ->> C: 0 |
| 6dd74de | | | 684 | end |
| 6dd74de | | | 685 | end |
| 6dd74de | | | 686 | B ->> A: Return |
| 6dd74de | | | 687 | `, |
| 6dd74de | | | 688 | {} |
| 6dd74de | | | 689 | ); |
| 6dd74de | | | 690 | }); |
| 6dd74de | | | 691 | it('should render rect around and inside criticals', () => { |
| 6dd74de | | | 692 | imgSnapshotTest( |
| 6dd74de | | | 693 | ` |
| 6dd74de | | | 694 | sequenceDiagram |
| 6dd74de | | | 695 | A ->> B: 1 |
| 6dd74de | | | 696 | rect rgb(204, 0, 102) |
| 6dd74de | | | 697 | critical yes |
| 6dd74de | | | 698 | C ->> C: 1 |
| 6dd74de | | | 699 | option no |
| 6dd74de | | | 700 | rect rgb(0, 204, 204) |
| 6dd74de | | | 701 | C ->> C: 0 |
| 6dd74de | | | 702 | end |
| 6dd74de | | | 703 | end |
| 6dd74de | | | 704 | end |
| 6dd74de | | | 705 | B ->> A: Return |
| 6dd74de | | | 706 | `, |
| 6dd74de | | | 707 | {} |
| 6dd74de | | | 708 | ); |
| 6dd74de | | | 709 | }); |
| 6dd74de | | | 710 | it('should render rect around and inside breaks', () => { |
| 6dd74de | | | 711 | imgSnapshotTest( |
| 6dd74de | | | 712 | ` |
| 6dd74de | | | 713 | sequenceDiagram |
| 6dd74de | | | 714 | A ->> B: 1 |
| 6dd74de | | | 715 | rect rgb(204, 0, 102) |
| 6dd74de | | | 716 | break yes |
| 6dd74de | | | 717 | rect rgb(0, 204, 204) |
| 6dd74de | | | 718 | C ->> C: 0 |
| 6dd74de | | | 719 | end |
| 6dd74de | | | 720 | end |
| 6dd74de | | | 721 | end |
| 6dd74de | | | 722 | B ->> A: Return |
| 6dd74de | | | 723 | `, |
| 6dd74de | | | 724 | {} |
| 6dd74de | | | 725 | ); |
| 6dd74de | | | 726 | }); |
| 6dd74de | | | 727 | it('should render autonumber when configured with such', () => { |
| 6dd74de | | | 728 | imgSnapshotTest( |
| 6dd74de | | | 729 | ` |
| 6dd74de | | | 730 | sequenceDiagram |
| 6dd74de | | | 731 | Alice->>John: Hello John, how are you? |
| 6dd74de | | | 732 | loop Healthcheck |
| 6dd74de | | | 733 | John->>John: Fight against hypochondria |
| 6dd74de | | | 734 | end |
| 6dd74de | | | 735 | Note right of John: Rational thoughts! |
| 6dd74de | | | 736 | John-->>Alice: Great! |
| 6dd74de | | | 737 | John->>Bob: How about you? |
| 6dd74de | | | 738 | Bob-->>John: Jolly good! |
| 6dd74de | | | 739 | `, |
| 6dd74de | | | 740 | { sequence: { actorMargin: 50, showSequenceNumbers: true } } |
| 6dd74de | | | 741 | ); |
| 6dd74de | | | 742 | }); |
| 6dd74de | | | 743 | it('should render autonumber when autonumber keyword is used', () => { |
| 6dd74de | | | 744 | imgSnapshotTest( |
| 6dd74de | | | 745 | ` |
| 6dd74de | | | 746 | sequenceDiagram |
| 6dd74de | | | 747 | autonumber |
| 6dd74de | | | 748 | Alice->>John: Hello John, how are you? |
| 6dd74de | | | 749 | loop Healthcheck |
| 6dd74de | | | 750 | John->>John: Fight against hypochondria |
| 6dd74de | | | 751 | end |
| 6dd74de | | | 752 | Note right of John: Rational thoughts! |
| 6dd74de | | | 753 | John-->>Alice: Great! |
| 6dd74de | | | 754 | John->>Bob: How about you? |
| 6dd74de | | | 755 | Bob-->>John: Jolly good! |
| 6dd74de | | | 756 | `, |
| 6dd74de | | | 757 | {} |
| 6dd74de | | | 758 | ); |
| 6dd74de | | | 759 | }); |
| 6dd74de | | | 760 | it('should render autonumber with different line breaks', () => { |
| 6dd74de | | | 761 | imgSnapshotTest( |
| 6dd74de | | | 762 | ` |
| 6dd74de | | | 763 | sequenceDiagram |
| 6dd74de | | | 764 | autonumber |
| 6dd74de | | | 765 | Alice->>John: Hello John,<br>how are you? |
| 6dd74de | | | 766 | Alice->>John: John,<br/>can you hear me? |
| 6dd74de | | | 767 | John-->>Alice: Hi Alice,<br />I can hear you! |
| 6dd74de | | | 768 | John-->>Alice: I feel great! |
| 6dd74de | | | 769 | `, |
| 6dd74de | | | 770 | {} |
| 6dd74de | | | 771 | ); |
| 6dd74de | | | 772 | }); |
| 6dd74de | | | 773 | it('should render dark theme from init directive and configure font size 24 font', () => { |
| 6dd74de | | | 774 | imgSnapshotTest( |
| 6dd74de | | | 775 | ` |
| 6dd74de | | | 776 | %%{init: {'theme': 'dark', 'config': {'fontSize': 24}}}%% |
| 6dd74de | | | 777 | sequenceDiagram |
| 6dd74de | | | 778 | Alice->>John: Hello John, how are you? |
| 6dd74de | | | 779 | Alice->>John: John, can you hear me? |
| 6dd74de | | | 780 | John-->>Alice: Hi Alice, I can hear you! |
| 6dd74de | | | 781 | John-->>Alice: I feel great! |
| 6dd74de | | | 782 | `, |
| 6dd74de | | | 783 | {} |
| 6dd74de | | | 784 | ); |
| 6dd74de | | | 785 | }); |
| 6dd74de | | | 786 | it('should render with wrapping enabled', () => { |
| 6dd74de | | | 787 | imgSnapshotTest( |
| 6dd74de | | | 788 | ` |
| 6dd74de | | | 789 | %%{init: { 'config': { 'wrap': true }}}%% |
| 6dd74de | | | 790 | sequenceDiagram |
| 6dd74de | | | 791 | participant A as Alice, the talkative one |
| 6dd74de | | | 792 | A->>John: Hello John, how are you today? I'm feeling quite verbose today. |
| 6dd74de | | | 793 | A->>John: John, can you hear me? If you are not available, we can talk later. |
| 6dd74de | | | 794 | John-->>A: Hi Alice, I can hear you! I was finishing up an important meeting. |
| 6dd74de | | | 795 | John-->>A: I feel great! I was not ignoring you. I am sorry you had to wait for a response. |
| 6dd74de | | | 796 | `, |
| 6dd74de | | | 797 | {} |
| 6dd74de | | | 798 | ); |
| 6dd74de | | | 799 | }); |
| 6dd74de | | | 800 | it('should render with an init directive', () => { |
| 6dd74de | | | 801 | imgSnapshotTest( |
| 6dd74de | | | 802 | `%%{init: { "theme": "dark", 'config': { "fontFamily": "Menlo", "fontSize": 18, "fontWeight": 400, "wrap": true }}}%% |
| 6dd74de | | | 803 | sequenceDiagram |
| 6dd74de | | | 804 | Alice->>Bob: Hello Bob, how are you? If you are not available right now, I can leave you a message. Please get back to me as soon as you can! |
| 6dd74de | | | 805 | Note left of Alice: Bob thinks |
| 6dd74de | | | 806 | Bob->>Alice: Fine!`, |
| 6dd74de | | | 807 | {} |
| 6dd74de | | | 808 | ); |
| 6dd74de | | | 809 | }); |
| 6dd74de | | | 810 | }); |
| 6dd74de | | | 811 | describe('directives', () => { |
| 6dd74de | | | 812 | it('should override config with directive settings', () => { |
| 6dd74de | | | 813 | imgSnapshotTest( |
| 6dd74de | | | 814 | ` |
| 6dd74de | | | 815 | %%{init: { "config": { "mirrorActors": true }}}%% |
| 6dd74de | | | 816 | sequenceDiagram |
| 6dd74de | | | 817 | Alice->>Bob: I'm short |
| 6dd74de | | | 818 | note left of Alice: config set to mirrorActors: false<br/>directive set to mirrorActors: true |
| 6dd74de | | | 819 | Bob->>Alice: Short as well |
| 6dd74de | | | 820 | `, |
| 6dd74de | | | 821 | { |
| 6dd74de | | | 822 | logLevel: 0, |
| 6dd74de | | | 823 | sequence: { mirrorActors: false, noteFontSize: 18, noteFontFamily: 'Arial' }, |
| 6dd74de | | | 824 | } |
| 6dd74de | | | 825 | ); |
| 6dd74de | | | 826 | }); |
| 6dd74de | | | 827 | it('should override config with directive settings 2', () => { |
| 6dd74de | | | 828 | imgSnapshotTest( |
| 6dd74de | | | 829 | ` |
| 6dd74de | | | 830 | %%{init: { "config": { "mirrorActors": false, "wrap": true }}}%% |
| 6dd74de | | | 831 | sequenceDiagram |
| 6dd74de | | | 832 | Alice->>Bob: I'm short |
| 6dd74de | | | 833 | note left of Alice: config: mirrorActors=true<br/>directive: mirrorActors=false |
| 6dd74de | | | 834 | Bob->>Alice: Short as well |
| 6dd74de | | | 835 | `, |
| 6dd74de | | | 836 | { |
| 6dd74de | | | 837 | logLevel: 0, |
| 6dd74de | | | 838 | sequence: { mirrorActors: true, noteFontSize: 18, noteFontFamily: 'Arial' }, |
| 6dd74de | | | 839 | } |
| 6dd74de | | | 840 | ); |
| 6dd74de | | | 841 | }); |
| 6dd74de | | | 842 | }); |
| 6dd74de | | | 843 | describe('links', () => { |
| 6dd74de | | | 844 | it('should support actor links', () => { |
| 6dd74de | | | 845 | renderGraph( |
| 6dd74de | | | 846 | ` |
| 6dd74de | | | 847 | sequenceDiagram |
| 6dd74de | | | 848 | link Alice: Dashboard @ https://dashboard.contoso.com/alice |
| 6dd74de | | | 849 | link Alice: Wiki @ https://wiki.contoso.com/alice |
| 6dd74de | | | 850 | link John: Dashboard @ https://dashboard.contoso.com/john |
| 6dd74de | | | 851 | link John: Wiki @ https://wiki.contoso.com/john |
| 6dd74de | | | 852 | Alice->>John: Hello John<br/> |
| 6dd74de | | | 853 | John-->>Alice: Great<br/><br/>day! |
| 6dd74de | | | 854 | `, |
| 6dd74de | | | 855 | { securityLevel: 'loose' } |
| 6dd74de | | | 856 | ); |
| 6dd74de | | | 857 | cy.get('#actor0_popup').should((popupMenu) => { |
| 6dd74de | | | 858 | const style = popupMenu.attr('style'); |
| 6dd74de | | | 859 | // expect(style).to.undefined; |
| 6dd74de | | | 860 | }); |
| 6dd74de | | | 861 | cy.get('#root-0').click(); |
| 6dd74de | | | 862 | cy.get('#actor0_popup').should((popupMenu) => { |
| 6dd74de | | | 863 | const style = popupMenu.attr('style'); |
| 6dd74de | | | 864 | expect(style).to.match(/^display: block;$/); |
| 6dd74de | | | 865 | }); |
| 6dd74de | | | 866 | cy.get('#root-0').click(); |
| 6dd74de | | | 867 | cy.get('#actor0_popup').should((popupMenu) => { |
| 6dd74de | | | 868 | const style = popupMenu.attr('style'); |
| 6dd74de | | | 869 | expect(style).to.match(/^display: none;$/); |
| 6dd74de | | | 870 | }); |
| 6dd74de | | | 871 | }); |
| 6dd74de | | | 872 | it('should support actor links and properties EXPERIMENTAL: USE WITH CAUTION', () => { |
| 6dd74de | | | 873 | //Be aware that the syntax for "properties" is likely to be changed. |
| 6dd74de | | | 874 | imgSnapshotTest( |
| 6dd74de | | | 875 | ` |
| 6dd74de | | | 876 | %%{init: { "config": { "mirrorActors": true, "forceMenus": true }}}%% |
| 6dd74de | | | 877 | sequenceDiagram |
| 6dd74de | | | 878 | participant a as Alice |
| 6dd74de | | | 879 | participant j as John |
| 6dd74de | | | 880 | note right of a: Hello world! |
| 6dd74de | | | 881 | properties a: {"class": "internal-service-actor", "type": "@clock"} |
| 6dd74de | | | 882 | properties j: {"class": "external-service-actor", "type": "@computer"} |
| 6dd74de | | | 883 | links a: {"Repo": "https://www.contoso.com/repo", "Swagger": "https://www.contoso.com/swagger"} |
| 6dd74de | | | 884 | links j: {"Repo": "https://www.contoso.com/repo"} |
| 6dd74de | | | 885 | links a: {"Dashboard": "https://www.contoso.com/dashboard", "On-Call": "https://www.contoso.com/oncall"} |
| 6dd74de | | | 886 | link a: Contacts @ https://contacts.contoso.com/?contact=alice@contoso.com |
| 6dd74de | | | 887 | a->>j: Hello John, how are you? |
| 6dd74de | | | 888 | j-->>a: Great! |
| 6dd74de | | | 889 | `, |
| 6dd74de | | | 890 | { |
| 6dd74de | | | 891 | logLevel: 0, |
| 6dd74de | | | 892 | sequence: { mirrorActors: true, noteFontSize: 18, noteFontFamily: 'Arial' }, |
| 6dd74de | | | 893 | } |
| 6dd74de | | | 894 | ); |
| 6dd74de | | | 895 | }); |
| 6dd74de | | | 896 | |
| 6dd74de | | | 897 | it('should handle bidirectional arrows with autonumber', () => { |
| 6dd74de | | | 898 | imgSnapshotTest(` |
| 6dd74de | | | 899 | sequenceDiagram |
| 6dd74de | | | 900 | autonumber |
| 6dd74de | | | 901 | participant A |
| 6dd74de | | | 902 | participant B |
| 6dd74de | | | 903 | A<<->>B: This is a bidirectional message |
| 6dd74de | | | 904 | A->B: This is a normal message`); |
| 6dd74de | | | 905 | }); |
| 6dd74de | | | 906 | |
| 6dd74de | | | 907 | it('should support actor links and properties when not mirrored EXPERIMENTAL: USE WITH CAUTION', () => { |
| 6dd74de | | | 908 | //Be aware that the syntax for "properties" is likely to be changed. |
| 6dd74de | | | 909 | imgSnapshotTest( |
| 6dd74de | | | 910 | ` |
| 6dd74de | | | 911 | %%{init: { "config": { "mirrorActors": false, "forceMenus": true, "wrap": true }}}%% |
| 6dd74de | | | 912 | sequenceDiagram |
| 6dd74de | | | 913 | participant a as Alice |
| 6dd74de | | | 914 | participant j as John |
| 6dd74de | | | 915 | note right of a: Hello world! |
| 6dd74de | | | 916 | properties a: {"class": "internal-service-actor", "type": "@clock"} |
| 6dd74de | | | 917 | properties j: {"class": "external-service-actor", "type": "@computer"} |
| 6dd74de | | | 918 | links a: {"Repo": "https://www.contoso.com/repo", "Swagger": "https://www.contoso.com/swagger"} |
| 6dd74de | | | 919 | links j: {"Repo": "https://www.contoso.com/repo"} |
| 6dd74de | | | 920 | links a: {"Dashboard": "https://www.contoso.com/dashboard", "On-Call": "https://www.contoso.com/oncall"} |
| 6dd74de | | | 921 | a->>j: Hello John, how are you? |
| 6dd74de | | | 922 | j-->>a: Great! |
| 6dd74de | | | 923 | `, |
| 6dd74de | | | 924 | { |
| 6dd74de | | | 925 | logLevel: 0, |
| 6dd74de | | | 926 | sequence: { mirrorActors: false, noteFontSize: 18, noteFontFamily: 'Arial' }, |
| 6dd74de | | | 927 | } |
| 6dd74de | | | 928 | ); |
| 6dd74de | | | 929 | }); |
| 6dd74de | | | 930 | it("shouldn't display unused participants", () => { |
| 6dd74de | | | 931 | //Be aware that the syntax for "properties" is likely to be changed. |
| 6dd74de | | | 932 | imgSnapshotTest( |
| 6dd74de | | | 933 | ` |
| 6dd74de | | | 934 | %%{init: { "config": { "sequence": {"hideUnusedParticipants": true }}}}%% |
| 6dd74de | | | 935 | sequenceDiagram |
| 6dd74de | | | 936 | participant a |
| 6dd74de | | | 937 | `, |
| 6dd74de | | | 938 | { |
| 6dd74de | | | 939 | logLevel: 0, |
| 6dd74de | | | 940 | sequence: { mirrorActors: false, noteFontSize: 18, noteFontFamily: 'Arial' }, |
| 6dd74de | | | 941 | } |
| 6dd74de | | | 942 | ); |
| 6dd74de | | | 943 | }); |
| 6dd74de | | | 944 | }); |
| 6dd74de | | | 945 | describe('svg size', () => { |
| 6dd74de | | | 946 | it('should render a sequence diagram when useMaxWidth is true (default)', () => { |
| 6dd74de | | | 947 | renderGraph( |
| 6dd74de | | | 948 | ` |
| 6dd74de | | | 949 | sequenceDiagram |
| 6dd74de | | | 950 | participant Alice |
| 6dd74de | | | 951 | participant Bob |
| 6dd74de | | | 952 | participant John as John<br/>Second Line |
| 6dd74de | | | 953 | Alice ->> Bob: Hello Bob, how are you? |
| 6dd74de | | | 954 | Bob-->>John: How about you John? |
| 6dd74de | | | 955 | Bob--x Alice: I am good thanks! |
| 6dd74de | | | 956 | Bob-x John: I am good thanks! |
| 6dd74de | | | 957 | 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 | | | 958 | Bob-->Alice: Checking with John... |
| 6dd74de | | | 959 | alt either this |
| 6dd74de | | | 960 | Alice->>John: Yes |
| 6dd74de | | | 961 | else or this |
| 6dd74de | | | 962 | Alice->>John: No |
| 6dd74de | | | 963 | else or this will happen |
| 6dd74de | | | 964 | Alice->John: Maybe |
| 6dd74de | | | 965 | end |
| 6dd74de | | | 966 | par this happens in parallel |
| 6dd74de | | | 967 | Alice -->> Bob: Parallel message 1 |
| 6dd74de | | | 968 | and |
| 6dd74de | | | 969 | Alice -->> John: Parallel message 2 |
| 6dd74de | | | 970 | end |
| 6dd74de | | | 971 | `, |
| 6dd74de | | | 972 | { sequence: { useMaxWidth: true } } |
| 6dd74de | | | 973 | ); |
| 6dd74de | | | 974 | cy.get('svg').should((svg) => { |
| 6dd74de | | | 975 | expect(svg).to.have.attr('width', '100%'); |
| 6dd74de | | | 976 | // expect(svg).to.have.attr('height'); |
| 6dd74de | | | 977 | // const height = parseFloat(svg.attr('height')); |
| 6dd74de | | | 978 | // expect(height).to.be.within(920, 971); |
| 6dd74de | | | 979 | const style = svg.attr('style'); |
| 6dd74de | | | 980 | expect(style).to.match(/^max-width: [\d.]+px;$/); |
| 6dd74de | | | 981 | const maxWidthValue = parseFloat(style.match(/[\d.]+/g).join('')); |
| 6dd74de | | | 982 | // use within because the absolute value can be slightly different depending on the environment ±5% |
| 6dd74de | | | 983 | expect(maxWidthValue).to.be.within(820 * 0.95, 820 * 1.05); |
| 6dd74de | | | 984 | }); |
| 6dd74de | | | 985 | }); |
| 6dd74de | | | 986 | it('should render a sequence diagram when useMaxWidth is false', () => { |
| 6dd74de | | | 987 | renderGraph( |
| 6dd74de | | | 988 | ` |
| 6dd74de | | | 989 | sequenceDiagram |
| 6dd74de | | | 990 | participant Alice |
| 6dd74de | | | 991 | participant Bob |
| 6dd74de | | | 992 | participant John as John<br/>Second Line |
| 6dd74de | | | 993 | Alice ->> Bob: Hello Bob, how are you? |
| 6dd74de | | | 994 | Bob-->>John: How about you John? |
| 6dd74de | | | 995 | Bob--x Alice: I am good thanks! |
| 6dd74de | | | 996 | Bob-x John: I am good thanks! |
| 6dd74de | | | 997 | 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 | | | 998 | Bob-->Alice: Checking with John... |
| 6dd74de | | | 999 | alt either this |
| 6dd74de | | | 1000 | Alice->>John: Yes |
| 6dd74de | | | 1001 | else or this |
| 6dd74de | | | 1002 | Alice->>John: No |
| 6dd74de | | | 1003 | else or this will happen |
| 6dd74de | | | 1004 | Alice->John: Maybe |
| 6dd74de | | | 1005 | end |
| 6dd74de | | | 1006 | par this happens in parallel |
| 6dd74de | | | 1007 | Alice -->> Bob: Parallel message 1 |
| 6dd74de | | | 1008 | and |
| 6dd74de | | | 1009 | Alice -->> John: Parallel message 2 |
| 6dd74de | | | 1010 | end |
| 6dd74de | | | 1011 | `, |
| 6dd74de | | | 1012 | { sequence: { useMaxWidth: false } } |
| 6dd74de | | | 1013 | ); |
| 6dd74de | | | 1014 | cy.get('svg').should((svg) => { |
| 6dd74de | | | 1015 | // const height = parseFloat(svg.attr('height')); |
| 6dd74de | | | 1016 | const width = parseFloat(svg.attr('width')); |
| 6dd74de | | | 1017 | // expect(height).to.be.within(920, 971); |
| 6dd74de | | | 1018 | // use within because the absolute value can be slightly different depending on the environment ±5% |
| 6dd74de | | | 1019 | expect(width).to.be.within(820 * 0.95, 820 * 1.05); |
| 6dd74de | | | 1020 | expect(svg).to.not.have.attr('style'); |
| 6dd74de | | | 1021 | }); |
| 6dd74de | | | 1022 | }); |
| 6dd74de | | | 1023 | }); |
| 6dd74de | | | 1024 | describe('render after error', () => { |
| 6dd74de | | | 1025 | it('should render diagram after fixing destroy participant error', () => { |
| 6dd74de | | | 1026 | cy.on('uncaught:exception', (err) => { |
| 6dd74de | | | 1027 | return false; |
| 6dd74de | | | 1028 | }); |
| 6dd74de | | | 1029 | |
| 6dd74de | | | 1030 | renderGraph([ |
| 6dd74de | | | 1031 | `sequenceDiagram |
| 6dd74de | | | 1032 | Alice->>Bob: Hello Bob, how are you ? |
| 6dd74de | | | 1033 | Bob->>Alice: Fine, thank you. And you? |
| 6dd74de | | | 1034 | create participant Carl |
| 6dd74de | | | 1035 | Alice->>Carl: Hi Carl! |
| 6dd74de | | | 1036 | create actor D as Donald |
| 6dd74de | | | 1037 | Carl->>D: Hi! |
| 6dd74de | | | 1038 | destroy Carl |
| 6dd74de | | | 1039 | Alice-xCarl: We are too many |
| 6dd74de | | | 1040 | destroy Bo |
| 6dd74de | | | 1041 | Bob->>Alice: I agree`, |
| 6dd74de | | | 1042 | `sequenceDiagram |
| 6dd74de | | | 1043 | Alice->>Bob: Hello Bob, how are you ? |
| 6dd74de | | | 1044 | Bob->>Alice: Fine, thank you. And you? |
| 6dd74de | | | 1045 | create participant Carl |
| 6dd74de | | | 1046 | Alice->>Carl: Hi Carl! |
| 6dd74de | | | 1047 | create actor D as Donald |
| 6dd74de | | | 1048 | Carl->>D: Hi! |
| 6dd74de | | | 1049 | destroy Carl |
| 6dd74de | | | 1050 | Alice-xCarl: We are too many |
| 6dd74de | | | 1051 | destroy Bob |
| 6dd74de | | | 1052 | Bob->>Alice: I agree`, |
| 6dd74de | | | 1053 | ]); |
| 6dd74de | | | 1054 | }); |
| 6dd74de | | | 1055 | }); |
| 6dd74de | | | 1056 | describe('render new arrow type', () => { |
| 6dd74de | | | 1057 | it('should render Solid half arrow top', () => { |
| 6dd74de | | | 1058 | imgSnapshotTest( |
| 6dd74de | | | 1059 | ` |
| 6dd74de | | | 1060 | sequenceDiagram |
| 6dd74de | | | 1061 | Alice -|\\ John: Hello John, how are you? |
| 6dd74de | | | 1062 | Alice-|\\ John: Hi Alice, I can hear you! |
| 6dd74de | | | 1063 | Alice -|\\ John: Test |
| 6dd74de | | | 1064 | ` |
| 6dd74de | | | 1065 | ); |
| 6dd74de | | | 1066 | }); |
| 6dd74de | | | 1067 | it('should render Solid half arrow bottom', () => { |
| 6dd74de | | | 1068 | imgSnapshotTest( |
| 6dd74de | | | 1069 | ` |
| 6dd74de | | | 1070 | sequenceDiagram |
| 6dd74de | | | 1071 | Alice-|/John: Hello John, how are you? |
| 6dd74de | | | 1072 | Alice-|/John: Hi Alice, I can hear you! |
| 6dd74de | | | 1073 | Alice-|/John: Test |
| 6dd74de | | | 1074 | ` |
| 6dd74de | | | 1075 | ); |
| 6dd74de | | | 1076 | }); |
| 6dd74de | | | 1077 | |
| 6dd74de | | | 1078 | it('should render Stick half arrow top ', () => { |
| 6dd74de | | | 1079 | imgSnapshotTest( |
| 6dd74de | | | 1080 | ` |
| 6dd74de | | | 1081 | sequenceDiagram |
| 6dd74de | | | 1082 | Alice-\\\\John: Hello John, how are you? |
| 6dd74de | | | 1083 | Alice-\\\\John: Hi Alice, I can hear you! |
| 6dd74de | | | 1084 | Alice-\\\\John: Test |
| 6dd74de | | | 1085 | ` |
| 6dd74de | | | 1086 | ); |
| 6dd74de | | | 1087 | }); |
| 6dd74de | | | 1088 | it('should render Stick half arrow bottom ', () => { |
| 6dd74de | | | 1089 | imgSnapshotTest( |
| 6dd74de | | | 1090 | ` |
| 6dd74de | | | 1091 | sequenceDiagram |
| 6dd74de | | | 1092 | Alice-//John: Hello John, how are you? |
| 6dd74de | | | 1093 | Alice-//John: Hi Alice, I can hear you! |
| 6dd74de | | | 1094 | Alice-//John: Test |
| 6dd74de | | | 1095 | ` |
| 6dd74de | | | 1096 | ); |
| 6dd74de | | | 1097 | }); |
| 6dd74de | | | 1098 | it('should render Solid half arrow top reverse ', () => { |
| 6dd74de | | | 1099 | imgSnapshotTest( |
| 6dd74de | | | 1100 | ` |
| 6dd74de | | | 1101 | sequenceDiagram |
| 6dd74de | | | 1102 | Alice/|-John: Hello Alice, how are you? |
| 6dd74de | | | 1103 | Alice/|-John: Hi Alice, I can hear you! |
| 6dd74de | | | 1104 | Alice/|-John: Test |
| 6dd74de | | | 1105 | |
| 6dd74de | | | 1106 | ` |
| 6dd74de | | | 1107 | ); |
| 6dd74de | | | 1108 | }); |
| 6dd74de | | | 1109 | |
| 6dd74de | | | 1110 | it('should render Solid half arrow bottom reverse ', () => { |
| 6dd74de | | | 1111 | imgSnapshotTest( |
| 6dd74de | | | 1112 | `sequenceDiagram |
| 6dd74de | | | 1113 | Alice \\|- John: Hello Alice, how are you? |
| 6dd74de | | | 1114 | Alice \\|- John: Hi Alice, I can hear you! |
| 6dd74de | | | 1115 | Alice \\|- John: Test` |
| 6dd74de | | | 1116 | ); |
| 6dd74de | | | 1117 | }); |
| 6dd74de | | | 1118 | |
| 6dd74de | | | 1119 | it('should render Stick half arrow top reverse ', () => { |
| 6dd74de | | | 1120 | imgSnapshotTest( |
| 6dd74de | | | 1121 | ` |
| 6dd74de | | | 1122 | sequenceDiagram |
| 6dd74de | | | 1123 | Alice //-John: Hello Alice, how are you? |
| 6dd74de | | | 1124 | Alice //-John: Hi Alice, I can hear you! |
| 6dd74de | | | 1125 | Alice //-John: Test` |
| 6dd74de | | | 1126 | ); |
| 6dd74de | | | 1127 | }); |
| 6dd74de | | | 1128 | |
| 6dd74de | | | 1129 | it('should render Stick half arrow bottom reverse ', () => { |
| 6dd74de | | | 1130 | imgSnapshotTest( |
| 6dd74de | | | 1131 | ` |
| 6dd74de | | | 1132 | sequenceDiagram |
| 6dd74de | | | 1133 | Alice \\\\-John: Hello Alice, how are you? |
| 6dd74de | | | 1134 | Alice \\\\-John: Hi Alice, I can hear you! |
| 6dd74de | | | 1135 | Alice \\\\-John: Test` |
| 6dd74de | | | 1136 | ); |
| 6dd74de | | | 1137 | }); |
| 6dd74de | | | 1138 | |
| 6dd74de | | | 1139 | it('should render Solid half arrow top dotted', () => { |
| 6dd74de | | | 1140 | imgSnapshotTest( |
| 6dd74de | | | 1141 | ` |
| 6dd74de | | | 1142 | sequenceDiagram |
| 6dd74de | | | 1143 | Alice --|\\John: Hello John, how are you? |
| 6dd74de | | | 1144 | Alice --|\\John: Hi Alice, I can hear you! |
| 6dd74de | | | 1145 | Alice --|\\John: Test` |
| 6dd74de | | | 1146 | ); |
| 6dd74de | | | 1147 | }); |
| 6dd74de | | | 1148 | |
| 6dd74de | | | 1149 | it('should render Solid half arrow bottom dotted', () => { |
| 6dd74de | | | 1150 | imgSnapshotTest( |
| 6dd74de | | | 1151 | ` |
| 6dd74de | | | 1152 | sequenceDiagram |
| 6dd74de | | | 1153 | Alice --|/John: Hello John, how are you? |
| 6dd74de | | | 1154 | Alice --|/John: Hi Alice, I can hear you! |
| 6dd74de | | | 1155 | Alice --|/John: Test` |
| 6dd74de | | | 1156 | ); |
| 6dd74de | | | 1157 | }); |
| 6dd74de | | | 1158 | |
| 6dd74de | | | 1159 | it('should render Stick half arrow top dotted', () => { |
| 6dd74de | | | 1160 | imgSnapshotTest( |
| 6dd74de | | | 1161 | ` |
| 6dd74de | | | 1162 | sequenceDiagram |
| 6dd74de | | | 1163 | Alice--\\\\John: Hello John, how are you? |
| 6dd74de | | | 1164 | Alice--\\\\John: Hi Alice, I can hear you! |
| 6dd74de | | | 1165 | Alice--\\\\John: Test` |
| 6dd74de | | | 1166 | ); |
| 6dd74de | | | 1167 | }); |
| 6dd74de | | | 1168 | |
| 6dd74de | | | 1169 | it('should render Stick half arrow bottom dotted', () => { |
| 6dd74de | | | 1170 | imgSnapshotTest( |
| 6dd74de | | | 1171 | ` |
| 6dd74de | | | 1172 | sequenceDiagram |
| 6dd74de | | | 1173 | Alice--//John: Hello John, how are you? |
| 6dd74de | | | 1174 | Alice--//John: Hi Alice, I can hear you! |
| 6dd74de | | | 1175 | Alice--//John: Test` |
| 6dd74de | | | 1176 | ); |
| 6dd74de | | | 1177 | }); |
| 6dd74de | | | 1178 | |
| 6dd74de | | | 1179 | it('should render Solid half arrow top reverse dotted', () => { |
| 6dd74de | | | 1180 | imgSnapshotTest( |
| 6dd74de | | | 1181 | ` |
| 6dd74de | | | 1182 | sequenceDiagram |
| 6dd74de | | | 1183 | Alice/|--John: Hello Alice, how are you? |
| 6dd74de | | | 1184 | Alice/|--John: Hi Alice, I can hear you! |
| 6dd74de | | | 1185 | Alice/|--John: Test` |
| 6dd74de | | | 1186 | ); |
| 6dd74de | | | 1187 | }); |
| 6dd74de | | | 1188 | |
| 6dd74de | | | 1189 | it('should render Solid half arrow bottom reverse dotted', () => { |
| 6dd74de | | | 1190 | imgSnapshotTest( |
| 6dd74de | | | 1191 | ` |
| 6dd74de | | | 1192 | sequenceDiagram |
| 6dd74de | | | 1193 | Alice\\|--John: Hello Alice, how are you? |
| 6dd74de | | | 1194 | Alice\\|--John: Hi Alice, I can hear you! |
| 6dd74de | | | 1195 | Alice\\|--John: Test` |
| 6dd74de | | | 1196 | ); |
| 6dd74de | | | 1197 | }); |
| 6dd74de | | | 1198 | |
| 6dd74de | | | 1199 | it('should render Stick half arrow top reverse dotted ', () => { |
| 6dd74de | | | 1200 | imgSnapshotTest( |
| 6dd74de | | | 1201 | ` |
| 6dd74de | | | 1202 | sequenceDiagram |
| 6dd74de | | | 1203 | Alice//--John: Hello Alice, how are you? |
| 6dd74de | | | 1204 | Alice//--John: Hi Alice, I can hear you! |
| 6dd74de | | | 1205 | Alice//--John: Test` |
| 6dd74de | | | 1206 | ); |
| 6dd74de | | | 1207 | }); |
| 6dd74de | | | 1208 | |
| 6dd74de | | | 1209 | it('should render Stick half arrow bottom reverse dotted ', () => { |
| 6dd74de | | | 1210 | imgSnapshotTest( |
| 6dd74de | | | 1211 | ` |
| 6dd74de | | | 1212 | sequenceDiagram |
| 6dd74de | | | 1213 | Alice\\\\--John: Hello Alice, how are you? |
| 6dd74de | | | 1214 | Alice\\\\--John: Hi Alice, I can hear you! |
| 6dd74de | | | 1215 | Alice\\\\--John: Test` |
| 6dd74de | | | 1216 | ); |
| 6dd74de | | | 1217 | }); |
| 6dd74de | | | 1218 | }); |
| 6dd74de | | | 1219 | }); |