ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap

   1 // Jest Snapshot v1, https://goo.gl/fbAQLP
   2
   3 exports[`Verify MenuBar Test the render method 1`] = `
   4 <NavbarCollapse>
   5   <Styled(NavDropdown)
   6     title="Loop Templates"
   7   >
   8     <DropdownItem
   9       as={
  10         Object {
  11           "$$typeof": Symbol(react.forward_ref),
  12           "attrs": Array [],
  13           "componentStyle": ComponentStyle {
  14             "componentId": "sc-bdVaJa",
  15             "isStatic": false,
  16             "rules": Array [
  17               "
  18         color: ",
  19               [Function],
  20               ";
  21         background-color: ",
  22               [Function],
  23               ";
  24         font-weight: normal;
  25         display: block;
  26         width: 100%;
  27         padding: .25rem 1.5rem;
  28         clear: both;
  29         text-align: inherit;
  30         white-space: nowrap;
  31         border: 0;
  32         :hover {
  33                 text-decoration: none;
  34                 background-color: ",
  35               [Function],
  36               ";
  37                 color:  ",
  38               [Function],
  39               ";
  40         }
  41 ",
  42             ],
  43           },
  44           "displayName": "Styled(Link)",
  45           "foldedComponentIds": Array [],
  46           "render": [Function],
  47           "styledComponentId": "sc-bdVaJa",
  48           "target": [Function],
  49           "toString": [Function],
  50           "warnTooManyClasses": [Function],
  51           "withComponent": [Function],
  52         }
  53       }
  54       disabled={false}
  55       to="/ViewLoopTemplatesModal"
  56     >
  57       View All Templates
  58     </DropdownItem>
  59   </Styled(NavDropdown)>
  60   <Styled(NavDropdown)
  61     title="Policy Models"
  62   >
  63     <DropdownItem
  64       as={
  65         Object {
  66           "$$typeof": Symbol(react.forward_ref),
  67           "attrs": Array [],
  68           "componentStyle": ComponentStyle {
  69             "componentId": "sc-bdVaJa",
  70             "isStatic": false,
  71             "rules": Array [
  72               "
  73         color: ",
  74               [Function],
  75               ";
  76         background-color: ",
  77               [Function],
  78               ";
  79         font-weight: normal;
  80         display: block;
  81         width: 100%;
  82         padding: .25rem 1.5rem;
  83         clear: both;
  84         text-align: inherit;
  85         white-space: nowrap;
  86         border: 0;
  87         :hover {
  88                 text-decoration: none;
  89                 background-color: ",
  90               [Function],
  91               ";
  92                 color:  ",
  93               [Function],
  94               ";
  95         }
  96 ",
  97             ],
  98           },
  99           "displayName": "Styled(Link)",
 100           "foldedComponentIds": Array [],
 101           "render": [Function],
 102           "styledComponentId": "sc-bdVaJa",
 103           "target": [Function],
 104           "toString": [Function],
 105           "warnTooManyClasses": [Function],
 106           "withComponent": [Function],
 107         }
 108       }
 109       disabled={false}
 110       to="/uploadToscaPolicyModal"
 111     >
 112       Upload Tosca Model
 113     </DropdownItem>
 114     <DropdownItem
 115       as={
 116         Object {
 117           "$$typeof": Symbol(react.forward_ref),
 118           "attrs": Array [],
 119           "componentStyle": ComponentStyle {
 120             "componentId": "sc-bdVaJa",
 121             "isStatic": false,
 122             "rules": Array [
 123               "
 124         color: ",
 125               [Function],
 126               ";
 127         background-color: ",
 128               [Function],
 129               ";
 130         font-weight: normal;
 131         display: block;
 132         width: 100%;
 133         padding: .25rem 1.5rem;
 134         clear: both;
 135         text-align: inherit;
 136         white-space: nowrap;
 137         border: 0;
 138         :hover {
 139                 text-decoration: none;
 140                 background-color: ",
 141               [Function],
 142               ";
 143                 color:  ",
 144               [Function],
 145               ";
 146         }
 147 ",
 148             ],
 149           },
 150           "displayName": "Styled(Link)",
 151           "foldedComponentIds": Array [],
 152           "render": [Function],
 153           "styledComponentId": "sc-bdVaJa",
 154           "target": [Function],
 155           "toString": [Function],
 156           "warnTooManyClasses": [Function],
 157           "withComponent": [Function],
 158         }
 159       }
 160       disabled={false}
 161       to="/viewToscaPolicyModal"
 162     >
 163       View Tosca Models
 164     </DropdownItem>
 165   </Styled(NavDropdown)>
 166   <Styled(NavDropdown)
 167     title="Loop Instance"
 168   >
 169     <DropdownItem
 170       as={
 171         Object {
 172           "$$typeof": Symbol(react.forward_ref),
 173           "attrs": Array [],
 174           "componentStyle": ComponentStyle {
 175             "componentId": "sc-bdVaJa",
 176             "isStatic": false,
 177             "rules": Array [
 178               "
 179         color: ",
 180               [Function],
 181               ";
 182         background-color: ",
 183               [Function],
 184               ";
 185         font-weight: normal;
 186         display: block;
 187         width: 100%;
 188         padding: .25rem 1.5rem;
 189         clear: both;
 190         text-align: inherit;
 191         white-space: nowrap;
 192         border: 0;
 193         :hover {
 194                 text-decoration: none;
 195                 background-color: ",
 196               [Function],
 197               ";
 198                 color:  ",
 199               [Function],
 200               ";
 201         }
 202 ",
 203             ],
 204           },
 205           "displayName": "Styled(Link)",
 206           "foldedComponentIds": Array [],
 207           "render": [Function],
 208           "styledComponentId": "sc-bdVaJa",
 209           "target": [Function],
 210           "toString": [Function],
 211           "warnTooManyClasses": [Function],
 212           "withComponent": [Function],
 213         }
 214       }
 215       disabled={false}
 216       to="/createLoop"
 217     >
 218       Create
 219     </DropdownItem>
 220     <DropdownItem
 221       as={
 222         Object {
 223           "$$typeof": Symbol(react.forward_ref),
 224           "attrs": Array [],
 225           "componentStyle": ComponentStyle {
 226             "componentId": "sc-bdVaJa",
 227             "isStatic": false,
 228             "rules": Array [
 229               "
 230         color: ",
 231               [Function],
 232               ";
 233         background-color: ",
 234               [Function],
 235               ";
 236         font-weight: normal;
 237         display: block;
 238         width: 100%;
 239         padding: .25rem 1.5rem;
 240         clear: both;
 241         text-align: inherit;
 242         white-space: nowrap;
 243         border: 0;
 244         :hover {
 245                 text-decoration: none;
 246                 background-color: ",
 247               [Function],
 248               ";
 249                 color:  ",
 250               [Function],
 251               ";
 252         }
 253 ",
 254             ],
 255           },
 256           "displayName": "Styled(Link)",
 257           "foldedComponentIds": Array [],
 258           "render": [Function],
 259           "styledComponentId": "sc-bdVaJa",
 260           "target": [Function],
 261           "toString": [Function],
 262           "warnTooManyClasses": [Function],
 263           "withComponent": [Function],
 264         }
 265       }
 266       disabled={false}
 267       to="/openLoop"
 268     >
 269       Open
 270     </DropdownItem>
 271     <DropdownItem
 272       as={
 273         Object {
 274           "$$typeof": Symbol(react.forward_ref),
 275           "attrs": Array [],
 276           "componentStyle": ComponentStyle {
 277             "componentId": "sc-bdVaJa",
 278             "isStatic": false,
 279             "rules": Array [
 280               "
 281         color: ",
 282               [Function],
 283               ";
 284         background-color: ",
 285               [Function],
 286               ";
 287         font-weight: normal;
 288         display: block;
 289         width: 100%;
 290         padding: .25rem 1.5rem;
 291         clear: both;
 292         text-align: inherit;
 293         white-space: nowrap;
 294         border: 0;
 295         :hover {
 296                 text-decoration: none;
 297                 background-color: ",
 298               [Function],
 299               ";
 300                 color:  ",
 301               [Function],
 302               ";
 303         }
 304 ",
 305             ],
 306           },
 307           "displayName": "Styled(Link)",
 308           "foldedComponentIds": Array [],
 309           "render": [Function],
 310           "styledComponentId": "sc-bdVaJa",
 311           "target": [Function],
 312           "toString": [Function],
 313           "warnTooManyClasses": [Function],
 314           "withComponent": [Function],
 315         }
 316       }
 317       disabled={true}
 318       to="/loopProperties"
 319     >
 320       Properties
 321     </DropdownItem>
 322     <DropdownItem
 323       as={
 324         Object {
 325           "$$typeof": Symbol(react.forward_ref),
 326           "attrs": Array [],
 327           "componentStyle": ComponentStyle {
 328             "componentId": "sc-bdVaJa",
 329             "isStatic": false,
 330             "rules": Array [
 331               "
 332         color: ",
 333               [Function],
 334               ";
 335         background-color: ",
 336               [Function],
 337               ";
 338         font-weight: normal;
 339         display: block;
 340         width: 100%;
 341         padding: .25rem 1.5rem;
 342         clear: both;
 343         text-align: inherit;
 344         white-space: nowrap;
 345         border: 0;
 346         :hover {
 347                 text-decoration: none;
 348                 background-color: ",
 349               [Function],
 350               ";
 351                 color:  ",
 352               [Function],
 353               ";
 354         }
 355 ",
 356             ],
 357           },
 358           "displayName": "Styled(Link)",
 359           "foldedComponentIds": Array [],
 360           "render": [Function],
 361           "styledComponentId": "sc-bdVaJa",
 362           "target": [Function],
 363           "toString": [Function],
 364           "warnTooManyClasses": [Function],
 365           "withComponent": [Function],
 366         }
 367       }
 368       disabled={true}
 369       to="/closeLoop"
 370     >
 371       Close
 372     </DropdownItem>
 373     <DropdownItem
 374       as={
 375         Object {
 376           "$$typeof": Symbol(react.forward_ref),
 377           "attrs": Array [],
 378           "componentStyle": ComponentStyle {
 379             "componentId": "sc-bdVaJa",
 380             "isStatic": false,
 381             "rules": Array [
 382               "
 383         color: ",
 384               [Function],
 385               ";
 386         background-color: ",
 387               [Function],
 388               ";
 389         font-weight: normal;
 390         display: block;
 391         width: 100%;
 392         padding: .25rem 1.5rem;
 393         clear: both;
 394         text-align: inherit;
 395         white-space: nowrap;
 396         border: 0;
 397         :hover {
 398                 text-decoration: none;
 399                 background-color: ",
 400               [Function],
 401               ";
 402                 color:  ",
 403               [Function],
 404               ";
 405         }
 406 ",
 407             ],
 408           },
 409           "displayName": "Styled(Link)",
 410           "foldedComponentIds": Array [],
 411           "render": [Function],
 412           "styledComponentId": "sc-bdVaJa",
 413           "target": [Function],
 414           "toString": [Function],
 415           "warnTooManyClasses": [Function],
 416           "withComponent": [Function],
 417         }
 418       }
 419       disabled={true}
 420       to="/modifyLoop"
 421     >
 422       Modify
 423     </DropdownItem>
 424     <DropdownItem
 425       as={
 426         Object {
 427           "$$typeof": Symbol(react.forward_ref),
 428           "attrs": Array [],
 429           "componentStyle": ComponentStyle {
 430             "componentId": "sc-bdVaJa",
 431             "isStatic": false,
 432             "rules": Array [
 433               "
 434         color: ",
 435               [Function],
 436               ";
 437         background-color: ",
 438               [Function],
 439               ";
 440         font-weight: normal;
 441         display: block;
 442         width: 100%;
 443         padding: .25rem 1.5rem;
 444         clear: both;
 445         text-align: inherit;
 446         white-space: nowrap;
 447         border: 0;
 448         :hover {
 449                 text-decoration: none;
 450                 background-color: ",
 451               [Function],
 452               ";
 453                 color:  ",
 454               [Function],
 455               ";
 456         }
 457 ",
 458             ],
 459           },
 460           "displayName": "Styled(Link)",
 461           "foldedComponentIds": Array [],
 462           "render": [Function],
 463           "styledComponentId": "sc-bdVaJa",
 464           "target": [Function],
 465           "toString": [Function],
 466           "warnTooManyClasses": [Function],
 467           "withComponent": [Function],
 468         }
 469       }
 470       disabled={true}
 471       to="/refreshStatus"
 472     >
 473       Refresh Status
 474     </DropdownItem>
 475   </Styled(NavDropdown)>
 476   <Styled(NavDropdown)
 477     title="Loop Operations"
 478   >
 479     <DropdownItem
 480       as={
 481         Object {
 482           "$$typeof": Symbol(react.forward_ref),
 483           "attrs": Array [],
 484           "componentStyle": ComponentStyle {
 485             "componentId": "sc-bdVaJa",
 486             "isStatic": false,
 487             "rules": Array [
 488               "
 489         color: ",
 490               [Function],
 491               ";
 492         background-color: ",
 493               [Function],
 494               ";
 495         font-weight: normal;
 496         display: block;
 497         width: 100%;
 498         padding: .25rem 1.5rem;
 499         clear: both;
 500         text-align: inherit;
 501         white-space: nowrap;
 502         border: 0;
 503         :hover {
 504                 text-decoration: none;
 505                 background-color: ",
 506               [Function],
 507               ";
 508                 color:  ",
 509               [Function],
 510               ";
 511         }
 512 ",
 513             ],
 514           },
 515           "displayName": "Styled(Link)",
 516           "foldedComponentIds": Array [],
 517           "render": [Function],
 518           "styledComponentId": "sc-bdVaJa",
 519           "target": [Function],
 520           "toString": [Function],
 521           "warnTooManyClasses": [Function],
 522           "withComponent": [Function],
 523         }
 524       }
 525       disabled={true}
 526       to="/submit"
 527     >
 528       Create and deploy to Policy Engine(SUBMIT)
 529     </DropdownItem>
 530     <DropdownItem
 531       as={
 532         Object {
 533           "$$typeof": Symbol(react.forward_ref),
 534           "attrs": Array [],
 535           "componentStyle": ComponentStyle {
 536             "componentId": "sc-bdVaJa",
 537             "isStatic": false,
 538             "rules": Array [
 539               "
 540         color: ",
 541               [Function],
 542               ";
 543         background-color: ",
 544               [Function],
 545               ";
 546         font-weight: normal;
 547         display: block;
 548         width: 100%;
 549         padding: .25rem 1.5rem;
 550         clear: both;
 551         text-align: inherit;
 552         white-space: nowrap;
 553         border: 0;
 554         :hover {
 555                 text-decoration: none;
 556                 background-color: ",
 557               [Function],
 558               ";
 559                 color:  ",
 560               [Function],
 561               ";
 562         }
 563 ",
 564             ],
 565           },
 566           "displayName": "Styled(Link)",
 567           "foldedComponentIds": Array [],
 568           "render": [Function],
 569           "styledComponentId": "sc-bdVaJa",
 570           "target": [Function],
 571           "toString": [Function],
 572           "warnTooManyClasses": [Function],
 573           "withComponent": [Function],
 574         }
 575       }
 576       disabled={true}
 577       to="/stop"
 578     >
 579       Undeploy from Policy Engine (STOP)
 580     </DropdownItem>
 581     <DropdownItem
 582       as={
 583         Object {
 584           "$$typeof": Symbol(react.forward_ref),
 585           "attrs": Array [],
 586           "componentStyle": ComponentStyle {
 587             "componentId": "sc-bdVaJa",
 588             "isStatic": false,
 589             "rules": Array [
 590               "
 591         color: ",
 592               [Function],
 593               ";
 594         background-color: ",
 595               [Function],
 596               ";
 597         font-weight: normal;
 598         display: block;
 599         width: 100%;
 600         padding: .25rem 1.5rem;
 601         clear: both;
 602         text-align: inherit;
 603         white-space: nowrap;
 604         border: 0;
 605         :hover {
 606                 text-decoration: none;
 607                 background-color: ",
 608               [Function],
 609               ";
 610                 color:  ",
 611               [Function],
 612               ";
 613         }
 614 ",
 615             ],
 616           },
 617           "displayName": "Styled(Link)",
 618           "foldedComponentIds": Array [],
 619           "render": [Function],
 620           "styledComponentId": "sc-bdVaJa",
 621           "target": [Function],
 622           "toString": [Function],
 623           "warnTooManyClasses": [Function],
 624           "withComponent": [Function],
 625         }
 626       }
 627       disabled={true}
 628       to="/restart"
 629     >
 630       ReDeploy to Policy Engine (RESTART)
 631     </DropdownItem>
 632     <DropdownItem
 633       as={
 634         Object {
 635           "$$typeof": Symbol(react.forward_ref),
 636           "attrs": Array [],
 637           "componentStyle": ComponentStyle {
 638             "componentId": "sc-bdVaJa",
 639             "isStatic": false,
 640             "rules": Array [
 641               "
 642         color: ",
 643               [Function],
 644               ";
 645         background-color: ",
 646               [Function],
 647               ";
 648         font-weight: normal;
 649         display: block;
 650         width: 100%;
 651         padding: .25rem 1.5rem;
 652         clear: both;
 653         text-align: inherit;
 654         white-space: nowrap;
 655         border: 0;
 656         :hover {
 657                 text-decoration: none;
 658                 background-color: ",
 659               [Function],
 660               ";
 661                 color:  ",
 662               [Function],
 663               ";
 664         }
 665 ",
 666             ],
 667           },
 668           "displayName": "Styled(Link)",
 669           "foldedComponentIds": Array [],
 670           "render": [Function],
 671           "styledComponentId": "sc-bdVaJa",
 672           "target": [Function],
 673           "toString": [Function],
 674           "warnTooManyClasses": [Function],
 675           "withComponent": [Function],
 676         }
 677       }
 678       disabled={true}
 679       to="/delete"
 680     >
 681       Delete loop instance (DELETE)
 682     </DropdownItem>
 683     <DropdownItem
 684       as={
 685         Object {
 686           "$$typeof": Symbol(react.forward_ref),
 687           "attrs": Array [],
 688           "componentStyle": ComponentStyle {
 689             "componentId": "sc-bdVaJa",
 690             "isStatic": false,
 691             "rules": Array [
 692               "
 693         color: ",
 694               [Function],
 695               ";
 696         background-color: ",
 697               [Function],
 698               ";
 699         font-weight: normal;
 700         display: block;
 701         width: 100%;
 702         padding: .25rem 1.5rem;
 703         clear: both;
 704         text-align: inherit;
 705         white-space: nowrap;
 706         border: 0;
 707         :hover {
 708                 text-decoration: none;
 709                 background-color: ",
 710               [Function],
 711               ";
 712                 color:  ",
 713               [Function],
 714               ";
 715         }
 716 ",
 717             ],
 718           },
 719           "displayName": "Styled(Link)",
 720           "foldedComponentIds": Array [],
 721           "render": [Function],
 722           "styledComponentId": "sc-bdVaJa",
 723           "target": [Function],
 724           "toString": [Function],
 725           "warnTooManyClasses": [Function],
 726           "withComponent": [Function],
 727         }
 728       }
 729       disabled={true}
 730       to="/deploy"
 731     >
 732       Deploy to DCAE (DEPLOY)
 733     </DropdownItem>
 734     <DropdownItem
 735       as={
 736         Object {
 737           "$$typeof": Symbol(react.forward_ref),
 738           "attrs": Array [],
 739           "componentStyle": ComponentStyle {
 740             "componentId": "sc-bdVaJa",
 741             "isStatic": false,
 742             "rules": Array [
 743               "
 744         color: ",
 745               [Function],
 746               ";
 747         background-color: ",
 748               [Function],
 749               ";
 750         font-weight: normal;
 751         display: block;
 752         width: 100%;
 753         padding: .25rem 1.5rem;
 754         clear: both;
 755         text-align: inherit;
 756         white-space: nowrap;
 757         border: 0;
 758         :hover {
 759                 text-decoration: none;
 760                 background-color: ",
 761               [Function],
 762               ";
 763                 color:  ",
 764               [Function],
 765               ";
 766         }
 767 ",
 768             ],
 769           },
 770           "displayName": "Styled(Link)",
 771           "foldedComponentIds": Array [],
 772           "render": [Function],
 773           "styledComponentId": "sc-bdVaJa",
 774           "target": [Function],
 775           "toString": [Function],
 776           "warnTooManyClasses": [Function],
 777           "withComponent": [Function],
 778         }
 779       }
 780       disabled={true}
 781       to="/undeploy"
 782     >
 783       UnDeploy to DCAE (UNDEPLOY)
 784     </DropdownItem>
 785   </Styled(NavDropdown)>
 786   <Styled(NavDropdown)
 787     title="Help"
 788   >
 789     <Styled(NavLink)
 790       href="https://wiki.onap.org/"
 791       target="_blank"
 792     >
 793       Wiki
 794     </Styled(NavLink)>
 795     <Styled(NavLink)
 796       href="mailto:onap-discuss@lists.onap.org?subject=CLAMP&body=Please send us suggestions or feature enhancements or defect. If possible, please send us the steps to replicate any defect."
 797     >
 798       Contact Us
 799     </Styled(NavLink)>
 800     <DropdownItem
 801       as={
 802         Object {
 803           "$$typeof": Symbol(react.forward_ref),
 804           "attrs": Array [],
 805           "componentStyle": ComponentStyle {
 806             "componentId": "sc-bdVaJa",
 807             "isStatic": false,
 808             "rules": Array [
 809               "
 810         color: ",
 811               [Function],
 812               ";
 813         background-color: ",
 814               [Function],
 815               ";
 816         font-weight: normal;
 817         display: block;
 818         width: 100%;
 819         padding: .25rem 1.5rem;
 820         clear: both;
 821         text-align: inherit;
 822         white-space: nowrap;
 823         border: 0;
 824         :hover {
 825                 text-decoration: none;
 826                 background-color: ",
 827               [Function],
 828               ";
 829                 color:  ",
 830               [Function],
 831               ";
 832         }
 833 ",
 834             ],
 835           },
 836           "displayName": "Styled(Link)",
 837           "foldedComponentIds": Array [],
 838           "render": [Function],
 839           "styledComponentId": "sc-bdVaJa",
 840           "target": [Function],
 841           "toString": [Function],
 842           "warnTooManyClasses": [Function],
 843           "withComponent": [Function],
 844         }
 845       }
 846       disabled={false}
 847       to="/userInfo"
 848     >
 849       User Info
 850     </DropdownItem>
 851   </Styled(NavDropdown)>
 852 </NavbarCollapse>
 853 `;