| 6dd74de | | | 1 | import { imgSnapshotTest } from '../../helpers/util.ts'; |
| 6dd74de | | | 2 | describe('Class diagram V2', () => { |
| 6dd74de | | | 3 | it('0: should render a simple class diagram', () => { |
| 6dd74de | | | 4 | imgSnapshotTest( |
| 6dd74de | | | 5 | ` |
| 6dd74de | | | 6 | classDiagram-v2 |
| 6dd74de | | | 7 | |
| 6dd74de | | | 8 | classA -- classB : Inheritance |
| 6dd74de | | | 9 | classA -- classC : link |
| 6dd74de | | | 10 | classC -- classD : link |
| 6dd74de | | | 11 | classB -- classD |
| 6dd74de | | | 12 | |
| 6dd74de | | | 13 | `, |
| 6dd74de | | | 14 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 15 | ); |
| 6dd74de | | | 16 | }); |
| 6dd74de | | | 17 | |
| 6dd74de | | | 18 | it('1: should render a simple class diagram', () => { |
| 6dd74de | | | 19 | imgSnapshotTest( |
| 6dd74de | | | 20 | ` |
| 6dd74de | | | 21 | classDiagram-v2 |
| 6dd74de | | | 22 | Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 23 | <<interface>> Class01 |
| 6dd74de | | | 24 | Class03 *-- Class04 |
| 6dd74de | | | 25 | Class05 o-- Class06 |
| 6dd74de | | | 26 | Class07 .. Class08 |
| 6dd74de | | | 27 | Class09 --> C2 : Where am i? |
| 6dd74de | | | 28 | Class09 --* C3 |
| 6dd74de | | | 29 | Class09 --|> Class07 |
| 6dd74de | | | 30 | Class12 <|.. Class08 |
| 6dd74de | | | 31 | Class11 ..>Class12 |
| 6dd74de | | | 32 | Class07 : equals() |
| 6dd74de | | | 33 | Class07 : Object[] elementData |
| 6dd74de | | | 34 | Class01 : size() |
| 6dd74de | | | 35 | Class01 : int chimp |
| 6dd74de | | | 36 | Class01 : int gorilla |
| 6dd74de | | | 37 | Class01 : -int privateChimp |
| 6dd74de | | | 38 | Class01 : +int publicGorilla |
| 6dd74de | | | 39 | Class01 : #int protectedMarmoset |
| 6dd74de | | | 40 | Class08 <--> C2: Cool label |
| 6dd74de | | | 41 | class Class10 { |
| 6dd74de | | | 42 | <<service>> |
| 6dd74de | | | 43 | int id |
| 6dd74de | | | 44 | test() |
| 6dd74de | | | 45 | } |
| 6dd74de | | | 46 | `, |
| 6dd74de | | | 47 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 48 | ); |
| 6dd74de | | | 49 | }); |
| 6dd74de | | | 50 | |
| 6dd74de | | | 51 | it('2: should render a simple class diagrams with cardinality', () => { |
| 6dd74de | | | 52 | imgSnapshotTest( |
| 6dd74de | | | 53 | ` |
| 6dd74de | | | 54 | classDiagram-v2 |
| 6dd74de | | | 55 | Class01 "1" <|--|> "*" AveryLongClass : Cool |
| 6dd74de | | | 56 | <<interface>> Class01 |
| 6dd74de | | | 57 | Class03 "1" *-- "*" Class04 |
| 6dd74de | | | 58 | Class05 "1" o-- "many" Class06 |
| 6dd74de | | | 59 | Class07 "1" .. "*" Class08 |
| 6dd74de | | | 60 | Class09 "1" --> "*" C2 : Where am i? |
| 6dd74de | | | 61 | Class09 "*" --* "*" C3 |
| 6dd74de | | | 62 | Class09 "1" --|> "1" Class07 |
| 6dd74de | | | 63 | Class07 : equals() |
| 6dd74de | | | 64 | Class07 : Object[] elementData |
| 6dd74de | | | 65 | Class01 : size() |
| 6dd74de | | | 66 | Class01 : int chimp |
| 6dd74de | | | 67 | Class01 : int gorilla |
| 6dd74de | | | 68 | Class08 "1" <--> "*" C2: Cool label |
| 6dd74de | | | 69 | class Class10 { |
| 6dd74de | | | 70 | <<service>> |
| 6dd74de | | | 71 | int id |
| 6dd74de | | | 72 | test() |
| 6dd74de | | | 73 | } |
| 6dd74de | | | 74 | `, |
| 6dd74de | | | 75 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 76 | ); |
| 6dd74de | | | 77 | }); |
| 6dd74de | | | 78 | |
| 6dd74de | | | 79 | it('2.1 should render a simple class diagram with different visibilities', () => { |
| 6dd74de | | | 80 | imgSnapshotTest( |
| 6dd74de | | | 81 | ` |
| 6dd74de | | | 82 | classDiagram-v2 |
| 6dd74de | | | 83 | Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 84 | <<interface>> Class01 |
| 6dd74de | | | 85 | Class01 : -privateMethod() |
| 6dd74de | | | 86 | Class01 : +publicMethod() |
| 6dd74de | | | 87 | Class01 : #protectedMethod() |
| 6dd74de | | | 88 | Class01 : -int privateChimp |
| 6dd74de | | | 89 | Class01 : +int publicGorilla |
| 6dd74de | | | 90 | Class01 : #int protectedMarmoset |
| 6dd74de | | | 91 | `, |
| 6dd74de | | | 92 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 93 | ); |
| 6dd74de | | | 94 | }); |
| 6dd74de | | | 95 | |
| 6dd74de | | | 96 | it('3: should render multiple class diagrams', () => { |
| 6dd74de | | | 97 | imgSnapshotTest( |
| 6dd74de | | | 98 | [ |
| 6dd74de | | | 99 | ` |
| 6dd74de | | | 100 | classDiagram-v2 |
| 6dd74de | | | 101 | Class01 "1" <|--|> "*" AveryLongClass : Cool |
| 6dd74de | | | 102 | <<interface>> Class01 |
| 6dd74de | | | 103 | Class03 "1" *-- "*" Class04 |
| 6dd74de | | | 104 | Class05 "1" o-- "many" Class06 |
| 6dd74de | | | 105 | Class07 "1" .. "*" Class08 |
| 6dd74de | | | 106 | Class09 "1" --> "*" C2 : Where am i? |
| 6dd74de | | | 107 | Class09 "*" --* "*" C3 |
| 6dd74de | | | 108 | Class09 "1" --|> "1" Class07 |
| 6dd74de | | | 109 | Class07 : equals() |
| 6dd74de | | | 110 | Class07 : Object[] elementData |
| 6dd74de | | | 111 | Class01 : size() |
| 6dd74de | | | 112 | Class01 : int chimp |
| 6dd74de | | | 113 | Class01 : int gorilla |
| 6dd74de | | | 114 | Class08 "1" <--> "*" C2: Cool label |
| 6dd74de | | | 115 | class Class10 { |
| 6dd74de | | | 116 | <<service>> |
| 6dd74de | | | 117 | int id |
| 6dd74de | | | 118 | test() |
| 6dd74de | | | 119 | } |
| 6dd74de | | | 120 | `, |
| 6dd74de | | | 121 | ` |
| 6dd74de | | | 122 | classDiagram-v2 |
| 6dd74de | | | 123 | Class01 "1" <|--|> "*" AveryLongClass : Cool |
| 6dd74de | | | 124 | <<interface>> Class01 |
| 6dd74de | | | 125 | Class03 "1" *-- "*" Class04 |
| 6dd74de | | | 126 | Class05 "1" o-- "many" Class06 |
| 6dd74de | | | 127 | Class07 "1" .. "*" Class08 |
| 6dd74de | | | 128 | Class09 "1" --> "*" C2 : Where am i? |
| 6dd74de | | | 129 | Class09 "*" --* "*" C3 |
| 6dd74de | | | 130 | Class09 "1" --|> "1" Class07 |
| 6dd74de | | | 131 | Class07 : equals() |
| 6dd74de | | | 132 | Class07 : Object[] elementData |
| 6dd74de | | | 133 | Class01 : size() |
| 6dd74de | | | 134 | Class01 : int chimp |
| 6dd74de | | | 135 | Class01 : int gorilla |
| 6dd74de | | | 136 | Class08 "1" <--> "*" C2: Cool label |
| 6dd74de | | | 137 | class Class10 { |
| 6dd74de | | | 138 | <<service>> |
| 6dd74de | | | 139 | int id |
| 6dd74de | | | 140 | test() |
| 6dd74de | | | 141 | } |
| 6dd74de | | | 142 | `, |
| 6dd74de | | | 143 | ], |
| 6dd74de | | | 144 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 145 | ); |
| 6dd74de | | | 146 | }); |
| 6dd74de | | | 147 | |
| 6dd74de | | | 148 | it('4: should render a simple class diagram with comments', () => { |
| 6dd74de | | | 149 | imgSnapshotTest( |
| 6dd74de | | | 150 | ` |
| 6dd74de | | | 151 | classDiagram-v2 |
| 6dd74de | | | 152 | %% this is a comment |
| 6dd74de | | | 153 | Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 154 | <<interface>> Class01 |
| 6dd74de | | | 155 | Class03 *-- Class04 |
| 6dd74de | | | 156 | Class05 o-- Class06 |
| 6dd74de | | | 157 | Class07 .. Class08 |
| 6dd74de | | | 158 | Class09 --> C2 : Where am i? |
| 6dd74de | | | 159 | Class09 --* C3 |
| 6dd74de | | | 160 | Class09 --|> Class07 |
| 6dd74de | | | 161 | Class07 : equals() |
| 6dd74de | | | 162 | Class07 : Object[] elementData |
| 6dd74de | | | 163 | Class01 : size() |
| 6dd74de | | | 164 | Class01 : int chimp |
| 6dd74de | | | 165 | Class01 : int gorilla |
| 6dd74de | | | 166 | Class08 <--> C2: Cool label |
| 6dd74de | | | 167 | class Class10 { |
| 6dd74de | | | 168 | <<service>> |
| 6dd74de | | | 169 | int id |
| 6dd74de | | | 170 | test() |
| 6dd74de | | | 171 | } |
| 6dd74de | | | 172 | `, |
| 6dd74de | | | 173 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 174 | ); |
| 6dd74de | | | 175 | }); |
| 6dd74de | | | 176 | |
| 6dd74de | | | 177 | it('5: should render a simple class diagram with abstract method', () => { |
| 6dd74de | | | 178 | imgSnapshotTest( |
| 6dd74de | | | 179 | ` |
| 6dd74de | | | 180 | classDiagram-v2 |
| 6dd74de | | | 181 | Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 182 | Class01 : someMethod()* |
| 6dd74de | | | 183 | `, |
| 6dd74de | | | 184 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 185 | ); |
| 6dd74de | | | 186 | }); |
| 6dd74de | | | 187 | |
| 6dd74de | | | 188 | it('6: should render a simple class diagram with static method', () => { |
| 6dd74de | | | 189 | imgSnapshotTest( |
| 6dd74de | | | 190 | ` |
| 6dd74de | | | 191 | classDiagram-v2 |
| 6dd74de | | | 192 | Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 193 | Class01 : someMethod()$ |
| 6dd74de | | | 194 | `, |
| 6dd74de | | | 195 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 196 | ); |
| 6dd74de | | | 197 | }); |
| 6dd74de | | | 198 | |
| 6dd74de | | | 199 | it('7: should render a simple class diagram with Generic class', () => { |
| 6dd74de | | | 200 | imgSnapshotTest( |
| 6dd74de | | | 201 | ` |
| 6dd74de | | | 202 | classDiagram-v2 |
| 6dd74de | | | 203 | class Class01~T~ |
| 6dd74de | | | 204 | Class01 : size() |
| 6dd74de | | | 205 | Class01 : int chimp |
| 6dd74de | | | 206 | Class01 : int gorilla |
| 6dd74de | | | 207 | Class08 <--> C2: Cool label |
| 6dd74de | | | 208 | class Class10~T~ { |
| 6dd74de | | | 209 | <<service>> |
| 6dd74de | | | 210 | int id |
| 6dd74de | | | 211 | test() |
| 6dd74de | | | 212 | } |
| 6dd74de | | | 213 | `, |
| 6dd74de | | | 214 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 215 | ); |
| 6dd74de | | | 216 | }); |
| 6dd74de | | | 217 | |
| 6dd74de | | | 218 | it('8: should render a simple class diagram with Generic class and relations', () => { |
| 6dd74de | | | 219 | imgSnapshotTest( |
| 6dd74de | | | 220 | ` |
| 6dd74de | | | 221 | classDiagram-v2 |
| 6dd74de | | | 222 | Class01~T~ <|-- AveryLongClass : Cool |
| 6dd74de | | | 223 | Class03~T~ *-- Class04~T~ |
| 6dd74de | | | 224 | Class01 : size() |
| 6dd74de | | | 225 | Class01 : int chimp |
| 6dd74de | | | 226 | Class01 : int gorilla |
| 6dd74de | | | 227 | Class08 <--> C2: Cool label |
| 6dd74de | | | 228 | class Class10~T~ { |
| 6dd74de | | | 229 | <<service>> |
| 6dd74de | | | 230 | int id |
| 6dd74de | | | 231 | test() |
| 6dd74de | | | 232 | } |
| 6dd74de | | | 233 | `, |
| 6dd74de | | | 234 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 235 | ); |
| 6dd74de | | | 236 | }); |
| 6dd74de | | | 237 | |
| 6dd74de | | | 238 | it('9: should render a simple class diagram with clickable link', () => { |
| 6dd74de | | | 239 | imgSnapshotTest( |
| 6dd74de | | | 240 | ` |
| 6dd74de | | | 241 | classDiagram-v2 |
| 6dd74de | | | 242 | Class01~T~ <|-- AveryLongClass : Cool |
| 6dd74de | | | 243 | Class03~T~ *-- Class04~T~ |
| 6dd74de | | | 244 | Class01 : size() |
| 6dd74de | | | 245 | Class01 : int chimp |
| 6dd74de | | | 246 | Class01 : int gorilla |
| 6dd74de | | | 247 | Class08 <--> C2: Cool label |
| 6dd74de | | | 248 | class Class10~T~ { |
| 6dd74de | | | 249 | <<service>> |
| 6dd74de | | | 250 | int id |
| 6dd74de | | | 251 | test() |
| 6dd74de | | | 252 | } |
| 6dd74de | | | 253 | link Class01 "google.com" "A Tooltip" |
| 6dd74de | | | 254 | `, |
| 6dd74de | | | 255 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 256 | ); |
| 6dd74de | | | 257 | }); |
| 6dd74de | | | 258 | |
| 6dd74de | | | 259 | it('10: should render a simple class diagram with clickable callback', () => { |
| 6dd74de | | | 260 | imgSnapshotTest( |
| 6dd74de | | | 261 | ` |
| 6dd74de | | | 262 | classDiagram-v2 |
| 6dd74de | | | 263 | Class01~T~ <|-- AveryLongClass : Cool |
| 6dd74de | | | 264 | Class03~T~ *-- Class04~T~ |
| 6dd74de | | | 265 | Class01 : size() |
| 6dd74de | | | 266 | Class01 : int chimp |
| 6dd74de | | | 267 | Class01 : int gorilla |
| 6dd74de | | | 268 | Class08 <--> C2: Cool label |
| 6dd74de | | | 269 | class Class10~T~ { |
| 6dd74de | | | 270 | <<service>> |
| 6dd74de | | | 271 | int id |
| 6dd74de | | | 272 | test() |
| 6dd74de | | | 273 | } |
| 6dd74de | | | 274 | callback Class01 "functionCall" "A Tooltip" |
| 6dd74de | | | 275 | `, |
| 6dd74de | | | 276 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 277 | ); |
| 6dd74de | | | 278 | }); |
| 6dd74de | | | 279 | |
| 6dd74de | | | 280 | it('11: should render a simple class diagram with return type on method', () => { |
| 6dd74de | | | 281 | imgSnapshotTest( |
| 6dd74de | | | 282 | ` |
| 6dd74de | | | 283 | classDiagram-v2 |
| 6dd74de | | | 284 | class Class10~T~ { |
| 6dd74de | | | 285 | int[] id |
| 6dd74de | | | 286 | test(int[] ids) bool |
| 6dd74de | | | 287 | testArray() bool[] |
| 6dd74de | | | 288 | } |
| 6dd74de | | | 289 | `, |
| 6dd74de | | | 290 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 291 | ); |
| 6dd74de | | | 292 | }); |
| 6dd74de | | | 293 | |
| 6dd74de | | | 294 | it('12: should render a simple class diagram with generic types', () => { |
| 6dd74de | | | 295 | imgSnapshotTest( |
| 6dd74de | | | 296 | ` |
| 6dd74de | | | 297 | classDiagram-v2 |
| 6dd74de | | | 298 | class Class10~T~ { |
| 6dd74de | | | 299 | int[] id |
| 6dd74de | | | 300 | List~int~ ids |
| 6dd74de | | | 301 | test(List~int~ ids) List~bool~ |
| 6dd74de | | | 302 | testArray() bool[] |
| 6dd74de | | | 303 | } |
| 6dd74de | | | 304 | `, |
| 6dd74de | | | 305 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 306 | ); |
| 6dd74de | | | 307 | }); |
| 6dd74de | | | 308 | |
| 6dd74de | | | 309 | it('13: should render a simple class diagram with css classes applied', () => { |
| 6dd74de | | | 310 | imgSnapshotTest( |
| 6dd74de | | | 311 | ` |
| 6dd74de | | | 312 | classDiagram-v2 |
| 6dd74de | | | 313 | class Class10 { |
| 6dd74de | | | 314 | int[] id |
| 6dd74de | | | 315 | List~int~ ids |
| 6dd74de | | | 316 | test(List~int~ ids) List~bool~ |
| 6dd74de | | | 317 | testArray() bool[] |
| 6dd74de | | | 318 | } |
| 6dd74de | | | 319 | |
| 6dd74de | | | 320 | cssClass "Class10" exClass2 |
| 6dd74de | | | 321 | `, |
| 6dd74de | | | 322 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 323 | ); |
| 6dd74de | | | 324 | }); |
| 6dd74de | | | 325 | |
| 6dd74de | | | 326 | it('14: should render a simple class diagram with css classes applied directly', () => { |
| 6dd74de | | | 327 | imgSnapshotTest( |
| 6dd74de | | | 328 | ` |
| 6dd74de | | | 329 | classDiagram-v2 |
| 6dd74de | | | 330 | class Class10:::exClass2 { |
| 6dd74de | | | 331 | int[] id |
| 6dd74de | | | 332 | List~int~ ids |
| 6dd74de | | | 333 | test(List~int~ ids) List~bool~ |
| 6dd74de | | | 334 | testArray() bool[] |
| 6dd74de | | | 335 | } |
| 6dd74de | | | 336 | `, |
| 6dd74de | | | 337 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 338 | ); |
| 6dd74de | | | 339 | }); |
| 6dd74de | | | 340 | |
| 6dd74de | | | 341 | it('15: should render a simple class diagram with css classes applied two multiple classes', () => { |
| 6dd74de | | | 342 | imgSnapshotTest( |
| 6dd74de | | | 343 | ` |
| 6dd74de | | | 344 | classDiagram-v2 |
| 6dd74de | | | 345 | class Class10 |
| 6dd74de | | | 346 | class Class20 |
| 6dd74de | | | 347 | |
| 6dd74de | | | 348 | cssClass "Class10, class20" exClass2 |
| 6dd74de | | | 349 | `, |
| 6dd74de | | | 350 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 351 | ); |
| 6dd74de | | | 352 | }); |
| 6dd74de | | | 353 | |
| 6dd74de | | | 354 | it('16a: should render a simple class diagram with static field', () => { |
| 6dd74de | | | 355 | imgSnapshotTest( |
| 6dd74de | | | 356 | ` |
| 6dd74de | | | 357 | classDiagram-v2 |
| 6dd74de | | | 358 | class Foo { |
| 6dd74de | | | 359 | +String bar$ |
| 6dd74de | | | 360 | } |
| 6dd74de | | | 361 | `, |
| 6dd74de | | | 362 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 363 | ); |
| 6dd74de | | | 364 | }); |
| 6dd74de | | | 365 | |
| 6dd74de | | | 366 | it('16b: should handle the direction statement with TB', () => { |
| 6dd74de | | | 367 | imgSnapshotTest( |
| 6dd74de | | | 368 | ` |
| 6dd74de | | | 369 | classDiagram |
| 6dd74de | | | 370 | direction TB |
| 6dd74de | | | 371 | class Student { |
| 6dd74de | | | 372 | -idCard : IdCard |
| 6dd74de | | | 373 | } |
| 6dd74de | | | 374 | class IdCard{ |
| 6dd74de | | | 375 | -id : int |
| 6dd74de | | | 376 | -name : string |
| 6dd74de | | | 377 | } |
| 6dd74de | | | 378 | class Bike{ |
| 6dd74de | | | 379 | -id : int |
| 6dd74de | | | 380 | -name : string |
| 6dd74de | | | 381 | } |
| 6dd74de | | | 382 | Student "1" --o "1" IdCard : carries |
| 6dd74de | | | 383 | Student "1" --o "1" Bike : rides |
| 6dd74de | | | 384 | |
| 6dd74de | | | 385 | `, |
| 6dd74de | | | 386 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 387 | ); |
| 6dd74de | | | 388 | }); |
| 6dd74de | | | 389 | it('17a: should handle the direction statement with BT', () => { |
| 6dd74de | | | 390 | imgSnapshotTest( |
| 6dd74de | | | 391 | ` |
| 6dd74de | | | 392 | classDiagram |
| 6dd74de | | | 393 | direction BT |
| 6dd74de | | | 394 | class Student { |
| 6dd74de | | | 395 | -idCard : IdCard |
| 6dd74de | | | 396 | } |
| 6dd74de | | | 397 | class IdCard{ |
| 6dd74de | | | 398 | -id : int |
| 6dd74de | | | 399 | -name : string |
| 6dd74de | | | 400 | } |
| 6dd74de | | | 401 | class Bike{ |
| 6dd74de | | | 402 | -id : int |
| 6dd74de | | | 403 | -name : string |
| 6dd74de | | | 404 | } |
| 6dd74de | | | 405 | Student "1" --o "1" IdCard : carries |
| 6dd74de | | | 406 | Student "1" --o "1" Bike : rides |
| 6dd74de | | | 407 | |
| 6dd74de | | | 408 | `, |
| 6dd74de | | | 409 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 410 | ); |
| 6dd74de | | | 411 | }); |
| 6dd74de | | | 412 | it('17b: should handle the direction statement with RL', () => { |
| 6dd74de | | | 413 | imgSnapshotTest( |
| 6dd74de | | | 414 | ` |
| 6dd74de | | | 415 | classDiagram |
| 6dd74de | | | 416 | direction RL |
| 6dd74de | | | 417 | class Student { |
| 6dd74de | | | 418 | -idCard : IdCard |
| 6dd74de | | | 419 | } |
| 6dd74de | | | 420 | class IdCard{ |
| 6dd74de | | | 421 | -id : int |
| 6dd74de | | | 422 | -name : string |
| 6dd74de | | | 423 | } |
| 6dd74de | | | 424 | class Bike{ |
| 6dd74de | | | 425 | -id : int |
| 6dd74de | | | 426 | -name : string |
| 6dd74de | | | 427 | } |
| 6dd74de | | | 428 | Student "1" --o "1" IdCard : carries |
| 6dd74de | | | 429 | Student "1" --o "1" Bike : rides |
| 6dd74de | | | 430 | |
| 6dd74de | | | 431 | `, |
| 6dd74de | | | 432 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 433 | ); |
| 6dd74de | | | 434 | }); |
| 6dd74de | | | 435 | |
| 6dd74de | | | 436 | it('18a: should handle the direction statement with LR', () => { |
| 6dd74de | | | 437 | imgSnapshotTest( |
| 6dd74de | | | 438 | ` |
| 6dd74de | | | 439 | classDiagram |
| 6dd74de | | | 440 | direction LR |
| 6dd74de | | | 441 | class Student { |
| 6dd74de | | | 442 | -idCard : IdCard |
| 6dd74de | | | 443 | } |
| 6dd74de | | | 444 | class IdCard{ |
| 6dd74de | | | 445 | -id : int |
| 6dd74de | | | 446 | -name : string |
| 6dd74de | | | 447 | } |
| 6dd74de | | | 448 | class Bike{ |
| 6dd74de | | | 449 | -id : int |
| 6dd74de | | | 450 | -name : string |
| 6dd74de | | | 451 | } |
| 6dd74de | | | 452 | Student "1" --o "1" IdCard : carries |
| 6dd74de | | | 453 | Student "1" --o "1" Bike : rides |
| 6dd74de | | | 454 | |
| 6dd74de | | | 455 | `, |
| 6dd74de | | | 456 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 457 | ); |
| 6dd74de | | | 458 | }); |
| 6dd74de | | | 459 | |
| 6dd74de | | | 460 | it('18b: should render a simple class diagram with notes', () => { |
| 6dd74de | | | 461 | imgSnapshotTest( |
| 6dd74de | | | 462 | ` |
| 6dd74de | | | 463 | classDiagram-v2 |
| 6dd74de | | | 464 | note "I love this diagram!\nDo you love it?" |
| 6dd74de | | | 465 | class Class10 { |
| 6dd74de | | | 466 | int id |
| 6dd74de | | | 467 | size() |
| 6dd74de | | | 468 | } |
| 6dd74de | | | 469 | note for Class10 "Cool class\nI said it's very cool class!" |
| 6dd74de | | | 470 | |
| 6dd74de | | | 471 | `, |
| 6dd74de | | | 472 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 473 | ); |
| 6dd74de | | | 474 | }); |
| 6dd74de | | | 475 | |
| 6dd74de | | | 476 | it('1433: should render a simple class with a title', () => { |
| 6dd74de | | | 477 | imgSnapshotTest( |
| 6dd74de | | | 478 | `--- |
| 6dd74de | | | 479 | title: simple class diagram |
| 6dd74de | | | 480 | --- |
| 6dd74de | | | 481 | classDiagram-v2 |
| 6dd74de | | | 482 | class Class10 |
| 6dd74de | | | 483 | ` |
| 6dd74de | | | 484 | ); |
| 6dd74de | | | 485 | }); |
| 6dd74de | | | 486 | |
| 6dd74de | | | 487 | it('should render a class with text label', () => { |
| 6dd74de | | | 488 | imgSnapshotTest( |
| 6dd74de | | | 489 | `classDiagram |
| 6dd74de | | | 490 | class C1["Class 1 with text label"] |
| 6dd74de | | | 491 | C1 --> C2` |
| 6dd74de | | | 492 | ); |
| 6dd74de | | | 493 | }); |
| 6dd74de | | | 494 | |
| 6dd74de | | | 495 | it('should render two classes with text labels', () => { |
| 6dd74de | | | 496 | imgSnapshotTest( |
| 6dd74de | | | 497 | `classDiagram |
| 6dd74de | | | 498 | class C1["Class 1 with text label"] |
| 6dd74de | | | 499 | class C2["Class 2 with chars @?"] |
| 6dd74de | | | 500 | C1 --> C2` |
| 6dd74de | | | 501 | ); |
| 6dd74de | | | 502 | }); |
| 6dd74de | | | 503 | it('should render a class with a text label, members and annotation', () => { |
| 6dd74de | | | 504 | imgSnapshotTest( |
| 6dd74de | | | 505 | `classDiagram |
| 6dd74de | | | 506 | class C1["Class 1 with text label"] { |
| 6dd74de | | | 507 | <<interface>> |
| 6dd74de | | | 508 | +member1 |
| 6dd74de | | | 509 | } |
| 6dd74de | | | 510 | C1 --> C2` |
| 6dd74de | | | 511 | ); |
| 6dd74de | | | 512 | }); |
| 6dd74de | | | 513 | it('should render multiple classes with same text labels', () => { |
| 6dd74de | | | 514 | imgSnapshotTest( |
| 6dd74de | | | 515 | `classDiagram |
| 6dd74de | | | 516 | class C1["Class with text label"] |
| 6dd74de | | | 517 | class C2["Class with text label"] |
| 6dd74de | | | 518 | class C3["Class with text label"] |
| 6dd74de | | | 519 | C1 --> C2 |
| 6dd74de | | | 520 | C3 ..> C2 |
| 6dd74de | | | 521 | ` |
| 6dd74de | | | 522 | ); |
| 6dd74de | | | 523 | }); |
| 6dd74de | | | 524 | it('should render classes with different text labels', () => { |
| 6dd74de | | | 525 | imgSnapshotTest( |
| 6dd74de | | | 526 | `classDiagram |
| 6dd74de | | | 527 | class C1["OneWord"] |
| 6dd74de | | | 528 | class C2["With, Comma"] |
| 6dd74de | | | 529 | class C3["With (Brackets)"] |
| 6dd74de | | | 530 | class C4["With [Brackets]"] |
| 6dd74de | | | 531 | class C5["With {Brackets}"] |
| 6dd74de | | | 532 | class C7["With 1 number"] |
| 6dd74de | | | 533 | class C8["With . period..."] |
| 6dd74de | | | 534 | class C9["With - dash"] |
| 6dd74de | | | 535 | class C10["With _ underscore"] |
| 6dd74de | | | 536 | class C11["With ' single quote"] |
| 6dd74de | | | 537 | class C12["With ~!@#$%^&*()_+=-/?"] |
| 6dd74de | | | 538 | class C13["With Città foreign language"] |
| 6dd74de | | | 539 | ` |
| 6dd74de | | | 540 | ); |
| 6dd74de | | | 541 | }); |
| 6dd74de | | | 542 | |
| 6dd74de | | | 543 | it('should render classLabel if class has already been defined earlier', () => { |
| 6dd74de | | | 544 | imgSnapshotTest( |
| 6dd74de | | | 545 | `classDiagram |
| 6dd74de | | | 546 | Animal <|-- Duck |
| 6dd74de | | | 547 | class Duck["Duck with text label"] |
| 6dd74de | | | 548 | ` |
| 6dd74de | | | 549 | ); |
| 6dd74de | | | 550 | }); |
| 6dd74de | | | 551 | it('should add classes namespaces', function () { |
| 6dd74de | | | 552 | imgSnapshotTest( |
| 6dd74de | | | 553 | ` |
| 6dd74de | | | 554 | classDiagram |
| 6dd74de | | | 555 | namespace Namespace1 { |
| 6dd74de | | | 556 | class C1 |
| 6dd74de | | | 557 | class C2 |
| 6dd74de | | | 558 | } |
| 6dd74de | | | 559 | C1 --> C2 |
| 6dd74de | | | 560 | class C3 |
| 6dd74de | | | 561 | class C4 |
| 6dd74de | | | 562 | ` |
| 6dd74de | | | 563 | ); |
| 6dd74de | | | 564 | }); |
| 6dd74de | | | 565 | it('should add notes in namespaces', function () { |
| 6dd74de | | | 566 | imgSnapshotTest( |
| 6dd74de | | | 567 | ` |
| 6dd74de | | | 568 | classDiagram |
| 6dd74de | | | 569 | note "This is a outer note" |
| 6dd74de | | | 570 | note for C1 "This is a outer note for C1" |
| 6dd74de | | | 571 | namespace Namespace1 { |
| 6dd74de | | | 572 | note "This is a inner note" |
| 6dd74de | | | 573 | note for C1 "This is a inner note for C1" |
| 6dd74de | | | 574 | class C1 |
| 6dd74de | | | 575 | } |
| 6dd74de | | | 576 | ` |
| 6dd74de | | | 577 | ); |
| 6dd74de | | | 578 | }); |
| 6dd74de | | | 579 | it('should render a simple class diagram with no members', () => { |
| 6dd74de | | | 580 | imgSnapshotTest( |
| 6dd74de | | | 581 | ` |
| 6dd74de | | | 582 | classDiagram-v2 |
| 6dd74de | | | 583 | class Class10 |
| 6dd74de | | | 584 | `, |
| 6dd74de | | | 585 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 586 | ); |
| 6dd74de | | | 587 | }); |
| 6dd74de | | | 588 | it('should render a simple class diagram with style definition', () => { |
| 6dd74de | | | 589 | imgSnapshotTest( |
| 6dd74de | | | 590 | ` |
| 6dd74de | | | 591 | classDiagram-v2 |
| 6dd74de | | | 592 | class Class10 |
| 6dd74de | | | 593 | style Class10 fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 594 | `, |
| 6dd74de | | | 595 | { logLevel: 1, flowchart: { htmlLabels: false } } |
| 6dd74de | | | 596 | ); |
| 6dd74de | | | 597 | }); |
| 6dd74de | | | 598 | |
| 6dd74de | | | 599 | it('renders a class diagram with a generic class in a namespace', () => { |
| 6dd74de | | | 600 | const diagramDefinition = ` |
| 6dd74de | | | 601 | classDiagram-v2 |
| 6dd74de | | | 602 | namespace Company.Project.Module { |
| 6dd74de | | | 603 | class GenericClass~T~ { |
| 6dd74de | | | 604 | +addItem(item: T) |
| 6dd74de | | | 605 | +getItem() T |
| 6dd74de | | | 606 | } |
| 6dd74de | | | 607 | } |
| 6dd74de | | | 608 | `; |
| 6dd74de | | | 609 | |
| 6dd74de | | | 610 | imgSnapshotTest(diagramDefinition); |
| 6dd74de | | | 611 | }); |
| 6dd74de | | | 612 | |
| 6dd74de | | | 613 | it('renders a class diagram with nested namespaces and relationships', () => { |
| 6dd74de | | | 614 | const diagramDefinition = ` |
| 6dd74de | | | 615 | classDiagram-v2 |
| 6dd74de | | | 616 | namespace Company.Project.Module.SubModule { |
| 6dd74de | | | 617 | class Report { |
| 6dd74de | | | 618 | +generatePDF(data: List) |
| 6dd74de | | | 619 | +generateCSV(data: List) |
| 6dd74de | | | 620 | } |
| 6dd74de | | | 621 | } |
| 6dd74de | | | 622 | namespace Company.Project.Module { |
| 6dd74de | | | 623 | class Admin { |
| 6dd74de | | | 624 | +generateReport() |
| 6dd74de | | | 625 | } |
| 6dd74de | | | 626 | } |
| 6dd74de | | | 627 | Admin --> Report : generates |
| 6dd74de | | | 628 | `; |
| 6dd74de | | | 629 | |
| 6dd74de | | | 630 | imgSnapshotTest(diagramDefinition); |
| 6dd74de | | | 631 | }); |
| 6dd74de | | | 632 | |
| 6dd74de | | | 633 | it('renders a class diagram with multiple classes and relationships in a namespace', () => { |
| 6dd74de | | | 634 | const diagramDefinition = ` |
| 6dd74de | | | 635 | classDiagram-v2 |
| 6dd74de | | | 636 | namespace Company.Project.Module { |
| 6dd74de | | | 637 | class User { |
| 6dd74de | | | 638 | +login(username: String, password: String) |
| 6dd74de | | | 639 | +logout() |
| 6dd74de | | | 640 | } |
| 6dd74de | | | 641 | class Admin { |
| 6dd74de | | | 642 | +addUser(user: User) |
| 6dd74de | | | 643 | +removeUser(user: User) |
| 6dd74de | | | 644 | +generateReport() |
| 6dd74de | | | 645 | } |
| 6dd74de | | | 646 | class Report { |
| 6dd74de | | | 647 | +generatePDF(reportData: List) |
| 6dd74de | | | 648 | +generateCSV(reportData: List) |
| 6dd74de | | | 649 | } |
| 6dd74de | | | 650 | } |
| 6dd74de | | | 651 | Admin --> User : manages |
| 6dd74de | | | 652 | Admin --> Report : generates |
| 6dd74de | | | 653 | `; |
| 6dd74de | | | 654 | |
| 6dd74de | | | 655 | imgSnapshotTest(diagramDefinition); |
| 6dd74de | | | 656 | }); |
| 6dd74de | | | 657 | }); |