GSA/code-gov-front-end

View on GitHub
src/components/menu/__snapshots__/menu.component.test.js.snap

Summary

Maintainability
Test Coverage
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`components - Menu render should render correctly 1`] = `
<Fragment>
  <div
    className="usa-overlay"
  />
  <header
    className="usa-header usa-header--basic bg-white"
  >
    <div
      className="usa-nav-container"
    >
      <div
        className="usa-navbar border-bottom-0"
      >
        <div
          className="usa-logo"
          id="basic-logo"
        >
          <Connect(CustomLinkComponent)
            className="svg-container code-logo"
            title="test-title Home"
            to="/"
          >
            <img
              alt="code.gov"
              aria-label="Home"
              className="height-4 maxw-card"
              src="logo-src-dark"
            />
          </Connect(CustomLinkComponent)>
        </div>
        <button
          aria-labelledby="open-menu"
          className="usa-menu-btn bg-white"
          onClick={[Function]}
        >
          <i
            aria-label="open menu"
            className="icon icon-menu text-primary font-body-xl"
            id="open-menu"
            role="img"
          />
        </button>
      </div>
      <nav
        aria-label="Primary navigation"
        className="usa-nav"
      >
        <button
          aria-labelledby="close-menu"
          className="usa-nav__close"
          onClick={[Function]}
        >
          <i
            aria-label="close menu"
            className="icon icon-close text-primary font-body-lg padding-right-4 padding-top-2"
            id="close-menu"
            role="img"
          />
        </button>
        <ul
          className="usa-nav__primary usa-accordion"
        >
          <li
            className="usa-nav__primary-item"
            key="menu-opt-1"
          >
            <PrimaryMenuOption
              menuOption={
                Object {
                  "expanded": false,
                  "links": Array [
                    Object {
                      "id": "menu-link-1",
                    },
                  ],
                  "name": "menu-opt-1",
                }
              }
              onClick={[Function]}
              onSelectLink={[Function]}
            />
            <SecondaryDropdown
              menuOption={
                Object {
                  "expanded": false,
                  "links": Array [
                    Object {
                      "id": "menu-link-1",
                    },
                  ],
                  "name": "menu-opt-1",
                }
              }
              onClick={[Function]}
            />
          </li>
          <li
            className="usa-nav__primary-item"
            key="menu-opt-2"
          >
            <PrimaryMenuOption
              menuOption={
                Object {
                  "expanded": false,
                  "links": Array [
                    Object {
                      "id": "menu-link-2",
                    },
                  ],
                  "name": "menu-opt-2",
                }
              }
              onClick={[Function]}
              onSelectLink={[Function]}
            />
            <SecondaryDropdown
              menuOption={
                Object {
                  "expanded": false,
                  "links": Array [
                    Object {
                      "id": "menu-link-2",
                    },
                  ],
                  "name": "menu-opt-2",
                }
              }
              onClick={[Function]}
            />
          </li>
        </ul>
      </nav>
    </div>
  </header>
</Fragment>
`;