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="Dictionaries"
 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="/ManageDictionaries"
 217     >
 218       Manage Dictionaries
 219     </DropdownItem>
 220   </Styled(NavDropdown)>
 221   <Styled(NavDropdown)
 222     title="Loop Instance"
 223   >
 224     <DropdownItem
 225       as={
 226         Object {
 227           "$$typeof": Symbol(react.forward_ref),
 228           "attrs": Array [],
 229           "componentStyle": ComponentStyle {
 230             "componentId": "sc-bdVaJa",
 231             "isStatic": false,
 232             "rules": Array [
 233               "
 234         color: ",
 235               [Function],
 236               ";
 237         background-color: ",
 238               [Function],
 239               ";
 240         font-weight: normal;
 241         display: block;
 242         width: 100%;
 243         padding: .25rem 1.5rem;
 244         clear: both;
 245         text-align: inherit;
 246         white-space: nowrap;
 247         border: 0;
 248         :hover {
 249                 text-decoration: none;
 250                 background-color: ",
 251               [Function],
 252               ";
 253                 color:  ",
 254               [Function],
 255               ";
 256         }
 257 ",
 258             ],
 259           },
 260           "displayName": "Styled(Link)",
 261           "foldedComponentIds": Array [],
 262           "render": [Function],
 263           "styledComponentId": "sc-bdVaJa",
 264           "target": [Function],
 265           "toString": [Function],
 266           "warnTooManyClasses": [Function],
 267           "withComponent": [Function],
 268         }
 269       }
 270       disabled={false}
 271       to="/createLoop"
 272     >
 273       Create
 274     </DropdownItem>
 275     <DropdownItem
 276       as={
 277         Object {
 278           "$$typeof": Symbol(react.forward_ref),
 279           "attrs": Array [],
 280           "componentStyle": ComponentStyle {
 281             "componentId": "sc-bdVaJa",
 282             "isStatic": false,
 283             "rules": Array [
 284               "
 285         color: ",
 286               [Function],
 287               ";
 288         background-color: ",
 289               [Function],
 290               ";
 291         font-weight: normal;
 292         display: block;
 293         width: 100%;
 294         padding: .25rem 1.5rem;
 295         clear: both;
 296         text-align: inherit;
 297         white-space: nowrap;
 298         border: 0;
 299         :hover {
 300                 text-decoration: none;
 301                 background-color: ",
 302               [Function],
 303               ";
 304                 color:  ",
 305               [Function],
 306               ";
 307         }
 308 ",
 309             ],
 310           },
 311           "displayName": "Styled(Link)",
 312           "foldedComponentIds": Array [],
 313           "render": [Function],
 314           "styledComponentId": "sc-bdVaJa",
 315           "target": [Function],
 316           "toString": [Function],
 317           "warnTooManyClasses": [Function],
 318           "withComponent": [Function],
 319         }
 320       }
 321       disabled={false}
 322       to="/openLoop"
 323     >
 324       Open
 325     </DropdownItem>
 326     <DropdownItem
 327       as={
 328         Object {
 329           "$$typeof": Symbol(react.forward_ref),
 330           "attrs": Array [],
 331           "componentStyle": ComponentStyle {
 332             "componentId": "sc-bdVaJa",
 333             "isStatic": false,
 334             "rules": Array [
 335               "
 336         color: ",
 337               [Function],
 338               ";
 339         background-color: ",
 340               [Function],
 341               ";
 342         font-weight: normal;
 343         display: block;
 344         width: 100%;
 345         padding: .25rem 1.5rem;
 346         clear: both;
 347         text-align: inherit;
 348         white-space: nowrap;
 349         border: 0;
 350         :hover {
 351                 text-decoration: none;
 352                 background-color: ",
 353               [Function],
 354               ";
 355                 color:  ",
 356               [Function],
 357               ";
 358         }
 359 ",
 360             ],
 361           },
 362           "displayName": "Styled(Link)",
 363           "foldedComponentIds": Array [],
 364           "render": [Function],
 365           "styledComponentId": "sc-bdVaJa",
 366           "target": [Function],
 367           "toString": [Function],
 368           "warnTooManyClasses": [Function],
 369           "withComponent": [Function],
 370         }
 371       }
 372       disabled={true}
 373       to="/loopProperties"
 374     >
 375       Properties
 376     </DropdownItem>
 377     <DropdownItem
 378       as={
 379         Object {
 380           "$$typeof": Symbol(react.forward_ref),
 381           "attrs": Array [],
 382           "componentStyle": ComponentStyle {
 383             "componentId": "sc-bdVaJa",
 384             "isStatic": false,
 385             "rules": Array [
 386               "
 387         color: ",
 388               [Function],
 389               ";
 390         background-color: ",
 391               [Function],
 392               ";
 393         font-weight: normal;
 394         display: block;
 395         width: 100%;
 396         padding: .25rem 1.5rem;
 397         clear: both;
 398         text-align: inherit;
 399         white-space: nowrap;
 400         border: 0;
 401         :hover {
 402                 text-decoration: none;
 403                 background-color: ",
 404               [Function],
 405               ";
 406                 color:  ",
 407               [Function],
 408               ";
 409         }
 410 ",
 411             ],
 412           },
 413           "displayName": "Styled(Link)",
 414           "foldedComponentIds": Array [],
 415           "render": [Function],
 416           "styledComponentId": "sc-bdVaJa",
 417           "target": [Function],
 418           "toString": [Function],
 419           "warnTooManyClasses": [Function],
 420           "withComponent": [Function],
 421         }
 422       }
 423       disabled={true}
 424       to="/closeLoop"
 425     >
 426       Close
 427     </DropdownItem>
 428     <DropdownItem
 429       as={
 430         Object {
 431           "$$typeof": Symbol(react.forward_ref),
 432           "attrs": Array [],
 433           "componentStyle": ComponentStyle {
 434             "componentId": "sc-bdVaJa",
 435             "isStatic": false,
 436             "rules": Array [
 437               "
 438         color: ",
 439               [Function],
 440               ";
 441         background-color: ",
 442               [Function],
 443               ";
 444         font-weight: normal;
 445         display: block;
 446         width: 100%;
 447         padding: .25rem 1.5rem;
 448         clear: both;
 449         text-align: inherit;
 450         white-space: nowrap;
 451         border: 0;
 452         :hover {
 453                 text-decoration: none;
 454                 background-color: ",
 455               [Function],
 456               ";
 457                 color:  ",
 458               [Function],
 459               ";
 460         }
 461 ",
 462             ],
 463           },
 464           "displayName": "Styled(Link)",
 465           "foldedComponentIds": Array [],
 466           "render": [Function],
 467           "styledComponentId": "sc-bdVaJa",
 468           "target": [Function],
 469           "toString": [Function],
 470           "warnTooManyClasses": [Function],
 471           "withComponent": [Function],
 472         }
 473       }
 474       disabled={true}
 475       to="/modifyLoop"
 476     >
 477       Modify
 478     </DropdownItem>
 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="/refreshStatus"
 527     >
 528       Refresh Status
 529     </DropdownItem>
 530   </Styled(NavDropdown)>
 531   <Styled(NavDropdown)
 532     title="Loop Operations"
 533   >
 534     <DropdownItem
 535       as={
 536         Object {
 537           "$$typeof": Symbol(react.forward_ref),
 538           "attrs": Array [],
 539           "componentStyle": ComponentStyle {
 540             "componentId": "sc-bdVaJa",
 541             "isStatic": false,
 542             "rules": Array [
 543               "
 544         color: ",
 545               [Function],
 546               ";
 547         background-color: ",
 548               [Function],
 549               ";
 550         font-weight: normal;
 551         display: block;
 552         width: 100%;
 553         padding: .25rem 1.5rem;
 554         clear: both;
 555         text-align: inherit;
 556         white-space: nowrap;
 557         border: 0;
 558         :hover {
 559                 text-decoration: none;
 560                 background-color: ",
 561               [Function],
 562               ";
 563                 color:  ",
 564               [Function],
 565               ";
 566         }
 567 ",
 568             ],
 569           },
 570           "displayName": "Styled(Link)",
 571           "foldedComponentIds": Array [],
 572           "render": [Function],
 573           "styledComponentId": "sc-bdVaJa",
 574           "target": [Function],
 575           "toString": [Function],
 576           "warnTooManyClasses": [Function],
 577           "withComponent": [Function],
 578         }
 579       }
 580       disabled={true}
 581       to="/submit"
 582     >
 583       Create and deploy to Policy Engine(SUBMIT)
 584     </DropdownItem>
 585     <DropdownItem
 586       as={
 587         Object {
 588           "$$typeof": Symbol(react.forward_ref),
 589           "attrs": Array [],
 590           "componentStyle": ComponentStyle {
 591             "componentId": "sc-bdVaJa",
 592             "isStatic": false,
 593             "rules": Array [
 594               "
 595         color: ",
 596               [Function],
 597               ";
 598         background-color: ",
 599               [Function],
 600               ";
 601         font-weight: normal;
 602         display: block;
 603         width: 100%;
 604         padding: .25rem 1.5rem;
 605         clear: both;
 606         text-align: inherit;
 607         white-space: nowrap;
 608         border: 0;
 609         :hover {
 610                 text-decoration: none;
 611                 background-color: ",
 612               [Function],
 613               ";
 614                 color:  ",
 615               [Function],
 616               ";
 617         }
 618 ",
 619             ],
 620           },
 621           "displayName": "Styled(Link)",
 622           "foldedComponentIds": Array [],
 623           "render": [Function],
 624           "styledComponentId": "sc-bdVaJa",
 625           "target": [Function],
 626           "toString": [Function],
 627           "warnTooManyClasses": [Function],
 628           "withComponent": [Function],
 629         }
 630       }
 631       disabled={true}
 632       to="/stop"
 633     >
 634       Undeploy from Policy Engine (STOP)
 635     </DropdownItem>
 636     <DropdownItem
 637       as={
 638         Object {
 639           "$$typeof": Symbol(react.forward_ref),
 640           "attrs": Array [],
 641           "componentStyle": ComponentStyle {
 642             "componentId": "sc-bdVaJa",
 643             "isStatic": false,
 644             "rules": Array [
 645               "
 646         color: ",
 647               [Function],
 648               ";
 649         background-color: ",
 650               [Function],
 651               ";
 652         font-weight: normal;
 653         display: block;
 654         width: 100%;
 655         padding: .25rem 1.5rem;
 656         clear: both;
 657         text-align: inherit;
 658         white-space: nowrap;
 659         border: 0;
 660         :hover {
 661                 text-decoration: none;
 662                 background-color: ",
 663               [Function],
 664               ";
 665                 color:  ",
 666               [Function],
 667               ";
 668         }
 669 ",
 670             ],
 671           },
 672           "displayName": "Styled(Link)",
 673           "foldedComponentIds": Array [],
 674           "render": [Function],
 675           "styledComponentId": "sc-bdVaJa",
 676           "target": [Function],
 677           "toString": [Function],
 678           "warnTooManyClasses": [Function],
 679           "withComponent": [Function],
 680         }
 681       }
 682       disabled={true}
 683       to="/restart"
 684     >
 685       ReDeploy to Policy Engine (RESTART)
 686     </DropdownItem>
 687     <DropdownItem
 688       as={
 689         Object {
 690           "$$typeof": Symbol(react.forward_ref),
 691           "attrs": Array [],
 692           "componentStyle": ComponentStyle {
 693             "componentId": "sc-bdVaJa",
 694             "isStatic": false,
 695             "rules": Array [
 696               "
 697         color: ",
 698               [Function],
 699               ";
 700         background-color: ",
 701               [Function],
 702               ";
 703         font-weight: normal;
 704         display: block;
 705         width: 100%;
 706         padding: .25rem 1.5rem;
 707         clear: both;
 708         text-align: inherit;
 709         white-space: nowrap;
 710         border: 0;
 711         :hover {
 712                 text-decoration: none;
 713                 background-color: ",
 714               [Function],
 715               ";
 716                 color:  ",
 717               [Function],
 718               ";
 719         }
 720 ",
 721             ],
 722           },
 723           "displayName": "Styled(Link)",
 724           "foldedComponentIds": Array [],
 725           "render": [Function],
 726           "styledComponentId": "sc-bdVaJa",
 727           "target": [Function],
 728           "toString": [Function],
 729           "warnTooManyClasses": [Function],
 730           "withComponent": [Function],
 731         }
 732       }
 733       disabled={true}
 734       to="/delete"
 735     >
 736       Delete loop instance (DELETE)
 737     </DropdownItem>
 738     <DropdownDivider
 739       role="separator"
 740     />
 741     <DropdownItem
 742       as={
 743         Object {
 744           "$$typeof": Symbol(react.forward_ref),
 745           "attrs": Array [],
 746           "componentStyle": ComponentStyle {
 747             "componentId": "sc-bdVaJa",
 748             "isStatic": false,
 749             "rules": Array [
 750               "
 751         color: ",
 752               [Function],
 753               ";
 754         background-color: ",
 755               [Function],
 756               ";
 757         font-weight: normal;
 758         display: block;
 759         width: 100%;
 760         padding: .25rem 1.5rem;
 761         clear: both;
 762         text-align: inherit;
 763         white-space: nowrap;
 764         border: 0;
 765         :hover {
 766                 text-decoration: none;
 767                 background-color: ",
 768               [Function],
 769               ";
 770                 color:  ",
 771               [Function],
 772               ";
 773         }
 774 ",
 775             ],
 776           },
 777           "displayName": "Styled(Link)",
 778           "foldedComponentIds": Array [],
 779           "render": [Function],
 780           "styledComponentId": "sc-bdVaJa",
 781           "target": [Function],
 782           "toString": [Function],
 783           "warnTooManyClasses": [Function],
 784           "withComponent": [Function],
 785         }
 786       }
 787       disabled={true}
 788       to="/deploy"
 789     >
 790       Deploy to DCAE (DEPLOY)
 791     </DropdownItem>
 792     <DropdownItem
 793       as={
 794         Object {
 795           "$$typeof": Symbol(react.forward_ref),
 796           "attrs": Array [],
 797           "componentStyle": ComponentStyle {
 798             "componentId": "sc-bdVaJa",
 799             "isStatic": false,
 800             "rules": Array [
 801               "
 802         color: ",
 803               [Function],
 804               ";
 805         background-color: ",
 806               [Function],
 807               ";
 808         font-weight: normal;
 809         display: block;
 810         width: 100%;
 811         padding: .25rem 1.5rem;
 812         clear: both;
 813         text-align: inherit;
 814         white-space: nowrap;
 815         border: 0;
 816         :hover {
 817                 text-decoration: none;
 818                 background-color: ",
 819               [Function],
 820               ";
 821                 color:  ",
 822               [Function],
 823               ";
 824         }
 825 ",
 826             ],
 827           },
 828           "displayName": "Styled(Link)",
 829           "foldedComponentIds": Array [],
 830           "render": [Function],
 831           "styledComponentId": "sc-bdVaJa",
 832           "target": [Function],
 833           "toString": [Function],
 834           "warnTooManyClasses": [Function],
 835           "withComponent": [Function],
 836         }
 837       }
 838       disabled={true}
 839       to="/undeploy"
 840     >
 841       UnDeploy to DCAE (UNDEPLOY)
 842     </DropdownItem>
 843   </Styled(NavDropdown)>
 844   <Styled(NavDropdown)
 845     title="Help"
 846   >
 847     <Styled(NavLink)
 848       href="https://wiki.onap.org/"
 849       target="_blank"
 850     >
 851       Wiki
 852     </Styled(NavLink)>
 853     <Styled(NavLink)
 854       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."
 855     >
 856       Contact Us
 857     </Styled(NavLink)>
 858     <DropdownItem
 859       as={
 860         Object {
 861           "$$typeof": Symbol(react.forward_ref),
 862           "attrs": Array [],
 863           "componentStyle": ComponentStyle {
 864             "componentId": "sc-bdVaJa",
 865             "isStatic": false,
 866             "rules": Array [
 867               "
 868         color: ",
 869               [Function],
 870               ";
 871         background-color: ",
 872               [Function],
 873               ";
 874         font-weight: normal;
 875         display: block;
 876         width: 100%;
 877         padding: .25rem 1.5rem;
 878         clear: both;
 879         text-align: inherit;
 880         white-space: nowrap;
 881         border: 0;
 882         :hover {
 883                 text-decoration: none;
 884                 background-color: ",
 885               [Function],
 886               ";
 887                 color:  ",
 888               [Function],
 889               ";
 890         }
 891 ",
 892             ],
 893           },
 894           "displayName": "Styled(Link)",
 895           "foldedComponentIds": Array [],
 896           "render": [Function],
 897           "styledComponentId": "sc-bdVaJa",
 898           "target": [Function],
 899           "toString": [Function],
 900           "warnTooManyClasses": [Function],
 901           "withComponent": [Function],
 902         }
 903       }
 904       disabled={false}
 905       to="/userInfo"
 906     >
 907       User Info
 908     </DropdownItem>
 909   </Styled(NavDropdown)>
 910 </NavbarCollapse>
 911 `;