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="Template"
   7   >
   8     <DropdownItem
   9       as={
  10         Object {
  11           "$$typeof": Symbol(react.forward_ref),
  12           "attrs": Array [],
  13           "componentStyle": ComponentStyle {
  14             "componentId": "sc-jKJlTe",
  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-jKJlTe",
  48           "target": [Function],
  49           "toString": [Function],
  50           "warnTooManyClasses": [Function],
  51           "withComponent": [Function],
  52         }
  53       }
  54       disabled={false}
  55       to="/viewToscaModals"
  56     >
  57       View Tosca Model
  58     </DropdownItem>
  59   </Styled(NavDropdown)>
  60   <Styled(NavDropdown)
  61     title="Closed Loop"
  62   >
  63     <DropdownItem
  64       as={
  65         Object {
  66           "$$typeof": Symbol(react.forward_ref),
  67           "attrs": Array [],
  68           "componentStyle": ComponentStyle {
  69             "componentId": "sc-jKJlTe",
  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-jKJlTe",
 103           "target": [Function],
 104           "toString": [Function],
 105           "warnTooManyClasses": [Function],
 106           "withComponent": [Function],
 107         }
 108       }
 109       disabled={false}
 110       to="/openLoop"
 111     >
 112       Open CL
 113     </DropdownItem>
 114     <DropdownItem
 115       as={
 116         Object {
 117           "$$typeof": Symbol(react.forward_ref),
 118           "attrs": Array [],
 119           "componentStyle": ComponentStyle {
 120             "componentId": "sc-jKJlTe",
 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-jKJlTe",
 154           "target": [Function],
 155           "toString": [Function],
 156           "warnTooManyClasses": [Function],
 157           "withComponent": [Function],
 158         }
 159       }
 160       disabled={true}
 161       to="/loopProperties"
 162     >
 163       Properties CL
 164     </DropdownItem>
 165     <DropdownItem
 166       as={
 167         Object {
 168           "$$typeof": Symbol(react.forward_ref),
 169           "attrs": Array [],
 170           "componentStyle": ComponentStyle {
 171             "componentId": "sc-jKJlTe",
 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-jKJlTe",
 205           "target": [Function],
 206           "toString": [Function],
 207           "warnTooManyClasses": [Function],
 208           "withComponent": [Function],
 209         }
 210       }
 211       disabled={true}
 212       to="/closeLoop"
 213     >
 214       Close Model
 215     </DropdownItem>
 216   </Styled(NavDropdown)>
 217   <Styled(NavDropdown)
 218     title="Manage"
 219   >
 220     <DropdownItem
 221       as={
 222         Object {
 223           "$$typeof": Symbol(react.forward_ref),
 224           "attrs": Array [],
 225           "componentStyle": ComponentStyle {
 226             "componentId": "sc-jKJlTe",
 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-jKJlTe",
 260           "target": [Function],
 261           "toString": [Function],
 262           "warnTooManyClasses": [Function],
 263           "withComponent": [Function],
 264         }
 265       }
 266       disabled={true}
 267       to="/submit"
 268     >
 269       Submit
 270     </DropdownItem>
 271     <DropdownItem
 272       as={
 273         Object {
 274           "$$typeof": Symbol(react.forward_ref),
 275           "attrs": Array [],
 276           "componentStyle": ComponentStyle {
 277             "componentId": "sc-jKJlTe",
 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-jKJlTe",
 311           "target": [Function],
 312           "toString": [Function],
 313           "warnTooManyClasses": [Function],
 314           "withComponent": [Function],
 315         }
 316       }
 317       disabled={true}
 318       to="/stop"
 319     >
 320       Stop
 321     </DropdownItem>
 322     <DropdownItem
 323       as={
 324         Object {
 325           "$$typeof": Symbol(react.forward_ref),
 326           "attrs": Array [],
 327           "componentStyle": ComponentStyle {
 328             "componentId": "sc-jKJlTe",
 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-jKJlTe",
 362           "target": [Function],
 363           "toString": [Function],
 364           "warnTooManyClasses": [Function],
 365           "withComponent": [Function],
 366         }
 367       }
 368       disabled={true}
 369       to="/restart"
 370     >
 371       Restart
 372     </DropdownItem>
 373     <DropdownItem
 374       as={
 375         Object {
 376           "$$typeof": Symbol(react.forward_ref),
 377           "attrs": Array [],
 378           "componentStyle": ComponentStyle {
 379             "componentId": "sc-jKJlTe",
 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-jKJlTe",
 413           "target": [Function],
 414           "toString": [Function],
 415           "warnTooManyClasses": [Function],
 416           "withComponent": [Function],
 417         }
 418       }
 419       disabled={true}
 420       to="/delete"
 421     >
 422       Delete
 423     </DropdownItem>
 424     <DropdownItem
 425       as={
 426         Object {
 427           "$$typeof": Symbol(react.forward_ref),
 428           "attrs": Array [],
 429           "componentStyle": ComponentStyle {
 430             "componentId": "sc-jKJlTe",
 431             "isStatic": false,
 432             "rules": Array [
 433               "
 434         color: ",
 435               [Function],
 436               ";
 437         background-color: ",
 438               [Function],
 439               ";
 440         font-weight: normal;
 441         display: block;
 442         width: 100%;
 443         padding: .25rem 1.5rem;
 444         clear: both;
 445         text-align: inherit;
 446         white-space: nowrap;
 447         border: 0;
 448         :hover {
 449                 text-decoration: none;
 450                 background-color: ",
 451               [Function],
 452               ";
 453                 color:  ",
 454               [Function],
 455               ";
 456         }
 457 ",
 458             ],
 459           },
 460           "displayName": "Styled(Link)",
 461           "foldedComponentIds": Array [],
 462           "render": [Function],
 463           "styledComponentId": "sc-jKJlTe",
 464           "target": [Function],
 465           "toString": [Function],
 466           "warnTooManyClasses": [Function],
 467           "withComponent": [Function],
 468         }
 469       }
 470       disabled={true}
 471       to="/deploy"
 472     >
 473       Deploy
 474     </DropdownItem>
 475     <DropdownItem
 476       as={
 477         Object {
 478           "$$typeof": Symbol(react.forward_ref),
 479           "attrs": Array [],
 480           "componentStyle": ComponentStyle {
 481             "componentId": "sc-jKJlTe",
 482             "isStatic": false,
 483             "rules": Array [
 484               "
 485         color: ",
 486               [Function],
 487               ";
 488         background-color: ",
 489               [Function],
 490               ";
 491         font-weight: normal;
 492         display: block;
 493         width: 100%;
 494         padding: .25rem 1.5rem;
 495         clear: both;
 496         text-align: inherit;
 497         white-space: nowrap;
 498         border: 0;
 499         :hover {
 500                 text-decoration: none;
 501                 background-color: ",
 502               [Function],
 503               ";
 504                 color:  ",
 505               [Function],
 506               ";
 507         }
 508 ",
 509             ],
 510           },
 511           "displayName": "Styled(Link)",
 512           "foldedComponentIds": Array [],
 513           "render": [Function],
 514           "styledComponentId": "sc-jKJlTe",
 515           "target": [Function],
 516           "toString": [Function],
 517           "warnTooManyClasses": [Function],
 518           "withComponent": [Function],
 519         }
 520       }
 521       disabled={true}
 522       to="/undeploy"
 523     >
 524       UnDeploy
 525     </DropdownItem>
 526   </Styled(NavDropdown)>
 527   <Styled(NavDropdown)
 528     title="View"
 529   >
 530     <DropdownItem
 531       as={
 532         Object {
 533           "$$typeof": Symbol(react.forward_ref),
 534           "attrs": Array [],
 535           "componentStyle": ComponentStyle {
 536             "componentId": "sc-jKJlTe",
 537             "isStatic": false,
 538             "rules": Array [
 539               "
 540         color: ",
 541               [Function],
 542               ";
 543         background-color: ",
 544               [Function],
 545               ";
 546         font-weight: normal;
 547         display: block;
 548         width: 100%;
 549         padding: .25rem 1.5rem;
 550         clear: both;
 551         text-align: inherit;
 552         white-space: nowrap;
 553         border: 0;
 554         :hover {
 555                 text-decoration: none;
 556                 background-color: ",
 557               [Function],
 558               ";
 559                 color:  ",
 560               [Function],
 561               ";
 562         }
 563 ",
 564             ],
 565           },
 566           "displayName": "Styled(Link)",
 567           "foldedComponentIds": Array [],
 568           "render": [Function],
 569           "styledComponentId": "sc-jKJlTe",
 570           "target": [Function],
 571           "toString": [Function],
 572           "warnTooManyClasses": [Function],
 573           "withComponent": [Function],
 574         }
 575       }
 576       disabled={true}
 577       to="/refreshStatus"
 578     >
 579       Refresh Status
 580     </DropdownItem>
 581   </Styled(NavDropdown)>
 582   <Styled(NavDropdown)
 583     title="Help"
 584   >
 585     <Styled(NavLink)
 586       href="https://wiki.onap.org/"
 587       target="_blank"
 588     >
 589       Wiki
 590     </Styled(NavLink)>
 591     <Styled(NavLink)
 592       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."
 593     >
 594       Contact Us
 595     </Styled(NavLink)>
 596     <DropdownItem
 597       as={
 598         Object {
 599           "$$typeof": Symbol(react.forward_ref),
 600           "attrs": Array [],
 601           "componentStyle": ComponentStyle {
 602             "componentId": "sc-jKJlTe",
 603             "isStatic": false,
 604             "rules": Array [
 605               "
 606         color: ",
 607               [Function],
 608               ";
 609         background-color: ",
 610               [Function],
 611               ";
 612         font-weight: normal;
 613         display: block;
 614         width: 100%;
 615         padding: .25rem 1.5rem;
 616         clear: both;
 617         text-align: inherit;
 618         white-space: nowrap;
 619         border: 0;
 620         :hover {
 621                 text-decoration: none;
 622                 background-color: ",
 623               [Function],
 624               ";
 625                 color:  ",
 626               [Function],
 627               ";
 628         }
 629 ",
 630             ],
 631           },
 632           "displayName": "Styled(Link)",
 633           "foldedComponentIds": Array [],
 634           "render": [Function],
 635           "styledComponentId": "sc-jKJlTe",
 636           "target": [Function],
 637           "toString": [Function],
 638           "warnTooManyClasses": [Function],
 639           "withComponent": [Function],
 640         }
 641       }
 642       disabled={false}
 643       to="/userInfo"
 644     >
 645       User Info
 646     </DropdownItem>
 647   </Styled(NavDropdown)>
 648 </NavbarCollapse>
 649 `;