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     <DropdownItem
 166       as={
 167         Object {
 168           "$$typeof": Symbol(react.forward_ref),
 169           "attrs": Array [],
 170           "componentStyle": ComponentStyle {
 171             "componentId": "sc-bdVaJa",
 172             "isStatic": false,
 173             "rules": Array [
 174               "
 175         color: ",
 176               [Function],
 177               ";
 178         background-color: ",
 179               [Function],
 180               ";
 181         font-weight: normal;
 182         display: block;
 183         width: 100%;
 184         padding: .25rem 1.5rem;
 185         clear: both;
 186         text-align: inherit;
 187         white-space: nowrap;
 188         border: 0;
 189         :hover {
 190                 text-decoration: none;
 191                 background-color: ",
 192               [Function],
 193               ";
 194                 color:  ",
 195               [Function],
 196               ";
 197         }
 198 ",
 199             ],
 200           },
 201           "displayName": "Styled(Link)",
 202           "foldedComponentIds": Array [],
 203           "render": [Function],
 204           "styledComponentId": "sc-bdVaJa",
 205           "target": [Function],
 206           "toString": [Function],
 207           "warnTooManyClasses": [Function],
 208           "withComponent": [Function],
 209         }
 210       }
 211       disabled={false}
 212       to="/ManageDictionaries"
 213     >
 214       Manage Metadata Dictionaries
 215     </DropdownItem>
 216   </Styled(NavDropdown)>
 217   <Styled(NavDropdown)
 218     title="Loop Instance"
 219   >
 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="/createLoop"
 268     >
 269       Create
 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={false}
 318       to="/openLoop"
 319     >
 320       Open
 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     <DropdownDivider
 425       role="separator"
 426     />
 427     <DropdownItem
 428       as={
 429         Object {
 430           "$$typeof": Symbol(react.forward_ref),
 431           "attrs": Array [],
 432           "componentStyle": ComponentStyle {
 433             "componentId": "sc-bdVaJa",
 434             "isStatic": false,
 435             "rules": Array [
 436               "
 437         color: ",
 438               [Function],
 439               ";
 440         background-color: ",
 441               [Function],
 442               ";
 443         font-weight: normal;
 444         display: block;
 445         width: 100%;
 446         padding: .25rem 1.5rem;
 447         clear: both;
 448         text-align: inherit;
 449         white-space: nowrap;
 450         border: 0;
 451         :hover {
 452                 text-decoration: none;
 453                 background-color: ",
 454               [Function],
 455               ";
 456                 color:  ",
 457               [Function],
 458               ";
 459         }
 460 ",
 461             ],
 462           },
 463           "displayName": "Styled(Link)",
 464           "foldedComponentIds": Array [],
 465           "render": [Function],
 466           "styledComponentId": "sc-bdVaJa",
 467           "target": [Function],
 468           "toString": [Function],
 469           "warnTooManyClasses": [Function],
 470           "withComponent": [Function],
 471         }
 472       }
 473       disabled={true}
 474       to="/loopProperties"
 475     >
 476       Properties
 477     </DropdownItem>
 478     <DropdownItem
 479       as={
 480         Object {
 481           "$$typeof": Symbol(react.forward_ref),
 482           "attrs": Array [],
 483           "componentStyle": ComponentStyle {
 484             "componentId": "sc-bdVaJa",
 485             "isStatic": false,
 486             "rules": Array [
 487               "
 488         color: ",
 489               [Function],
 490               ";
 491         background-color: ",
 492               [Function],
 493               ";
 494         font-weight: normal;
 495         display: block;
 496         width: 100%;
 497         padding: .25rem 1.5rem;
 498         clear: both;
 499         text-align: inherit;
 500         white-space: nowrap;
 501         border: 0;
 502         :hover {
 503                 text-decoration: none;
 504                 background-color: ",
 505               [Function],
 506               ";
 507                 color:  ",
 508               [Function],
 509               ";
 510         }
 511 ",
 512             ],
 513           },
 514           "displayName": "Styled(Link)",
 515           "foldedComponentIds": Array [],
 516           "render": [Function],
 517           "styledComponentId": "sc-bdVaJa",
 518           "target": [Function],
 519           "toString": [Function],
 520           "warnTooManyClasses": [Function],
 521           "withComponent": [Function],
 522         }
 523       }
 524       disabled={true}
 525       to="/refreshStatus"
 526     >
 527       Refresh Status
 528     </DropdownItem>
 529   </Styled(NavDropdown)>
 530   <Styled(NavDropdown)
 531     title="Loop Operations"
 532   >
 533     <DropdownItem
 534       as={
 535         Object {
 536           "$$typeof": Symbol(react.forward_ref),
 537           "attrs": Array [],
 538           "componentStyle": ComponentStyle {
 539             "componentId": "sc-bdVaJa",
 540             "isStatic": false,
 541             "rules": Array [
 542               "
 543         color: ",
 544               [Function],
 545               ";
 546         background-color: ",
 547               [Function],
 548               ";
 549         font-weight: normal;
 550         display: block;
 551         width: 100%;
 552         padding: .25rem 1.5rem;
 553         clear: both;
 554         text-align: inherit;
 555         white-space: nowrap;
 556         border: 0;
 557         :hover {
 558                 text-decoration: none;
 559                 background-color: ",
 560               [Function],
 561               ";
 562                 color:  ",
 563               [Function],
 564               ";
 565         }
 566 ",
 567             ],
 568           },
 569           "displayName": "Styled(Link)",
 570           "foldedComponentIds": Array [],
 571           "render": [Function],
 572           "styledComponentId": "sc-bdVaJa",
 573           "target": [Function],
 574           "toString": [Function],
 575           "warnTooManyClasses": [Function],
 576           "withComponent": [Function],
 577         }
 578       }
 579       disabled={true}
 580       to="/submit"
 581     >
 582       Create and deploy to Policy Engine(SUBMIT)
 583     </DropdownItem>
 584     <DropdownItem
 585       as={
 586         Object {
 587           "$$typeof": Symbol(react.forward_ref),
 588           "attrs": Array [],
 589           "componentStyle": ComponentStyle {
 590             "componentId": "sc-bdVaJa",
 591             "isStatic": false,
 592             "rules": Array [
 593               "
 594         color: ",
 595               [Function],
 596               ";
 597         background-color: ",
 598               [Function],
 599               ";
 600         font-weight: normal;
 601         display: block;
 602         width: 100%;
 603         padding: .25rem 1.5rem;
 604         clear: both;
 605         text-align: inherit;
 606         white-space: nowrap;
 607         border: 0;
 608         :hover {
 609                 text-decoration: none;
 610                 background-color: ",
 611               [Function],
 612               ";
 613                 color:  ",
 614               [Function],
 615               ";
 616         }
 617 ",
 618             ],
 619           },
 620           "displayName": "Styled(Link)",
 621           "foldedComponentIds": Array [],
 622           "render": [Function],
 623           "styledComponentId": "sc-bdVaJa",
 624           "target": [Function],
 625           "toString": [Function],
 626           "warnTooManyClasses": [Function],
 627           "withComponent": [Function],
 628         }
 629       }
 630       disabled={true}
 631       to="/stop"
 632     >
 633       Undeploy from Policy Engine (STOP)
 634     </DropdownItem>
 635     <DropdownItem
 636       as={
 637         Object {
 638           "$$typeof": Symbol(react.forward_ref),
 639           "attrs": Array [],
 640           "componentStyle": ComponentStyle {
 641             "componentId": "sc-bdVaJa",
 642             "isStatic": false,
 643             "rules": Array [
 644               "
 645         color: ",
 646               [Function],
 647               ";
 648         background-color: ",
 649               [Function],
 650               ";
 651         font-weight: normal;
 652         display: block;
 653         width: 100%;
 654         padding: .25rem 1.5rem;
 655         clear: both;
 656         text-align: inherit;
 657         white-space: nowrap;
 658         border: 0;
 659         :hover {
 660                 text-decoration: none;
 661                 background-color: ",
 662               [Function],
 663               ";
 664                 color:  ",
 665               [Function],
 666               ";
 667         }
 668 ",
 669             ],
 670           },
 671           "displayName": "Styled(Link)",
 672           "foldedComponentIds": Array [],
 673           "render": [Function],
 674           "styledComponentId": "sc-bdVaJa",
 675           "target": [Function],
 676           "toString": [Function],
 677           "warnTooManyClasses": [Function],
 678           "withComponent": [Function],
 679         }
 680       }
 681       disabled={true}
 682       to="/restart"
 683     >
 684       ReDeploy to Policy Engine (RESTART)
 685     </DropdownItem>
 686     <DropdownItem
 687       as={
 688         Object {
 689           "$$typeof": Symbol(react.forward_ref),
 690           "attrs": Array [],
 691           "componentStyle": ComponentStyle {
 692             "componentId": "sc-bdVaJa",
 693             "isStatic": false,
 694             "rules": Array [
 695               "
 696         color: ",
 697               [Function],
 698               ";
 699         background-color: ",
 700               [Function],
 701               ";
 702         font-weight: normal;
 703         display: block;
 704         width: 100%;
 705         padding: .25rem 1.5rem;
 706         clear: both;
 707         text-align: inherit;
 708         white-space: nowrap;
 709         border: 0;
 710         :hover {
 711                 text-decoration: none;
 712                 background-color: ",
 713               [Function],
 714               ";
 715                 color:  ",
 716               [Function],
 717               ";
 718         }
 719 ",
 720             ],
 721           },
 722           "displayName": "Styled(Link)",
 723           "foldedComponentIds": Array [],
 724           "render": [Function],
 725           "styledComponentId": "sc-bdVaJa",
 726           "target": [Function],
 727           "toString": [Function],
 728           "warnTooManyClasses": [Function],
 729           "withComponent": [Function],
 730         }
 731       }
 732       disabled={true}
 733       to="/delete"
 734     >
 735       Delete loop instance (DELETE)
 736     </DropdownItem>
 737     <DropdownDivider
 738       role="separator"
 739     />
 740     <DropdownItem
 741       as={
 742         Object {
 743           "$$typeof": Symbol(react.forward_ref),
 744           "attrs": Array [],
 745           "componentStyle": ComponentStyle {
 746             "componentId": "sc-bdVaJa",
 747             "isStatic": false,
 748             "rules": Array [
 749               "
 750         color: ",
 751               [Function],
 752               ";
 753         background-color: ",
 754               [Function],
 755               ";
 756         font-weight: normal;
 757         display: block;
 758         width: 100%;
 759         padding: .25rem 1.5rem;
 760         clear: both;
 761         text-align: inherit;
 762         white-space: nowrap;
 763         border: 0;
 764         :hover {
 765                 text-decoration: none;
 766                 background-color: ",
 767               [Function],
 768               ";
 769                 color:  ",
 770               [Function],
 771               ";
 772         }
 773 ",
 774             ],
 775           },
 776           "displayName": "Styled(Link)",
 777           "foldedComponentIds": Array [],
 778           "render": [Function],
 779           "styledComponentId": "sc-bdVaJa",
 780           "target": [Function],
 781           "toString": [Function],
 782           "warnTooManyClasses": [Function],
 783           "withComponent": [Function],
 784         }
 785       }
 786       disabled={true}
 787       to="/deploy"
 788     >
 789       Deploy to DCAE (DEPLOY)
 790     </DropdownItem>
 791     <DropdownItem
 792       as={
 793         Object {
 794           "$$typeof": Symbol(react.forward_ref),
 795           "attrs": Array [],
 796           "componentStyle": ComponentStyle {
 797             "componentId": "sc-bdVaJa",
 798             "isStatic": false,
 799             "rules": Array [
 800               "
 801         color: ",
 802               [Function],
 803               ";
 804         background-color: ",
 805               [Function],
 806               ";
 807         font-weight: normal;
 808         display: block;
 809         width: 100%;
 810         padding: .25rem 1.5rem;
 811         clear: both;
 812         text-align: inherit;
 813         white-space: nowrap;
 814         border: 0;
 815         :hover {
 816                 text-decoration: none;
 817                 background-color: ",
 818               [Function],
 819               ";
 820                 color:  ",
 821               [Function],
 822               ";
 823         }
 824 ",
 825             ],
 826           },
 827           "displayName": "Styled(Link)",
 828           "foldedComponentIds": Array [],
 829           "render": [Function],
 830           "styledComponentId": "sc-bdVaJa",
 831           "target": [Function],
 832           "toString": [Function],
 833           "warnTooManyClasses": [Function],
 834           "withComponent": [Function],
 835         }
 836       }
 837       disabled={true}
 838       to="/undeploy"
 839     >
 840       UnDeploy to DCAE (UNDEPLOY)
 841     </DropdownItem>
 842   </Styled(NavDropdown)>
 843   <Styled(NavDropdown)
 844     title="Help"
 845   >
 846     <Styled(NavLink)
 847       href="https://wiki.onap.org/"
 848       target="_blank"
 849     >
 850       Wiki
 851     </Styled(NavLink)>
 852     <Styled(NavLink)
 853       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."
 854     >
 855       Contact Us
 856     </Styled(NavLink)>
 857     <DropdownItem
 858       as={
 859         Object {
 860           "$$typeof": Symbol(react.forward_ref),
 861           "attrs": Array [],
 862           "componentStyle": ComponentStyle {
 863             "componentId": "sc-bdVaJa",
 864             "isStatic": false,
 865             "rules": Array [
 866               "
 867         color: ",
 868               [Function],
 869               ";
 870         background-color: ",
 871               [Function],
 872               ";
 873         font-weight: normal;
 874         display: block;
 875         width: 100%;
 876         padding: .25rem 1.5rem;
 877         clear: both;
 878         text-align: inherit;
 879         white-space: nowrap;
 880         border: 0;
 881         :hover {
 882                 text-decoration: none;
 883                 background-color: ",
 884               [Function],
 885               ";
 886                 color:  ",
 887               [Function],
 888               ";
 889         }
 890 ",
 891             ],
 892           },
 893           "displayName": "Styled(Link)",
 894           "foldedComponentIds": Array [],
 895           "render": [Function],
 896           "styledComponentId": "sc-bdVaJa",
 897           "target": [Function],
 898           "toString": [Function],
 899           "warnTooManyClasses": [Function],
 900           "withComponent": [Function],
 901         }
 902       }
 903       disabled={false}
 904       to="/userInfo"
 905     >
 906       User Info
 907     </DropdownItem>
 908   </Styled(NavDropdown)>
 909 </NavbarCollapse>
 910 `;