openecomp-ui/test/nfvo-components/__snapshots__/storyshots.test.js.snap

   1 // Jest Snapshot v1, https://goo.gl/fbAQLP
   2
   3 exports[`Storyshots ListEditor regular 1`] = `
   4 <div
   5   className="list-editor-view"
   6 >
   7   <div
   8     className="list-editor-view-header"
   9   >
  10     <div
  11       className="list-editor-view-title"
  12     >
  13       List Editor
  14     </div>
  15     <div
  16       className="list-editor-view-add-controller"
  17     />
  18   </div>
  19   <div
  20     className="list-editor-view-list-scroller"
  21   >
  22     <div
  23       className="list-editor-view-list"
  24     >
  25       <div
  26         className="list-editor-item-view"
  27         data-test-id="list-editor-item"
  28       >
  29         <div
  30           className="list-editor-item-view-content"
  31           onClick={undefined}
  32         >
  33           <div
  34             className="list-editor-item-view-field"
  35           >
  36             <div>
  37               Lorum Ipsum
  38             </div>
  39           </div>
  40           <div
  41             className="list-editor-item-view-field"
  42           >
  43             <div>
  44               Lorum Ipsum
  45             </div>
  46           </div>
  47         </div>
  48       </div>
  49       <div
  50         className="list-editor-item-view"
  51         data-test-id="list-editor-item"
  52       >
  53         <div
  54           className="list-editor-item-view-content"
  55           onClick={undefined}
  56         >
  57           <div
  58             className="list-editor-item-view-field"
  59           >
  60             <div>
  61               Lorum Ipsum
  62             </div>
  63           </div>
  64           <div
  65             className="list-editor-item-view-field"
  66           >
  67             <div>
  68               Lorum Ipsum
  69             </div>
  70           </div>
  71         </div>
  72       </div>
  73     </div>
  74   </div>
  75 </div>
  76 `;
  77
  78 exports[`Storyshots ListEditor two columns 1`] = `
  79 <div
  80   className="list-editor-view"
  81 >
  82   <div
  83     className="list-editor-view-header"
  84   >
  85     <div
  86       className="list-editor-view-title"
  87     >
  88       List Editor
  89     </div>
  90     <div
  91       className="list-editor-view-add-controller"
  92     />
  93   </div>
  94   <div
  95     className="list-editor-view-list-scroller"
  96   >
  97     <div
  98       className="list-editor-view-list two-columns"
  99     >
 100       <div
 101         className="list-editor-item-view"
 102         data-test-id="list-editor-item"
 103       >
 104         <div
 105           className="list-editor-item-view-content"
 106           onClick={undefined}
 107         >
 108           <div
 109             className="list-editor-item-view-field"
 110           >
 111             <div>
 112               Lorum Ipsum
 113             </div>
 114           </div>
 115           <div
 116             className="list-editor-item-view-field"
 117           >
 118             <div>
 119               Lorum Ipsum
 120             </div>
 121           </div>
 122         </div>
 123       </div>
 124       <div
 125         className="list-editor-item-view"
 126         data-test-id="list-editor-item"
 127       >
 128         <div
 129           className="list-editor-item-view-content"
 130           onClick={undefined}
 131         >
 132           <div
 133             className="list-editor-item-view-field"
 134           >
 135             <div>
 136               Lorum Ipsum
 137             </div>
 138           </div>
 139           <div
 140             className="list-editor-item-view-field"
 141           >
 142             <div>
 143               Lorum Ipsum
 144             </div>
 145           </div>
 146         </div>
 147       </div>
 148     </div>
 149   </div>
 150 </div>
 151 `;
 152
 153 exports[`Storyshots ListEditor with add 1`] = `
 154 <div
 155   className="list-editor-view"
 156 >
 157   <div
 158     className="list-editor-view-header"
 159   >
 160     <div
 161       className="list-editor-view-title"
 162     >
 163       List Editor
 164     </div>
 165     <div
 166       className="list-editor-view-add-controller"
 167     >
 168       <div
 169         className="list-editor-view-add-title"
 170         data-test-id="add-button"
 171         onClick={[Function]}
 172       >
 173         <span>
 174           + Add
 175         </span>
 176       </div>
 177     </div>
 178   </div>
 179   <div
 180     className="list-editor-view-list-scroller"
 181   >
 182     <div
 183       className="list-editor-view-list two-columns"
 184     >
 185       <div
 186         className="list-editor-item-view"
 187         data-test-id="list-editor-item"
 188       >
 189         <div
 190           className="list-editor-item-view-content"
 191           onClick={undefined}
 192         >
 193           <div
 194             className="list-editor-item-view-field"
 195           >
 196             <div>
 197               Lorum Ipsum
 198             </div>
 199           </div>
 200           <div
 201             className="list-editor-item-view-field"
 202           >
 203             <div>
 204               Lorum Ipsum
 205             </div>
 206           </div>
 207         </div>
 208       </div>
 209       <div
 210         className="list-editor-item-view"
 211         data-test-id="list-editor-item"
 212       >
 213         <div
 214           className="list-editor-item-view-content"
 215           onClick={undefined}
 216         >
 217           <div
 218             className="list-editor-item-view-field"
 219           >
 220             <div>
 221               Lorum Ipsum
 222             </div>
 223           </div>
 224           <div
 225             className="list-editor-item-view-field"
 226           >
 227             <div>
 228               Lorum Ipsum
 229             </div>
 230           </div>
 231         </div>
 232       </div>
 233     </div>
 234   </div>
 235 </div>
 236 `;
 237
 238 exports[`Storyshots ListEditor with delete 1`] = `
 239 <div
 240   className="list-editor-view"
 241 >
 242   <div
 243     className="list-editor-view-header"
 244   >
 245     <div
 246       className="list-editor-view-title"
 247     >
 248       List Editor
 249     </div>
 250     <div
 251       className="list-editor-view-add-controller"
 252     >
 253       <div
 254         className="list-editor-view-add-title"
 255         data-test-id="add-button"
 256         onClick={[Function]}
 257       >
 258         <span>
 259           + Add
 260         </span>
 261       </div>
 262     </div>
 263   </div>
 264   <div
 265     className="list-editor-view-list-scroller"
 266   >
 267     <div
 268       className="list-editor-view-list two-columns"
 269     >
 270       <div
 271         className="list-editor-item-view"
 272         data-test-id="list-editor-item"
 273       >
 274         <div
 275           className="list-editor-item-view-content"
 276           onClick={undefined}
 277         >
 278           <div
 279             className="list-editor-item-view-field"
 280           >
 281             <div>
 282               Lorum Ipsum
 283             </div>
 284           </div>
 285           <div
 286             className="list-editor-item-view-field"
 287           >
 288             <div>
 289               Lorum Ipsum
 290             </div>
 291           </div>
 292         </div>
 293         <div
 294           className="list-editor-item-view-controller"
 295         >
 296           <div
 297             className="svg-icon-wrapper  clickable bottom"
 298             onClick={[Function]}
 299           >
 300             <svg
 301               className="svg-icon trash-o "
 302             >
 303               <use
 304                 xlinkHref="test-file-stub"
 305               />
 306             </svg>
 307
 308           </div>
 309         </div>
 310       </div>
 311       <div
 312         className="list-editor-item-view"
 313         data-test-id="list-editor-item"
 314       >
 315         <div
 316           className="list-editor-item-view-content"
 317           onClick={undefined}
 318         >
 319           <div
 320             className="list-editor-item-view-field"
 321           >
 322             <div>
 323               Lorum Ipsum
 324             </div>
 325           </div>
 326           <div
 327             className="list-editor-item-view-field"
 328           >
 329             <div>
 330               Lorum Ipsum
 331             </div>
 332           </div>
 333         </div>
 334         <div
 335           className="list-editor-item-view-controller"
 336         >
 337           <div
 338             className="svg-icon-wrapper  clickable bottom"
 339             onClick={[Function]}
 340           >
 341             <svg
 342               className="svg-icon trash-o "
 343             >
 344               <use
 345                 xlinkHref="test-file-stub"
 346               />
 347             </svg>
 348
 349           </div>
 350         </div>
 351       </div>
 352     </div>
 353   </div>
 354 </div>
 355 `;
 356
 357 exports[`Storyshots ListEditor with edit 1`] = `
 358 <div
 359   className="list-editor-view"
 360 >
 361   <div
 362     className="list-editor-view-header"
 363   >
 364     <div
 365       className="list-editor-view-title"
 366     >
 367       List Editor
 368     </div>
 369     <div
 370       className="list-editor-view-add-controller"
 371     >
 372       <div
 373         className="list-editor-view-add-title"
 374         data-test-id="add-button"
 375         onClick={[Function]}
 376       >
 377         <span>
 378           + Add
 379         </span>
 380       </div>
 381     </div>
 382   </div>
 383   <div
 384     className="list-editor-view-list-scroller"
 385   >
 386     <div
 387       className="list-editor-view-list two-columns"
 388     >
 389       <div
 390         className="list-editor-item-view"
 391         data-test-id="list-editor-item"
 392       >
 393         <div
 394           className="list-editor-item-view-content"
 395           onClick={undefined}
 396         >
 397           <div
 398             className="list-editor-item-view-field"
 399           >
 400             <div>
 401               Lorum Ipsum
 402             </div>
 403           </div>
 404           <div
 405             className="list-editor-item-view-field"
 406           >
 407             <div>
 408               Lorum Ipsum
 409             </div>
 410           </div>
 411         </div>
 412         <div
 413           className="list-editor-item-view-controller"
 414         >
 415           <div
 416             className="svg-icon-wrapper  clickable bottom"
 417             onClick={[Function]}
 418           >
 419             <svg
 420               className="svg-icon sliders "
 421             >
 422               <use
 423                 xlinkHref="test-file-stub"
 424               />
 425             </svg>
 426
 427           </div>
 428         </div>
 429       </div>
 430       <div
 431         className="list-editor-item-view"
 432         data-test-id="list-editor-item"
 433       >
 434         <div
 435           className="list-editor-item-view-content"
 436           onClick={undefined}
 437         >
 438           <div
 439             className="list-editor-item-view-field"
 440           >
 441             <div>
 442               Lorum Ipsum
 443             </div>
 444           </div>
 445           <div
 446             className="list-editor-item-view-field"
 447           >
 448             <div>
 449               Lorum Ipsum
 450             </div>
 451           </div>
 452         </div>
 453         <div
 454           className="list-editor-item-view-controller"
 455         >
 456           <div
 457             className="svg-icon-wrapper  clickable bottom"
 458             onClick={[Function]}
 459           >
 460             <svg
 461               className="svg-icon sliders "
 462             >
 463               <use
 464                 xlinkHref="test-file-stub"
 465               />
 466             </svg>
 467
 468           </div>
 469         </div>
 470       </div>
 471     </div>
 472   </div>
 473 </div>
 474 `;
 475
 476 exports[`Storyshots ListEditor with edit and delete 1`] = `
 477 <div
 478   className="list-editor-view"
 479 >
 480   <div
 481     className="list-editor-view-header"
 482   >
 483     <div
 484       className="list-editor-view-title"
 485     >
 486       List Editor
 487     </div>
 488     <div
 489       className="list-editor-view-add-controller"
 490     >
 491       <div
 492         className="list-editor-view-add-title"
 493         data-test-id="add-button"
 494         onClick={[Function]}
 495       >
 496         <span>
 497           + Add
 498         </span>
 499       </div>
 500     </div>
 501   </div>
 502   <div
 503     className="list-editor-view-list-scroller"
 504   >
 505     <div
 506       className="list-editor-view-list two-columns"
 507     >
 508       <div
 509         className="list-editor-item-view"
 510         data-test-id="list-editor-item"
 511       >
 512         <div
 513           className="list-editor-item-view-content"
 514           onClick={undefined}
 515         >
 516           <div
 517             className="list-editor-item-view-field"
 518           >
 519             <div>
 520               Lorum Ipsum
 521             </div>
 522           </div>
 523           <div
 524             className="list-editor-item-view-field"
 525           >
 526             <div>
 527               Lorum Ipsum
 528             </div>
 529           </div>
 530         </div>
 531         <div
 532           className="list-editor-item-view-controller"
 533         >
 534           <div
 535             className="svg-icon-wrapper  clickable bottom"
 536             onClick={[Function]}
 537           >
 538             <svg
 539               className="svg-icon sliders "
 540             >
 541               <use
 542                 xlinkHref="test-file-stub"
 543               />
 544             </svg>
 545
 546           </div>
 547           <div
 548             className="svg-icon-wrapper  clickable bottom"
 549             onClick={[Function]}
 550           >
 551             <svg
 552               className="svg-icon trash-o "
 553             >
 554               <use
 555                 xlinkHref="test-file-stub"
 556               />
 557             </svg>
 558
 559           </div>
 560         </div>
 561       </div>
 562       <div
 563         className="list-editor-item-view"
 564         data-test-id="list-editor-item"
 565       >
 566         <div
 567           className="list-editor-item-view-content"
 568           onClick={undefined}
 569         >
 570           <div
 571             className="list-editor-item-view-field"
 572           >
 573             <div>
 574               Lorum Ipsum
 575             </div>
 576           </div>
 577           <div
 578             className="list-editor-item-view-field"
 579           >
 580             <div>
 581               Lorum Ipsum
 582             </div>
 583           </div>
 584         </div>
 585         <div
 586           className="list-editor-item-view-controller"
 587         >
 588           <div
 589             className="svg-icon-wrapper  clickable bottom"
 590             onClick={[Function]}
 591           >
 592             <svg
 593               className="svg-icon sliders "
 594             >
 595               <use
 596                 xlinkHref="test-file-stub"
 597               />
 598             </svg>
 599
 600           </div>
 601           <div
 602             className="svg-icon-wrapper  clickable bottom"
 603             onClick={[Function]}
 604           >
 605             <svg
 606               className="svg-icon trash-o "
 607             >
 608               <use
 609                 xlinkHref="test-file-stub"
 610               />
 611             </svg>
 612
 613           </div>
 614         </div>
 615       </div>
 616     </div>
 617   </div>
 618 </div>
 619 `;
 620
 621 exports[`Storyshots SVGIcon icon 1`] = `
 622 <div
 623   className="svg-icon-wrapper   bottom"
 624   onClick={undefined}
 625   style={
 626     Object {
 627       "fill": "",
 628     }
 629   }
 630 >
 631   <svg
 632     className="svg-icon locked "
 633   >
 634     <use
 635       xlinkHref="test-file-stub"
 636     />
 637   </svg>
 638
 639 </div>
 640 `;
 641
 642 exports[`Storyshots SVGIcon icon with label 1`] = `
 643 <div
 644   className="svg-icon-wrapper   bottom"
 645   onClick={undefined}
 646   style={
 647     Object {
 648       "fill": "",
 649     }
 650   }
 651 >
 652   <svg
 653     className="svg-icon locked "
 654   >
 655     <use
 656       xlinkHref="test-file-stub"
 657     />
 658   </svg>
 659   <span
 660     className="svg-icon-label "
 661   >
 662     locked
 663   </span>
 664 </div>
 665 `;
 666
 667 exports[`Storyshots SVGIcon locked clickable 1`] = `
 668 <div
 669   className="svg-icon-wrapper  clickable bottom"
 670   onClick={[Function]}
 671   style={
 672     Object {
 673       "fill": "",
 674     }
 675   }
 676 >
 677   <svg
 678     className="svg-icon locked "
 679   >
 680     <use
 681       xlinkHref="test-file-stub"
 682     />
 683   </svg>
 684
 685 </div>
 686 `;