| 6dd74de | | | 1 | import { imgSnapshotTest, renderGraph } from '../../helpers/util.ts'; |
| 6dd74de | | | 2 | |
| 6dd74de | | | 3 | describe('Class diagram', () => { |
| 6dd74de | | | 4 | it('1: should render a simple class diagram', () => { |
| 6dd74de | | | 5 | imgSnapshotTest( |
| 6dd74de | | | 6 | ` |
| 6dd74de | | | 7 | classDiagram |
| 6dd74de | | | 8 | Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 9 | <<interface>> Class01 |
| 6dd74de | | | 10 | Class03 *-- Class04 |
| 6dd74de | | | 11 | Class05 o-- Class06 |
| 6dd74de | | | 12 | Class07 .. Class08 |
| 6dd74de | | | 13 | Class09 --> C2 : Where am i? |
| 6dd74de | | | 14 | Class09 --* C3 |
| 6dd74de | | | 15 | Class09 --|> Class07 |
| 6dd74de | | | 16 | Class12 <|.. Class08 |
| 6dd74de | | | 17 | Class11 ..>Class12 |
| 6dd74de | | | 18 | Class07 : equals() |
| 6dd74de | | | 19 | Class07 : Object[] elementData |
| 6dd74de | | | 20 | Class01 : size() |
| 6dd74de | | | 21 | Class01 : int chimp |
| 6dd74de | | | 22 | Class01 : int gorilla |
| 6dd74de | | | 23 | Class01 : -int privateChimp |
| 6dd74de | | | 24 | Class01 : +int publicGorilla |
| 6dd74de | | | 25 | Class01 : #int protectedMarmoset |
| 6dd74de | | | 26 | Class08 <--> C2: Cool label |
| 6dd74de | | | 27 | class Class10 { |
| 6dd74de | | | 28 | <<service>> |
| 6dd74de | | | 29 | int id |
| 6dd74de | | | 30 | test() |
| 6dd74de | | | 31 | } |
| 6dd74de | | | 32 | `, |
| 6dd74de | | | 33 | { logLevel: 1 } |
| 6dd74de | | | 34 | ); |
| 6dd74de | | | 35 | }); |
| 6dd74de | | | 36 | |
| 6dd74de | | | 37 | it('2: should render a simple class diagrams with cardinality', () => { |
| 6dd74de | | | 38 | imgSnapshotTest( |
| 6dd74de | | | 39 | ` |
| 6dd74de | | | 40 | classDiagram |
| 6dd74de | | | 41 | Class01 "1" <|--|> "*" AveryLongClass : Cool |
| 6dd74de | | | 42 | <<interface>> Class01 |
| 6dd74de | | | 43 | Class03 "1" *-- "*" Class04 |
| 6dd74de | | | 44 | Class05 "1" o-- "many" Class06 |
| 6dd74de | | | 45 | Class07 "1" .. "*" Class08 |
| 6dd74de | | | 46 | Class09 "1" --> "*" C2 : Where am i? |
| 6dd74de | | | 47 | Class09 "*" --* "*" C3 |
| 6dd74de | | | 48 | Class09 "1" --|> "1" Class07 |
| 6dd74de | | | 49 | Class07 : equals() |
| 6dd74de | | | 50 | Class07 : Object[] elementData |
| 6dd74de | | | 51 | Class01 : size() |
| 6dd74de | | | 52 | Class01 : int chimp |
| 6dd74de | | | 53 | Class01 : int gorilla |
| 6dd74de | | | 54 | Class08 "1" <--> "*" C2: Cool label |
| 6dd74de | | | 55 | class Class10 { |
| 6dd74de | | | 56 | <<service>> |
| 6dd74de | | | 57 | int id |
| 6dd74de | | | 58 | test() |
| 6dd74de | | | 59 | } |
| 6dd74de | | | 60 | `, |
| 6dd74de | | | 61 | {} |
| 6dd74de | | | 62 | ); |
| 6dd74de | | | 63 | }); |
| 6dd74de | | | 64 | |
| 6dd74de | | | 65 | it('3: should render a simple class diagram with different visibilities', () => { |
| 6dd74de | | | 66 | imgSnapshotTest( |
| 6dd74de | | | 67 | ` |
| 6dd74de | | | 68 | classDiagram |
| 6dd74de | | | 69 | Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 70 | <<interface>> Class01 |
| 6dd74de | | | 71 | Class01 : -privateMethod() |
| 6dd74de | | | 72 | Class01 : +publicMethod() |
| 6dd74de | | | 73 | Class01 : #protectedMethod() |
| 6dd74de | | | 74 | Class01 : -int privateChimp |
| 6dd74de | | | 75 | Class01 : +int publicGorilla |
| 6dd74de | | | 76 | Class01 : #int protectedMarmoset |
| 6dd74de | | | 77 | `, |
| 6dd74de | | | 78 | {} |
| 6dd74de | | | 79 | ); |
| 6dd74de | | | 80 | }); |
| 6dd74de | | | 81 | |
| 6dd74de | | | 82 | it('4: should render a simple class diagram with comments', () => { |
| 6dd74de | | | 83 | imgSnapshotTest( |
| 6dd74de | | | 84 | ` |
| 6dd74de | | | 85 | classDiagram |
| 6dd74de | | | 86 | %% this is a comment |
| 6dd74de | | | 87 | Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 88 | <<interface>> Class01 |
| 6dd74de | | | 89 | Class03 *-- Class04 |
| 6dd74de | | | 90 | Class05 o-- Class06 |
| 6dd74de | | | 91 | Class07 .. Class08 |
| 6dd74de | | | 92 | Class09 --> C2 : Where am i? |
| 6dd74de | | | 93 | Class09 --* C3 |
| 6dd74de | | | 94 | Class09 --|> Class07 |
| 6dd74de | | | 95 | Class07 : equals() |
| 6dd74de | | | 96 | Class07 : Object[] elementData |
| 6dd74de | | | 97 | Class01 : size() |
| 6dd74de | | | 98 | Class01 : int chimp |
| 6dd74de | | | 99 | Class01 : int gorilla |
| 6dd74de | | | 100 | Class08 <--> C2: Cool label |
| 6dd74de | | | 101 | class Class10 { |
| 6dd74de | | | 102 | <<service>> |
| 6dd74de | | | 103 | int id |
| 6dd74de | | | 104 | test() |
| 6dd74de | | | 105 | } |
| 6dd74de | | | 106 | `, |
| 6dd74de | | | 107 | {} |
| 6dd74de | | | 108 | ); |
| 6dd74de | | | 109 | }); |
| 6dd74de | | | 110 | |
| 6dd74de | | | 111 | it('5: should render a simple class diagram with abstract method', () => { |
| 6dd74de | | | 112 | imgSnapshotTest( |
| 6dd74de | | | 113 | ` |
| 6dd74de | | | 114 | classDiagram |
| 6dd74de | | | 115 | Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 116 | Class01 : someMethod()* |
| 6dd74de | | | 117 | `, |
| 6dd74de | | | 118 | {} |
| 6dd74de | | | 119 | ); |
| 6dd74de | | | 120 | }); |
| 6dd74de | | | 121 | |
| 6dd74de | | | 122 | it('6: should render a simple class diagram with static method', () => { |
| 6dd74de | | | 123 | imgSnapshotTest( |
| 6dd74de | | | 124 | ` |
| 6dd74de | | | 125 | classDiagram |
| 6dd74de | | | 126 | Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 127 | Class01 : someMethod()$ |
| 6dd74de | | | 128 | `, |
| 6dd74de | | | 129 | {} |
| 6dd74de | | | 130 | ); |
| 6dd74de | | | 131 | }); |
| 6dd74de | | | 132 | |
| 6dd74de | | | 133 | it('7: should render a simple class diagram with Generic class', () => { |
| 6dd74de | | | 134 | imgSnapshotTest( |
| 6dd74de | | | 135 | ` |
| 6dd74de | | | 136 | classDiagram |
| 6dd74de | | | 137 | class Class01~T~ |
| 6dd74de | | | 138 | Class01 : size() |
| 6dd74de | | | 139 | Class01 : int chimp |
| 6dd74de | | | 140 | Class01 : int gorilla |
| 6dd74de | | | 141 | Class08 <--> C2: Cool label |
| 6dd74de | | | 142 | class Class10~T~ { |
| 6dd74de | | | 143 | <<service>> |
| 6dd74de | | | 144 | int id |
| 6dd74de | | | 145 | test() |
| 6dd74de | | | 146 | } |
| 6dd74de | | | 147 | `, |
| 6dd74de | | | 148 | {} |
| 6dd74de | | | 149 | ); |
| 6dd74de | | | 150 | }); |
| 6dd74de | | | 151 | |
| 6dd74de | | | 152 | it('8: should render a simple class diagram with Generic class and relations', () => { |
| 6dd74de | | | 153 | imgSnapshotTest( |
| 6dd74de | | | 154 | ` |
| 6dd74de | | | 155 | classDiagram |
| 6dd74de | | | 156 | Class01~T~ <|-- AveryLongClass : Cool |
| 6dd74de | | | 157 | Class03~T~ *-- Class04~T~ |
| 6dd74de | | | 158 | Class01 : size() |
| 6dd74de | | | 159 | Class01 : int chimp |
| 6dd74de | | | 160 | Class01 : int gorilla |
| 6dd74de | | | 161 | Class08 <--> C2: Cool label |
| 6dd74de | | | 162 | class Class10~T~ { |
| 6dd74de | | | 163 | <<service>> |
| 6dd74de | | | 164 | int id |
| 6dd74de | | | 165 | test() |
| 6dd74de | | | 166 | } |
| 6dd74de | | | 167 | `, |
| 6dd74de | | | 168 | {} |
| 6dd74de | | | 169 | ); |
| 6dd74de | | | 170 | }); |
| 6dd74de | | | 171 | |
| 6dd74de | | | 172 | it('9: should render a simple class diagram with clickable link', () => { |
| 6dd74de | | | 173 | imgSnapshotTest( |
| 6dd74de | | | 174 | ` |
| 6dd74de | | | 175 | classDiagram |
| 6dd74de | | | 176 | Class01~T~ <|-- AveryLongClass : Cool |
| 6dd74de | | | 177 | Class03~T~ *-- Class04~T~ |
| 6dd74de | | | 178 | Class01 : size() |
| 6dd74de | | | 179 | Class01 : int chimp |
| 6dd74de | | | 180 | Class01 : int gorilla |
| 6dd74de | | | 181 | Class08 <--> C2: Cool label |
| 6dd74de | | | 182 | class Class10~T~ { |
| 6dd74de | | | 183 | <<service>> |
| 6dd74de | | | 184 | int id |
| 6dd74de | | | 185 | test() |
| 6dd74de | | | 186 | } |
| 6dd74de | | | 187 | link Class01 "google.com" "A Tooltip" |
| 6dd74de | | | 188 | `, |
| 6dd74de | | | 189 | {} |
| 6dd74de | | | 190 | ); |
| 6dd74de | | | 191 | }); |
| 6dd74de | | | 192 | |
| 6dd74de | | | 193 | it('10: should render a simple class diagram with clickable callback', () => { |
| 6dd74de | | | 194 | imgSnapshotTest( |
| 6dd74de | | | 195 | ` |
| 6dd74de | | | 196 | classDiagram |
| 6dd74de | | | 197 | Class01~T~ <|-- AveryLongClass : Cool |
| 6dd74de | | | 198 | Class03~T~ *-- Class04~T~ |
| 6dd74de | | | 199 | Class01 : size() |
| 6dd74de | | | 200 | Class01 : int chimp |
| 6dd74de | | | 201 | Class01 : int gorilla |
| 6dd74de | | | 202 | Class08 <--> C2: Cool label |
| 6dd74de | | | 203 | class Class10~T~ { |
| 6dd74de | | | 204 | <<service>> |
| 6dd74de | | | 205 | int id |
| 6dd74de | | | 206 | test() |
| 6dd74de | | | 207 | } |
| 6dd74de | | | 208 | callback Class01 "functionCall" "A Tooltip" |
| 6dd74de | | | 209 | `, |
| 6dd74de | | | 210 | {} |
| 6dd74de | | | 211 | ); |
| 6dd74de | | | 212 | }); |
| 6dd74de | | | 213 | |
| 6dd74de | | | 214 | it('11: should render a simple class diagram with return type on method', () => { |
| 6dd74de | | | 215 | imgSnapshotTest( |
| 6dd74de | | | 216 | ` |
| 6dd74de | | | 217 | classDiagram |
| 6dd74de | | | 218 | class Class10~T~ { |
| 6dd74de | | | 219 | int[] id |
| 6dd74de | | | 220 | test(int[] ids) bool |
| 6dd74de | | | 221 | testArray() bool[] |
| 6dd74de | | | 222 | } |
| 6dd74de | | | 223 | `, |
| 6dd74de | | | 224 | {} |
| 6dd74de | | | 225 | ); |
| 6dd74de | | | 226 | }); |
| 6dd74de | | | 227 | |
| 6dd74de | | | 228 | it('12: should render a simple class diagram with generic types', () => { |
| 6dd74de | | | 229 | imgSnapshotTest( |
| 6dd74de | | | 230 | ` |
| 6dd74de | | | 231 | classDiagram |
| 6dd74de | | | 232 | class Class10~T~ { |
| 6dd74de | | | 233 | int[] id |
| 6dd74de | | | 234 | List~int~ ids |
| 6dd74de | | | 235 | test(List~int~ ids) List~bool~ |
| 6dd74de | | | 236 | testArray() bool[] |
| 6dd74de | | | 237 | } |
| 6dd74de | | | 238 | `, |
| 6dd74de | | | 239 | {} |
| 6dd74de | | | 240 | ); |
| 6dd74de | | | 241 | }); |
| 6dd74de | | | 242 | |
| 6dd74de | | | 243 | it('13: should render a simple class diagram with css classes applied', () => { |
| 6dd74de | | | 244 | imgSnapshotTest( |
| 6dd74de | | | 245 | ` |
| 6dd74de | | | 246 | classDiagram |
| 6dd74de | | | 247 | class Class10 { |
| 6dd74de | | | 248 | int[] id |
| 6dd74de | | | 249 | List~int~ ids |
| 6dd74de | | | 250 | test(List~int~ ids) List~bool~ |
| 6dd74de | | | 251 | testArray() bool[] |
| 6dd74de | | | 252 | } |
| 6dd74de | | | 253 | |
| 6dd74de | | | 254 | class Class10:::exClass2 |
| 6dd74de | | | 255 | `, |
| 6dd74de | | | 256 | {} |
| 6dd74de | | | 257 | ); |
| 6dd74de | | | 258 | }); |
| 6dd74de | | | 259 | |
| 6dd74de | | | 260 | it('14: should render a simple class diagram with css classes applied directly', () => { |
| 6dd74de | | | 261 | imgSnapshotTest( |
| 6dd74de | | | 262 | ` |
| 6dd74de | | | 263 | classDiagram |
| 6dd74de | | | 264 | class Class10:::exClass2 { |
| 6dd74de | | | 265 | int[] id |
| 6dd74de | | | 266 | List~int~ ids |
| 6dd74de | | | 267 | test(List~int~ ids) List~bool~ |
| 6dd74de | | | 268 | testArray() bool[] |
| 6dd74de | | | 269 | } |
| 6dd74de | | | 270 | `, |
| 6dd74de | | | 271 | {} |
| 6dd74de | | | 272 | ); |
| 6dd74de | | | 273 | }); |
| 6dd74de | | | 274 | |
| 6dd74de | | | 275 | it('15: should render a simple class diagram with css classes applied to multiple classes', () => { |
| 6dd74de | | | 276 | imgSnapshotTest( |
| 6dd74de | | | 277 | ` |
| 6dd74de | | | 278 | classDiagram |
| 6dd74de | | | 279 | class Class10 |
| 6dd74de | | | 280 | class Class20 |
| 6dd74de | | | 281 | |
| 6dd74de | | | 282 | cssClass "Class10, Class20" exClass2 |
| 6dd74de | | | 283 | class Class20:::exClass2 |
| 6dd74de | | | 284 | `, |
| 6dd74de | | | 285 | {} |
| 6dd74de | | | 286 | ); |
| 6dd74de | | | 287 | }); |
| 6dd74de | | | 288 | |
| 6dd74de | | | 289 | it('16: should render multiple class diagrams', () => { |
| 6dd74de | | | 290 | imgSnapshotTest( |
| 6dd74de | | | 291 | [ |
| 6dd74de | | | 292 | ` |
| 6dd74de | | | 293 | classDiagram |
| 6dd74de | | | 294 | Class01 "1" <|--|> "*" AveryLongClass : Cool |
| 6dd74de | | | 295 | <<interface>> Class01 |
| 6dd74de | | | 296 | Class03 "1" *-- "*" Class04 |
| 6dd74de | | | 297 | Class05 "1" o-- "many" Class06 |
| 6dd74de | | | 298 | Class07 "1" .. "*" Class08 |
| 6dd74de | | | 299 | Class09 "1" --> "*" C2 : Where am i? |
| 6dd74de | | | 300 | Class09 "*" --* "*" C3 |
| 6dd74de | | | 301 | Class09 "1" --|> "1" Class07 |
| 6dd74de | | | 302 | Class07 : equals() |
| 6dd74de | | | 303 | Class07 : Object[] elementData |
| 6dd74de | | | 304 | Class01 : size() |
| 6dd74de | | | 305 | Class01 : int chimp |
| 6dd74de | | | 306 | Class01 : int gorilla |
| 6dd74de | | | 307 | Class08 "1" <--> "*" C2: Cool label |
| 6dd74de | | | 308 | class Class10 { |
| 6dd74de | | | 309 | <<service>> |
| 6dd74de | | | 310 | int id |
| 6dd74de | | | 311 | test() |
| 6dd74de | | | 312 | } |
| 6dd74de | | | 313 | `, |
| 6dd74de | | | 314 | ` |
| 6dd74de | | | 315 | classDiagram |
| 6dd74de | | | 316 | Class01 "1" <|--|> "*" AveryLongClass : Cool |
| 6dd74de | | | 317 | <<interface>> Class01 |
| 6dd74de | | | 318 | Class03 "1" *-- "*" Class04 |
| 6dd74de | | | 319 | Class05 "1" o-- "many" Class06 |
| 6dd74de | | | 320 | Class07 "1" .. "*" Class08 |
| 6dd74de | | | 321 | Class09 "1" --> "*" C2 : Where am i? |
| 6dd74de | | | 322 | Class09 "*" --* "*" C3 |
| 6dd74de | | | 323 | Class09 "1" --|> "1" Class07 |
| 6dd74de | | | 324 | Class07 : equals() |
| 6dd74de | | | 325 | Class07 : Object[] elementData |
| 6dd74de | | | 326 | Class01 : size() |
| 6dd74de | | | 327 | Class01 : int chimp |
| 6dd74de | | | 328 | Class01 : int gorilla |
| 6dd74de | | | 329 | Class08 "1" <--> "*" C2: Cool label |
| 6dd74de | | | 330 | class Class10 { |
| 6dd74de | | | 331 | <<service>> |
| 6dd74de | | | 332 | int id |
| 6dd74de | | | 333 | test() |
| 6dd74de | | | 334 | } |
| 6dd74de | | | 335 | `, |
| 6dd74de | | | 336 | ], |
| 6dd74de | | | 337 | {} |
| 6dd74de | | | 338 | ); |
| 6dd74de | | | 339 | }); |
| 6dd74de | | | 340 | |
| 6dd74de | | | 341 | // it('17: should render a class diagram when useMaxWidth is true (default)', () => { |
| 6dd74de | | | 342 | // renderGraph( |
| 6dd74de | | | 343 | // ` |
| 6dd74de | | | 344 | // classDiagram |
| 6dd74de | | | 345 | // Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 346 | // Class01 : size() |
| 6dd74de | | | 347 | // Class01 : int chimp |
| 6dd74de | | | 348 | // Class01 : int gorilla |
| 6dd74de | | | 349 | // Class01 : -int privateChimp |
| 6dd74de | | | 350 | // Class01 : +int publicGorilla |
| 6dd74de | | | 351 | // Class01 : #int protectedMarmoset |
| 6dd74de | | | 352 | // `, |
| 6dd74de | | | 353 | // { class: { useMaxWidth: true } } |
| 6dd74de | | | 354 | // ); |
| 6dd74de | | | 355 | // cy.get('svg') |
| 6dd74de | | | 356 | // .should((svg) => { |
| 6dd74de | | | 357 | // expect(svg).to.have.attr('width', '100%'); |
| 6dd74de | | | 358 | // const height = parseFloat(svg.attr('height')); |
| 6dd74de | | | 359 | // expect(height).to.be.within(332, 333); |
| 6dd74de | | | 360 | // // expect(svg).to.have.attr('height', '218'); |
| 6dd74de | | | 361 | // const style = svg.attr('style'); |
| 6dd74de | | | 362 | // expect(style).to.match(/^max-width: [\d.]+px;$/); |
| 6dd74de | | | 363 | // const maxWidthValue = parseInt(style.match(/[\d.]+/g).join('')); |
| 6dd74de | | | 364 | // // use within because the absolute value can be slightly different depending on the environment ±5% |
| 6dd74de | | | 365 | // expect(maxWidthValue).to.be.within(203, 204); |
| 6dd74de | | | 366 | // }); |
| 6dd74de | | | 367 | // }); |
| 6dd74de | | | 368 | |
| 6dd74de | | | 369 | // it('18: should render a class diagram when useMaxWidth is false', () => { |
| 6dd74de | | | 370 | // renderGraph( |
| 6dd74de | | | 371 | // ` |
| 6dd74de | | | 372 | // classDiagram |
| 6dd74de | | | 373 | // Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 374 | // Class01 : size() |
| 6dd74de | | | 375 | // Class01 : int chimp |
| 6dd74de | | | 376 | // Class01 : int gorilla |
| 6dd74de | | | 377 | // Class01 : -int privateChimp |
| 6dd74de | | | 378 | // Class01 : +int publicGorilla |
| 6dd74de | | | 379 | // Class01 : #int protectedMarmoset |
| 6dd74de | | | 380 | // `, |
| 6dd74de | | | 381 | // { class: { useMaxWidth: false } } |
| 6dd74de | | | 382 | // ); |
| 6dd74de | | | 383 | // cy.get('svg') |
| 6dd74de | | | 384 | // .should((svg) => { |
| 6dd74de | | | 385 | // const width = parseFloat(svg.attr('width')); |
| 6dd74de | | | 386 | // // use within because the absolute value can be slightly different depending on the environment ±5% |
| 6dd74de | | | 387 | // expect(width).to.be.within(100, 101); |
| 6dd74de | | | 388 | // const height = parseFloat(svg.attr('height')); |
| 6dd74de | | | 389 | // expect(height).to.be.within(332, 333); |
| 6dd74de | | | 390 | // // expect(svg).to.have.attr('height', '332'); |
| 6dd74de | | | 391 | // // expect(svg).to.not.have.attr('style'); |
| 6dd74de | | | 392 | // }); |
| 6dd74de | | | 393 | // }); |
| 6dd74de | | | 394 | |
| 6dd74de | | | 395 | it('19: should render a simple class diagram with notes', () => { |
| 6dd74de | | | 396 | imgSnapshotTest( |
| 6dd74de | | | 397 | ` |
| 6dd74de | | | 398 | classDiagram |
| 6dd74de | | | 399 | note "I love this diagram!\nDo you love it?" |
| 6dd74de | | | 400 | class Class10 { |
| 6dd74de | | | 401 | int id |
| 6dd74de | | | 402 | size() |
| 6dd74de | | | 403 | } |
| 6dd74de | | | 404 | note for Class10 "Cool class\nI said it's very cool class!" |
| 6dd74de | | | 405 | `, |
| 6dd74de | | | 406 | { logLevel: 1 } |
| 6dd74de | | | 407 | ); |
| 6dd74de | | | 408 | }); |
| 6dd74de | | | 409 | |
| 6dd74de | | | 410 | it('should render class diagram with newlines in title', () => { |
| 6dd74de | | | 411 | imgSnapshotTest(` |
| 6dd74de | | | 412 | classDiagram |
| 6dd74de | | | 413 | Animal <|-- \`Du\nck\` |
| 6dd74de | | | 414 | Animal : +int age |
| 6dd74de | | | 415 | Animal : +String gender |
| 6dd74de | | | 416 | Animal: +isMammal() |
| 6dd74de | | | 417 | Animal: +mate() |
| 6dd74de | | | 418 | class \`Du\nck\` { |
| 6dd74de | | | 419 | +String beakColor |
| 6dd74de | | | 420 | +String featherColor |
| 6dd74de | | | 421 | +swim() |
| 6dd74de | | | 422 | +quack() |
| 6dd74de | | | 423 | } |
| 6dd74de | | | 424 | `); |
| 6dd74de | | | 425 | }); |
| 6dd74de | | | 426 | |
| 6dd74de | | | 427 | it('should render class diagram with many newlines in title', () => { |
| 6dd74de | | | 428 | imgSnapshotTest(` |
| 6dd74de | | | 429 | classDiagram |
| 6dd74de | | | 430 | class \`This\nTitle\nHas\nMany\nNewlines\` { |
| 6dd74de | | | 431 | +String Also |
| 6dd74de | | | 432 | -String Many |
| 6dd74de | | | 433 | #int Members |
| 6dd74de | | | 434 | +And() |
| 6dd74de | | | 435 | -Many() |
| 6dd74de | | | 436 | #Methods() |
| 6dd74de | | | 437 | } |
| 6dd74de | | | 438 | `); |
| 6dd74de | | | 439 | }); |
| 6dd74de | | | 440 | |
| 6dd74de | | | 441 | it('should render with newlines in title and an annotation', () => { |
| 6dd74de | | | 442 | imgSnapshotTest(` |
| 6dd74de | | | 443 | classDiagram |
| 6dd74de | | | 444 | class \`This\nTitle\nHas\nMany\nNewlines\` { |
| 6dd74de | | | 445 | +String Also |
| 6dd74de | | | 446 | -String Many |
| 6dd74de | | | 447 | #int Members |
| 6dd74de | | | 448 | +And() |
| 6dd74de | | | 449 | -Many() |
| 6dd74de | | | 450 | #Methods() |
| 6dd74de | | | 451 | } |
| 6dd74de | | | 452 | <<Interface>> \`This\nTitle\nHas\nMany\nNewlines\` |
| 6dd74de | | | 453 | `); |
| 6dd74de | | | 454 | }); |
| 6dd74de | | | 455 | |
| 6dd74de | | | 456 | it('should handle newline title in namespace', () => { |
| 6dd74de | | | 457 | imgSnapshotTest(` |
| 6dd74de | | | 458 | classDiagram |
| 6dd74de | | | 459 | namespace testingNamespace { |
| 6dd74de | | | 460 | class \`This\nTitle\nHas\nMany\nNewlines\` { |
| 6dd74de | | | 461 | +String Also |
| 6dd74de | | | 462 | -String Many |
| 6dd74de | | | 463 | #int Members |
| 6dd74de | | | 464 | +And() |
| 6dd74de | | | 465 | -Many() |
| 6dd74de | | | 466 | #Methods() |
| 6dd74de | | | 467 | } |
| 6dd74de | | | 468 | } |
| 6dd74de | | | 469 | `); |
| 6dd74de | | | 470 | }); |
| 6dd74de | | | 471 | |
| 6dd74de | | | 472 | it('should handle newline in string label', () => { |
| 6dd74de | | | 473 | imgSnapshotTest(` |
| 6dd74de | | | 474 | classDiagram |
| 6dd74de | | | 475 | class A["This has\na newline!"] { |
| 6dd74de | | | 476 | +String boop |
| 6dd74de | | | 477 | -Int beep |
| 6dd74de | | | 478 | #double bop |
| 6dd74de | | | 479 | } |
| 6dd74de | | | 480 | |
| 6dd74de | | | 481 | class B["This title also has\na newline"] |
| 6dd74de | | | 482 | B : +with(more) |
| 6dd74de | | | 483 | B : -methods() |
| 6dd74de | | | 484 | `); |
| 6dd74de | | | 485 | }); |
| 6dd74de | | | 486 | |
| 6dd74de | | | 487 | it('should handle notes with anchor tag having target attribute', () => { |
| 6dd74de | | | 488 | renderGraph( |
| 6dd74de | | | 489 | `classDiagram |
| 6dd74de | | | 490 | class test { } |
| 6dd74de | | | 491 | note for test "<a href='https://mermaid.js.org/' target="_blank"><code>note about mermaid</code></a>"` |
| 6dd74de | | | 492 | ); |
| 6dd74de | | | 493 | |
| 6dd74de | | | 494 | cy.get('svg').then((svg) => { |
| 6dd74de | | | 495 | cy.get('a').should('have.attr', 'target', '_blank').should('have.attr', 'rel', 'noopener'); |
| 6dd74de | | | 496 | }); |
| 6dd74de | | | 497 | }); |
| 6dd74de | | | 498 | |
| 6dd74de | | | 499 | describe('Include char sequence "graph" in text (#6795)', () => { |
| 6dd74de | | | 500 | it('has a label with char sequence "graph"', () => { |
| 6dd74de | | | 501 | imgSnapshotTest( |
| 6dd74de | | | 502 | ` |
| 6dd74de | | | 503 | classDiagram |
| 6dd74de | | | 504 | class Person { |
| 6dd74de | | | 505 | +String name |
| 6dd74de | | | 506 | -Int id |
| 6dd74de | | | 507 | #double age |
| 6dd74de | | | 508 | +Text demographicProfile |
| 6dd74de | | | 509 | } |
| 6dd74de | | | 510 | `, |
| 6dd74de | | | 511 | { flowchart: { defaultRenderer: 'elk' } } |
| 6dd74de | | | 512 | ); |
| 6dd74de | | | 513 | }); |
| 6dd74de | | | 514 | }); |
| 6dd74de | | | 515 | |
| 6dd74de | | | 516 | it('should handle backticks for namespace and class names', () => { |
| 6dd74de | | | 517 | imgSnapshotTest( |
| 6dd74de | | | 518 | ` |
| 6dd74de | | | 519 | classDiagram |
| 6dd74de | | | 520 | namespace \`A::B\` { |
| 6dd74de | | | 521 | class \`IPC::Sender\` |
| 6dd74de | | | 522 | } |
| 6dd74de | | | 523 | RenderProcessHost --|> \`IPC::Sender\` |
| 6dd74de | | | 524 | `, |
| 6dd74de | | | 525 | {} |
| 6dd74de | | | 526 | ); |
| 6dd74de | | | 527 | it('should handle an empty class body with empty braces', () => { |
| 6dd74de | | | 528 | imgSnapshotTest( |
| 6dd74de | | | 529 | ` classDiagram |
| 6dd74de | | | 530 | class FooBase~T~ {} |
| 6dd74de | | | 531 | class Bar { |
| 6dd74de | | | 532 | +Zip |
| 6dd74de | | | 533 | +Zap() |
| 6dd74de | | | 534 | } |
| 6dd74de | | | 535 | FooBase <|-- Ba |
| 6dd74de | | | 536 | `, |
| 6dd74de | | | 537 | { flowchart: { defaultRenderer: 'elk' } } |
| 6dd74de | | | 538 | ); |
| 6dd74de | | | 539 | }); |
| 6dd74de | | | 540 | }); |
| 6dd74de | | | 541 | }); |