gui-clamp/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     disabled={true}
   7     title="POLICY Framework"
   8   >
   9     <DropdownItem
  10       as={
  11         Object {
  12           "$$typeof": Symbol(react.forward_ref),
  13           "attrs": Array [],
  14           "componentStyle": e {
  15             "baseHash": -715527839,
  16             "baseStyle": undefined,
  17             "componentId": "sc-bdnxRM",
  18             "isStatic": false,
  19             "rules": Array [
  20               "
  21   color: ",
  22               [Function],
  23               ";
  24   background-color: ",
  25               [Function],
  26               ";
  27   font-weight: normal;
  28   display: block;
  29   width: 100%;
  30   padding: .25rem 1.5rem;
  31   clear: both;
  32   text-align: inherit;
  33   white-space: nowrap;
  34   border: 0;
  35   :hover {
  36     text-decoration: none;
  37     background-color: ",
  38               [Function],
  39               ";
  40     color: ",
  41               [Function],
  42               ";
  43   }",
  44             ],
  45             "staticRulesId": "",
  46           },
  47           "foldedComponentIds": Array [],
  48           "render": [Function],
  49           "shouldForwardProp": undefined,
  50           "styledComponentId": "sc-bdnxRM",
  51           "target": Object {
  52             "$$typeof": Symbol(react.forward_ref),
  53             "propTypes": Object {
  54               "innerRef": [Function],
  55               "onClick": [Function],
  56               "replace": [Function],
  57               "target": [Function],
  58               "to": [Function],
  59             },
  60             "render": [Function],
  61           },
  62           "toString": [Function],
  63           "warnTooManyClasses": [Function],
  64           "withComponent": [Function],
  65         }
  66       }
  67       disabled={false}
  68       to="/viewAllPolicies"
  69     >
  70       View All Policies
  71     </DropdownItem>
  72   </Styled(NavDropdown)>
  73   <Styled(NavDropdown)
  74     disabled={true}
  75     title="CLAMP Options"
  76   >
  77     <DropdownItem
  78       as={
  79         Object {
  80           "$$typeof": Symbol(react.forward_ref),
  81           "attrs": Array [],
  82           "componentStyle": e {
  83             "baseHash": -715527839,
  84             "baseStyle": undefined,
  85             "componentId": "sc-bdnxRM",
  86             "isStatic": false,
  87             "rules": Array [
  88               "
  89   color: ",
  90               [Function],
  91               ";
  92   background-color: ",
  93               [Function],
  94               ";
  95   font-weight: normal;
  96   display: block;
  97   width: 100%;
  98   padding: .25rem 1.5rem;
  99   clear: both;
 100   text-align: inherit;
 101   white-space: nowrap;
 102   border: 0;
 103   :hover {
 104     text-decoration: none;
 105     background-color: ",
 106               [Function],
 107               ";
 108     color: ",
 109               [Function],
 110               ";
 111   }",
 112             ],
 113             "staticRulesId": "",
 114           },
 115           "foldedComponentIds": Array [],
 116           "render": [Function],
 117           "shouldForwardProp": undefined,
 118           "styledComponentId": "sc-bdnxRM",
 119           "target": Object {
 120             "$$typeof": Symbol(react.forward_ref),
 121             "propTypes": Object {
 122               "innerRef": [Function],
 123               "onClick": [Function],
 124               "replace": [Function],
 125               "target": [Function],
 126               "to": [Function],
 127             },
 128             "render": [Function],
 129           },
 130           "toString": [Function],
 131           "warnTooManyClasses": [Function],
 132           "withComponent": [Function],
 133         }
 134       }
 135       disabled={false}
 136       to="/manageDictionaries"
 137     >
 138       Tosca Metadata Dictionaries
 139     </DropdownItem>
 140     <DropdownDivider
 141       role="separator"
 142     />
 143     <DropdownItem
 144       as={
 145         Object {
 146           "$$typeof": Symbol(react.forward_ref),
 147           "attrs": Array [],
 148           "componentStyle": e {
 149             "baseHash": -715527839,
 150             "baseStyle": undefined,
 151             "componentId": "sc-bdnxRM",
 152             "isStatic": false,
 153             "rules": Array [
 154               "
 155   color: ",
 156               [Function],
 157               ";
 158   background-color: ",
 159               [Function],
 160               ";
 161   font-weight: normal;
 162   display: block;
 163   width: 100%;
 164   padding: .25rem 1.5rem;
 165   clear: both;
 166   text-align: inherit;
 167   white-space: nowrap;
 168   border: 0;
 169   :hover {
 170     text-decoration: none;
 171     background-color: ",
 172               [Function],
 173               ";
 174     color: ",
 175               [Function],
 176               ";
 177   }",
 178             ],
 179             "staticRulesId": "",
 180           },
 181           "foldedComponentIds": Array [],
 182           "render": [Function],
 183           "shouldForwardProp": undefined,
 184           "styledComponentId": "sc-bdnxRM",
 185           "target": Object {
 186             "$$typeof": Symbol(react.forward_ref),
 187             "propTypes": Object {
 188               "innerRef": [Function],
 189               "onClick": [Function],
 190               "replace": [Function],
 191               "target": [Function],
 192               "to": [Function],
 193             },
 194             "render": [Function],
 195           },
 196           "toString": [Function],
 197           "warnTooManyClasses": [Function],
 198           "withComponent": [Function],
 199         }
 200       }
 201       disabled={false}
 202       to="/viewLoopTemplatesModal"
 203     >
 204       View All Loop Templates
 205     </DropdownItem>
 206   </Styled(NavDropdown)>
 207   <Styled(NavDropdown)
 208     disabled={true}
 209     title="LOOP Instance"
 210   >
 211     <DropdownItem
 212       as={
 213         Object {
 214           "$$typeof": Symbol(react.forward_ref),
 215           "attrs": Array [],
 216           "componentStyle": e {
 217             "baseHash": -715527839,
 218             "baseStyle": undefined,
 219             "componentId": "sc-bdnxRM",
 220             "isStatic": false,
 221             "rules": Array [
 222               "
 223   color: ",
 224               [Function],
 225               ";
 226   background-color: ",
 227               [Function],
 228               ";
 229   font-weight: normal;
 230   display: block;
 231   width: 100%;
 232   padding: .25rem 1.5rem;
 233   clear: both;
 234   text-align: inherit;
 235   white-space: nowrap;
 236   border: 0;
 237   :hover {
 238     text-decoration: none;
 239     background-color: ",
 240               [Function],
 241               ";
 242     color: ",
 243               [Function],
 244               ";
 245   }",
 246             ],
 247             "staticRulesId": "",
 248           },
 249           "foldedComponentIds": Array [],
 250           "render": [Function],
 251           "shouldForwardProp": undefined,
 252           "styledComponentId": "sc-bdnxRM",
 253           "target": Object {
 254             "$$typeof": Symbol(react.forward_ref),
 255             "propTypes": Object {
 256               "innerRef": [Function],
 257               "onClick": [Function],
 258               "replace": [Function],
 259               "target": [Function],
 260               "to": [Function],
 261             },
 262             "render": [Function],
 263           },
 264           "toString": [Function],
 265           "warnTooManyClasses": [Function],
 266           "withComponent": [Function],
 267         }
 268       }
 269       disabled={false}
 270       to="/createLoop"
 271     >
 272       Create
 273     </DropdownItem>
 274     <DropdownItem
 275       as={
 276         Object {
 277           "$$typeof": Symbol(react.forward_ref),
 278           "attrs": Array [],
 279           "componentStyle": e {
 280             "baseHash": -715527839,
 281             "baseStyle": undefined,
 282             "componentId": "sc-bdnxRM",
 283             "isStatic": false,
 284             "rules": Array [
 285               "
 286   color: ",
 287               [Function],
 288               ";
 289   background-color: ",
 290               [Function],
 291               ";
 292   font-weight: normal;
 293   display: block;
 294   width: 100%;
 295   padding: .25rem 1.5rem;
 296   clear: both;
 297   text-align: inherit;
 298   white-space: nowrap;
 299   border: 0;
 300   :hover {
 301     text-decoration: none;
 302     background-color: ",
 303               [Function],
 304               ";
 305     color: ",
 306               [Function],
 307               ";
 308   }",
 309             ],
 310             "staticRulesId": "",
 311           },
 312           "foldedComponentIds": Array [],
 313           "render": [Function],
 314           "shouldForwardProp": undefined,
 315           "styledComponentId": "sc-bdnxRM",
 316           "target": Object {
 317             "$$typeof": Symbol(react.forward_ref),
 318             "propTypes": Object {
 319               "innerRef": [Function],
 320               "onClick": [Function],
 321               "replace": [Function],
 322               "target": [Function],
 323               "to": [Function],
 324             },
 325             "render": [Function],
 326           },
 327           "toString": [Function],
 328           "warnTooManyClasses": [Function],
 329           "withComponent": [Function],
 330         }
 331       }
 332       disabled={false}
 333       to="/openLoop"
 334     >
 335       Open
 336     </DropdownItem>
 337     <DropdownItem
 338       as={
 339         Object {
 340           "$$typeof": Symbol(react.forward_ref),
 341           "attrs": Array [],
 342           "componentStyle": e {
 343             "baseHash": -715527839,
 344             "baseStyle": undefined,
 345             "componentId": "sc-bdnxRM",
 346             "isStatic": false,
 347             "rules": Array [
 348               "
 349   color: ",
 350               [Function],
 351               ";
 352   background-color: ",
 353               [Function],
 354               ";
 355   font-weight: normal;
 356   display: block;
 357   width: 100%;
 358   padding: .25rem 1.5rem;
 359   clear: both;
 360   text-align: inherit;
 361   white-space: nowrap;
 362   border: 0;
 363   :hover {
 364     text-decoration: none;
 365     background-color: ",
 366               [Function],
 367               ";
 368     color: ",
 369               [Function],
 370               ";
 371   }",
 372             ],
 373             "staticRulesId": "",
 374           },
 375           "foldedComponentIds": Array [],
 376           "render": [Function],
 377           "shouldForwardProp": undefined,
 378           "styledComponentId": "sc-bdnxRM",
 379           "target": Object {
 380             "$$typeof": Symbol(react.forward_ref),
 381             "propTypes": Object {
 382               "innerRef": [Function],
 383               "onClick": [Function],
 384               "replace": [Function],
 385               "target": [Function],
 386               "to": [Function],
 387             },
 388             "render": [Function],
 389           },
 390           "toString": [Function],
 391           "warnTooManyClasses": [Function],
 392           "withComponent": [Function],
 393         }
 394       }
 395       disabled={true}
 396       to="/closeLoop"
 397     >
 398       Close
 399     </DropdownItem>
 400     <DropdownItem
 401       as={
 402         Object {
 403           "$$typeof": Symbol(react.forward_ref),
 404           "attrs": Array [],
 405           "componentStyle": e {
 406             "baseHash": -715527839,
 407             "baseStyle": undefined,
 408             "componentId": "sc-bdnxRM",
 409             "isStatic": false,
 410             "rules": Array [
 411               "
 412   color: ",
 413               [Function],
 414               ";
 415   background-color: ",
 416               [Function],
 417               ";
 418   font-weight: normal;
 419   display: block;
 420   width: 100%;
 421   padding: .25rem 1.5rem;
 422   clear: both;
 423   text-align: inherit;
 424   white-space: nowrap;
 425   border: 0;
 426   :hover {
 427     text-decoration: none;
 428     background-color: ",
 429               [Function],
 430               ";
 431     color: ",
 432               [Function],
 433               ";
 434   }",
 435             ],
 436             "staticRulesId": "",
 437           },
 438           "foldedComponentIds": Array [],
 439           "render": [Function],
 440           "shouldForwardProp": undefined,
 441           "styledComponentId": "sc-bdnxRM",
 442           "target": Object {
 443             "$$typeof": Symbol(react.forward_ref),
 444             "propTypes": Object {
 445               "innerRef": [Function],
 446               "onClick": [Function],
 447               "replace": [Function],
 448               "target": [Function],
 449               "to": [Function],
 450             },
 451             "render": [Function],
 452           },
 453           "toString": [Function],
 454           "warnTooManyClasses": [Function],
 455           "withComponent": [Function],
 456         }
 457       }
 458       disabled={true}
 459       to="/modifyLoop"
 460     >
 461       Modify
 462     </DropdownItem>
 463     <DropdownDivider
 464       role="separator"
 465     />
 466     <DropdownItem
 467       as={
 468         Object {
 469           "$$typeof": Symbol(react.forward_ref),
 470           "attrs": Array [],
 471           "componentStyle": e {
 472             "baseHash": -715527839,
 473             "baseStyle": undefined,
 474             "componentId": "sc-bdnxRM",
 475             "isStatic": false,
 476             "rules": Array [
 477               "
 478   color: ",
 479               [Function],
 480               ";
 481   background-color: ",
 482               [Function],
 483               ";
 484   font-weight: normal;
 485   display: block;
 486   width: 100%;
 487   padding: .25rem 1.5rem;
 488   clear: both;
 489   text-align: inherit;
 490   white-space: nowrap;
 491   border: 0;
 492   :hover {
 493     text-decoration: none;
 494     background-color: ",
 495               [Function],
 496               ";
 497     color: ",
 498               [Function],
 499               ";
 500   }",
 501             ],
 502             "staticRulesId": "",
 503           },
 504           "foldedComponentIds": Array [],
 505           "render": [Function],
 506           "shouldForwardProp": undefined,
 507           "styledComponentId": "sc-bdnxRM",
 508           "target": Object {
 509             "$$typeof": Symbol(react.forward_ref),
 510             "propTypes": Object {
 511               "innerRef": [Function],
 512               "onClick": [Function],
 513               "replace": [Function],
 514               "target": [Function],
 515               "to": [Function],
 516             },
 517             "render": [Function],
 518           },
 519           "toString": [Function],
 520           "warnTooManyClasses": [Function],
 521           "withComponent": [Function],
 522         }
 523       }
 524       disabled={true}
 525       to="/loopProperties"
 526     >
 527       Properties
 528     </DropdownItem>
 529     <DropdownItem
 530       as={
 531         Object {
 532           "$$typeof": Symbol(react.forward_ref),
 533           "attrs": Array [],
 534           "componentStyle": e {
 535             "baseHash": -715527839,
 536             "baseStyle": undefined,
 537             "componentId": "sc-bdnxRM",
 538             "isStatic": false,
 539             "rules": Array [
 540               "
 541   color: ",
 542               [Function],
 543               ";
 544   background-color: ",
 545               [Function],
 546               ";
 547   font-weight: normal;
 548   display: block;
 549   width: 100%;
 550   padding: .25rem 1.5rem;
 551   clear: both;
 552   text-align: inherit;
 553   white-space: nowrap;
 554   border: 0;
 555   :hover {
 556     text-decoration: none;
 557     background-color: ",
 558               [Function],
 559               ";
 560     color: ",
 561               [Function],
 562               ";
 563   }",
 564             ],
 565             "staticRulesId": "",
 566           },
 567           "foldedComponentIds": Array [],
 568           "render": [Function],
 569           "shouldForwardProp": undefined,
 570           "styledComponentId": "sc-bdnxRM",
 571           "target": Object {
 572             "$$typeof": Symbol(react.forward_ref),
 573             "propTypes": Object {
 574               "innerRef": [Function],
 575               "onClick": [Function],
 576               "replace": [Function],
 577               "target": [Function],
 578               "to": [Function],
 579             },
 580             "render": [Function],
 581           },
 582           "toString": [Function],
 583           "warnTooManyClasses": [Function],
 584           "withComponent": [Function],
 585         }
 586       }
 587       disabled={true}
 588       to="/refreshStatus"
 589     >
 590       Refresh Status
 591     </DropdownItem>
 592   </Styled(NavDropdown)>
 593   <Styled(NavDropdown)
 594     disabled={true}
 595     title="LOOP Operations"
 596   >
 597     <DropdownItem
 598       as={
 599         Object {
 600           "$$typeof": Symbol(react.forward_ref),
 601           "attrs": Array [],
 602           "componentStyle": e {
 603             "baseHash": -715527839,
 604             "baseStyle": undefined,
 605             "componentId": "sc-bdnxRM",
 606             "isStatic": false,
 607             "rules": Array [
 608               "
 609   color: ",
 610               [Function],
 611               ";
 612   background-color: ",
 613               [Function],
 614               ";
 615   font-weight: normal;
 616   display: block;
 617   width: 100%;
 618   padding: .25rem 1.5rem;
 619   clear: both;
 620   text-align: inherit;
 621   white-space: nowrap;
 622   border: 0;
 623   :hover {
 624     text-decoration: none;
 625     background-color: ",
 626               [Function],
 627               ";
 628     color: ",
 629               [Function],
 630               ";
 631   }",
 632             ],
 633             "staticRulesId": "",
 634           },
 635           "foldedComponentIds": Array [],
 636           "render": [Function],
 637           "shouldForwardProp": undefined,
 638           "styledComponentId": "sc-bdnxRM",
 639           "target": Object {
 640             "$$typeof": Symbol(react.forward_ref),
 641             "propTypes": Object {
 642               "innerRef": [Function],
 643               "onClick": [Function],
 644               "replace": [Function],
 645               "target": [Function],
 646               "to": [Function],
 647             },
 648             "render": [Function],
 649           },
 650           "toString": [Function],
 651           "warnTooManyClasses": [Function],
 652           "withComponent": [Function],
 653         }
 654       }
 655       disabled={true}
 656       to="/submit"
 657     >
 658       Create and deploy to Policy Framework (SUBMIT)
 659     </DropdownItem>
 660     <DropdownItem
 661       as={
 662         Object {
 663           "$$typeof": Symbol(react.forward_ref),
 664           "attrs": Array [],
 665           "componentStyle": e {
 666             "baseHash": -715527839,
 667             "baseStyle": undefined,
 668             "componentId": "sc-bdnxRM",
 669             "isStatic": false,
 670             "rules": Array [
 671               "
 672   color: ",
 673               [Function],
 674               ";
 675   background-color: ",
 676               [Function],
 677               ";
 678   font-weight: normal;
 679   display: block;
 680   width: 100%;
 681   padding: .25rem 1.5rem;
 682   clear: both;
 683   text-align: inherit;
 684   white-space: nowrap;
 685   border: 0;
 686   :hover {
 687     text-decoration: none;
 688     background-color: ",
 689               [Function],
 690               ";
 691     color: ",
 692               [Function],
 693               ";
 694   }",
 695             ],
 696             "staticRulesId": "",
 697           },
 698           "foldedComponentIds": Array [],
 699           "render": [Function],
 700           "shouldForwardProp": undefined,
 701           "styledComponentId": "sc-bdnxRM",
 702           "target": Object {
 703             "$$typeof": Symbol(react.forward_ref),
 704             "propTypes": Object {
 705               "innerRef": [Function],
 706               "onClick": [Function],
 707               "replace": [Function],
 708               "target": [Function],
 709               "to": [Function],
 710             },
 711             "render": [Function],
 712           },
 713           "toString": [Function],
 714           "warnTooManyClasses": [Function],
 715           "withComponent": [Function],
 716         }
 717       }
 718       disabled={true}
 719       to="/stop"
 720     >
 721       Undeploy from Policy Framework (STOP)
 722     </DropdownItem>
 723     <DropdownItem
 724       as={
 725         Object {
 726           "$$typeof": Symbol(react.forward_ref),
 727           "attrs": Array [],
 728           "componentStyle": e {
 729             "baseHash": -715527839,
 730             "baseStyle": undefined,
 731             "componentId": "sc-bdnxRM",
 732             "isStatic": false,
 733             "rules": Array [
 734               "
 735   color: ",
 736               [Function],
 737               ";
 738   background-color: ",
 739               [Function],
 740               ";
 741   font-weight: normal;
 742   display: block;
 743   width: 100%;
 744   padding: .25rem 1.5rem;
 745   clear: both;
 746   text-align: inherit;
 747   white-space: nowrap;
 748   border: 0;
 749   :hover {
 750     text-decoration: none;
 751     background-color: ",
 752               [Function],
 753               ";
 754     color: ",
 755               [Function],
 756               ";
 757   }",
 758             ],
 759             "staticRulesId": "",
 760           },
 761           "foldedComponentIds": Array [],
 762           "render": [Function],
 763           "shouldForwardProp": undefined,
 764           "styledComponentId": "sc-bdnxRM",
 765           "target": Object {
 766             "$$typeof": Symbol(react.forward_ref),
 767             "propTypes": Object {
 768               "innerRef": [Function],
 769               "onClick": [Function],
 770               "replace": [Function],
 771               "target": [Function],
 772               "to": [Function],
 773             },
 774             "render": [Function],
 775           },
 776           "toString": [Function],
 777           "warnTooManyClasses": [Function],
 778           "withComponent": [Function],
 779         }
 780       }
 781       disabled={true}
 782       to="/restart"
 783     >
 784       ReDeploy to Policy Framework (RESTART)
 785     </DropdownItem>
 786     <DropdownItem
 787       as={
 788         Object {
 789           "$$typeof": Symbol(react.forward_ref),
 790           "attrs": Array [],
 791           "componentStyle": e {
 792             "baseHash": -715527839,
 793             "baseStyle": undefined,
 794             "componentId": "sc-bdnxRM",
 795             "isStatic": false,
 796             "rules": Array [
 797               "
 798   color: ",
 799               [Function],
 800               ";
 801   background-color: ",
 802               [Function],
 803               ";
 804   font-weight: normal;
 805   display: block;
 806   width: 100%;
 807   padding: .25rem 1.5rem;
 808   clear: both;
 809   text-align: inherit;
 810   white-space: nowrap;
 811   border: 0;
 812   :hover {
 813     text-decoration: none;
 814     background-color: ",
 815               [Function],
 816               ";
 817     color: ",
 818               [Function],
 819               ";
 820   }",
 821             ],
 822             "staticRulesId": "",
 823           },
 824           "foldedComponentIds": Array [],
 825           "render": [Function],
 826           "shouldForwardProp": undefined,
 827           "styledComponentId": "sc-bdnxRM",
 828           "target": Object {
 829             "$$typeof": Symbol(react.forward_ref),
 830             "propTypes": Object {
 831               "innerRef": [Function],
 832               "onClick": [Function],
 833               "replace": [Function],
 834               "target": [Function],
 835               "to": [Function],
 836             },
 837             "render": [Function],
 838           },
 839           "toString": [Function],
 840           "warnTooManyClasses": [Function],
 841           "withComponent": [Function],
 842         }
 843       }
 844       disabled={true}
 845       to="/delete"
 846     >
 847       Delete loop instance (DELETE)
 848     </DropdownItem>
 849     <DropdownDivider
 850       role="separator"
 851     />
 852     <DropdownItem
 853       as={
 854         Object {
 855           "$$typeof": Symbol(react.forward_ref),
 856           "attrs": Array [],
 857           "componentStyle": e {
 858             "baseHash": -715527839,
 859             "baseStyle": undefined,
 860             "componentId": "sc-bdnxRM",
 861             "isStatic": false,
 862             "rules": Array [
 863               "
 864   color: ",
 865               [Function],
 866               ";
 867   background-color: ",
 868               [Function],
 869               ";
 870   font-weight: normal;
 871   display: block;
 872   width: 100%;
 873   padding: .25rem 1.5rem;
 874   clear: both;
 875   text-align: inherit;
 876   white-space: nowrap;
 877   border: 0;
 878   :hover {
 879     text-decoration: none;
 880     background-color: ",
 881               [Function],
 882               ";
 883     color: ",
 884               [Function],
 885               ";
 886   }",
 887             ],
 888             "staticRulesId": "",
 889           },
 890           "foldedComponentIds": Array [],
 891           "render": [Function],
 892           "shouldForwardProp": undefined,
 893           "styledComponentId": "sc-bdnxRM",
 894           "target": Object {
 895             "$$typeof": Symbol(react.forward_ref),
 896             "propTypes": Object {
 897               "innerRef": [Function],
 898               "onClick": [Function],
 899               "replace": [Function],
 900               "target": [Function],
 901               "to": [Function],
 902             },
 903             "render": [Function],
 904           },
 905           "toString": [Function],
 906           "warnTooManyClasses": [Function],
 907           "withComponent": [Function],
 908         }
 909       }
 910       disabled={true}
 911       to="/deploy"
 912     >
 913       Deploy to DCAE (DEPLOY)
 914     </DropdownItem>
 915     <DropdownItem
 916       as={
 917         Object {
 918           "$$typeof": Symbol(react.forward_ref),
 919           "attrs": Array [],
 920           "componentStyle": e {
 921             "baseHash": -715527839,
 922             "baseStyle": undefined,
 923             "componentId": "sc-bdnxRM",
 924             "isStatic": false,
 925             "rules": Array [
 926               "
 927   color: ",
 928               [Function],
 929               ";
 930   background-color: ",
 931               [Function],
 932               ";
 933   font-weight: normal;
 934   display: block;
 935   width: 100%;
 936   padding: .25rem 1.5rem;
 937   clear: both;
 938   text-align: inherit;
 939   white-space: nowrap;
 940   border: 0;
 941   :hover {
 942     text-decoration: none;
 943     background-color: ",
 944               [Function],
 945               ";
 946     color: ",
 947               [Function],
 948               ";
 949   }",
 950             ],
 951             "staticRulesId": "",
 952           },
 953           "foldedComponentIds": Array [],
 954           "render": [Function],
 955           "shouldForwardProp": undefined,
 956           "styledComponentId": "sc-bdnxRM",
 957           "target": Object {
 958             "$$typeof": Symbol(react.forward_ref),
 959             "propTypes": Object {
 960               "innerRef": [Function],
 961               "onClick": [Function],
 962               "replace": [Function],
 963               "target": [Function],
 964               "to": [Function],
 965             },
 966             "render": [Function],
 967           },
 968           "toString": [Function],
 969           "warnTooManyClasses": [Function],
 970           "withComponent": [Function],
 971         }
 972       }
 973       disabled={true}
 974       to="/undeploy"
 975     >
 976       UnDeploy to DCAE (UNDEPLOY)
 977     </DropdownItem>
 978   </Styled(NavDropdown)>
 979   <Styled(NavDropdown)
 980     title="TOSCA Automation Composition"
 981   >
 982     <DropdownHeader
 983       role="heading"
 984     >
 985       Instantiation
 986     </DropdownHeader>
 987     <DropdownItem
 988       as={
 989         Object {
 990           "$$typeof": Symbol(react.forward_ref),
 991           "attrs": Array [],
 992           "componentStyle": e {
 993             "baseHash": -715527839,
 994             "baseStyle": undefined,
 995             "componentId": "sc-bdnxRM",
 996             "isStatic": false,
 997             "rules": Array [
 998               "
 999   color: ",
1000               [Function],
1001               ";
1002   background-color: ",
1003               [Function],
1004               ";
1005   font-weight: normal;
1006   display: block;
1007   width: 100%;
1008   padding: .25rem 1.5rem;
1009   clear: both;
1010   text-align: inherit;
1011   white-space: nowrap;
1012   border: 0;
1013   :hover {
1014     text-decoration: none;
1015     background-color: ",
1016               [Function],
1017               ";
1018     color: ",
1019               [Function],
1020               ";
1021   }",
1022             ],
1023             "staticRulesId": "",
1024           },
1025           "foldedComponentIds": Array [],
1026           "render": [Function],
1027           "shouldForwardProp": undefined,
1028           "styledComponentId": "sc-bdnxRM",
1029           "target": Object {
1030             "$$typeof": Symbol(react.forward_ref),
1031             "propTypes": Object {
1032               "innerRef": [Function],
1033               "onClick": [Function],
1034               "replace": [Function],
1035               "target": [Function],
1036               "to": [Function],
1037             },
1038             "render": [Function],
1039           },
1040           "toString": [Function],
1041           "warnTooManyClasses": [Function],
1042           "withComponent": [Function],
1043         }
1044       }
1045       disabled={false}
1046       to="/instantiationManagement"
1047     >
1048       Instantiation Management
1049     </DropdownItem>
1050     <DropdownDivider
1051       role="separator"
1052     />
1053     <DropdownHeader
1054       role="heading"
1055     >
1056       Commissioning
1057     </DropdownHeader>
1058     <DropdownItem
1059       as={
1060         Object {
1061           "$$typeof": Symbol(react.forward_ref),
1062           "attrs": Array [],
1063           "componentStyle": e {
1064             "baseHash": -715527839,
1065             "baseStyle": undefined,
1066             "componentId": "sc-bdnxRM",
1067             "isStatic": false,
1068             "rules": Array [
1069               "
1070   color: ",
1071               [Function],
1072               ";
1073   background-color: ",
1074               [Function],
1075               ";
1076   font-weight: normal;
1077   display: block;
1078   width: 100%;
1079   padding: .25rem 1.5rem;
1080   clear: both;
1081   text-align: inherit;
1082   white-space: nowrap;
1083   border: 0;
1084   :hover {
1085     text-decoration: none;
1086     background-color: ",
1087               [Function],
1088               ";
1089     color: ",
1090               [Function],
1091               ";
1092   }",
1093             ],
1094             "staticRulesId": "",
1095           },
1096           "foldedComponentIds": Array [],
1097           "render": [Function],
1098           "shouldForwardProp": undefined,
1099           "styledComponentId": "sc-bdnxRM",
1100           "target": Object {
1101             "$$typeof": Symbol(react.forward_ref),
1102             "propTypes": Object {
1103               "innerRef": [Function],
1104               "onClick": [Function],
1105               "replace": [Function],
1106               "target": [Function],
1107               "to": [Function],
1108             },
1109             "render": [Function],
1110           },
1111           "toString": [Function],
1112           "warnTooManyClasses": [Function],
1113           "withComponent": [Function],
1114         }
1115       }
1116       disabled={false}
1117       to="/readToscaTemplate"
1118     >
1119       Manage Commissioned Automation Composition Template
1120     </DropdownItem>
1121     <DropdownItem
1122       as={
1123         Object {
1124           "$$typeof": Symbol(react.forward_ref),
1125           "attrs": Array [],
1126           "componentStyle": e {
1127             "baseHash": -715527839,
1128             "baseStyle": undefined,
1129             "componentId": "sc-bdnxRM",
1130             "isStatic": false,
1131             "rules": Array [
1132               "
1133   color: ",
1134               [Function],
1135               ";
1136   background-color: ",
1137               [Function],
1138               ";
1139   font-weight: normal;
1140   display: block;
1141   width: 100%;
1142   padding: .25rem 1.5rem;
1143   clear: both;
1144   text-align: inherit;
1145   white-space: nowrap;
1146   border: 0;
1147   :hover {
1148     text-decoration: none;
1149     background-color: ",
1150               [Function],
1151               ";
1152     color: ",
1153               [Function],
1154               ";
1155   }",
1156             ],
1157             "staticRulesId": "",
1158           },
1159           "foldedComponentIds": Array [],
1160           "render": [Function],
1161           "shouldForwardProp": undefined,
1162           "styledComponentId": "sc-bdnxRM",
1163           "target": Object {
1164             "$$typeof": Symbol(react.forward_ref),
1165             "propTypes": Object {
1166               "innerRef": [Function],
1167               "onClick": [Function],
1168               "replace": [Function],
1169               "target": [Function],
1170               "to": [Function],
1171             },
1172             "render": [Function],
1173           },
1174           "toString": [Function],
1175           "warnTooManyClasses": [Function],
1176           "withComponent": [Function],
1177         }
1178       }
1179       disabled={false}
1180       to="/uploadToscaFile"
1181     >
1182       Upload Automation Composition to Commissioning
1183     </DropdownItem>
1184     <DropdownItem
1185       as={
1186         Object {
1187           "$$typeof": Symbol(react.forward_ref),
1188           "attrs": Array [],
1189           "componentStyle": e {
1190             "baseHash": -715527839,
1191             "baseStyle": undefined,
1192             "componentId": "sc-bdnxRM",
1193             "isStatic": false,
1194             "rules": Array [
1195               "
1196   color: ",
1197               [Function],
1198               ";
1199   background-color: ",
1200               [Function],
1201               ";
1202   font-weight: normal;
1203   display: block;
1204   width: 100%;
1205   padding: .25rem 1.5rem;
1206   clear: both;
1207   text-align: inherit;
1208   white-space: nowrap;
1209   border: 0;
1210   :hover {
1211     text-decoration: none;
1212     background-color: ",
1213               [Function],
1214               ";
1215     color: ",
1216               [Function],
1217               ";
1218   }",
1219             ],
1220             "staticRulesId": "",
1221           },
1222           "foldedComponentIds": Array [],
1223           "render": [Function],
1224           "shouldForwardProp": undefined,
1225           "styledComponentId": "sc-bdnxRM",
1226           "target": Object {
1227             "$$typeof": Symbol(react.forward_ref),
1228             "propTypes": Object {
1229               "innerRef": [Function],
1230               "onClick": [Function],
1231               "replace": [Function],
1232               "target": [Function],
1233               "to": [Function],
1234             },
1235             "render": [Function],
1236           },
1237           "toString": [Function],
1238           "warnTooManyClasses": [Function],
1239           "withComponent": [Function],
1240         }
1241       }
1242       disabled={false}
1243       to="/getJsonSchema"
1244     >
1245       Edit Automation Composition Properties
1246     </DropdownItem>
1247   </Styled(NavDropdown)>
1248   <Styled(NavDropdown)
1249     title="Help"
1250   >
1251     <Styled(NavLink)
1252       href="https://wiki.onap.org/"
1253       target="_blank"
1254     >
1255       Wiki
1256     </Styled(NavLink)>
1257     <Styled(NavLink)
1258       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."
1259     >
1260       Contact Us
1261     </Styled(NavLink)>
1262     <DropdownItem
1263       as={
1264         Object {
1265           "$$typeof": Symbol(react.forward_ref),
1266           "attrs": Array [],
1267           "componentStyle": e {
1268             "baseHash": -715527839,
1269             "baseStyle": undefined,
1270             "componentId": "sc-bdnxRM",
1271             "isStatic": false,
1272             "rules": Array [
1273               "
1274   color: ",
1275               [Function],
1276               ";
1277   background-color: ",
1278               [Function],
1279               ";
1280   font-weight: normal;
1281   display: block;
1282   width: 100%;
1283   padding: .25rem 1.5rem;
1284   clear: both;
1285   text-align: inherit;
1286   white-space: nowrap;
1287   border: 0;
1288   :hover {
1289     text-decoration: none;
1290     background-color: ",
1291               [Function],
1292               ";
1293     color: ",
1294               [Function],
1295               ";
1296   }",
1297             ],
1298             "staticRulesId": "",
1299           },
1300           "foldedComponentIds": Array [],
1301           "render": [Function],
1302           "shouldForwardProp": undefined,
1303           "styledComponentId": "sc-bdnxRM",
1304           "target": Object {
1305             "$$typeof": Symbol(react.forward_ref),
1306             "propTypes": Object {
1307               "innerRef": [Function],
1308               "onClick": [Function],
1309               "replace": [Function],
1310               "target": [Function],
1311               "to": [Function],
1312             },
1313             "render": [Function],
1314           },
1315           "toString": [Function],
1316           "warnTooManyClasses": [Function],
1317           "withComponent": [Function],
1318         }
1319       }
1320       disabled={false}
1321       to="/userInfo"
1322     >
1323       User Info
1324     </DropdownItem>
1325   </Styled(NavDropdown)>
1326 </NavbarCollapse>
1327 `;