// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Nav renders correctly 1`] = `
<nav
  className="nav"
  title="main-navigation"
>
  <ul
    className="nav__items-left"
    title="project-menu"
  >
    <li
      className="nav__item-logo"
    >
      <span
        className="isvg loading svg__logo"
      />
    </li>
    <li
      className="nav__item"
    >
      <button
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onMouseOver={[Function]}
      >
        <span
          className="nav__item-header"
        >
          File
        </span>
        <span
          className="isvg loading nav__item-header-triangle"
        />
      </button>
      <ul
        className="nav__dropdown"
      >
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            New
          </button>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Duplicate
          </button>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Share
          </button>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Download
          </button>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <a
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
            style={Object {}}
          >
            Open
          </a>
        </li>
      </ul>
    </li>
    <li
      className="nav__item"
    >
      <button
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onMouseOver={[Function]}
      >
        <span
          className="nav__item-header"
        >
          Edit
        </span>
        <span
          className="isvg loading nav__item-header-triangle"
        />
      </button>
      <ul
        className="nav__dropdown"
      >
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Tidy Code
            <span
              className="nav__keyboard-shortcut"
            >
              ⇧
              +Tab
            </span>
          </button>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Find
            <span
              className="nav__keyboard-shortcut"
            >
              Ctrl
              +F
            </span>
          </button>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Find Next
            <span
              className="nav__keyboard-shortcut"
            >
              Ctrl
              +G
            </span>
          </button>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Find Previous
            <span
              className="nav__keyboard-shortcut"
            >
              ⇧
              +
              Ctrl
              +G
            </span>
          </button>
        </li>
      </ul>
    </li>
    <li
      className="nav__item"
    >
      <button
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onMouseOver={[Function]}
      >
        <span
          className="nav__item-header"
        >
          Sketch
        </span>
        <span
          className="isvg loading nav__item-header-triangle"
        />
      </button>
      <ul
        className="nav__dropdown"
      >
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Add File
          </button>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Add Folder
          </button>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Run
            <span
              className="nav__keyboard-shortcut"
            >
              Ctrl
              +Enter
            </span>
          </button>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Stop
            <span
              className="nav__keyboard-shortcut"
            >
              ⇧
              +
              Ctrl
              +Enter
            </span>
          </button>
        </li>
      </ul>
    </li>
    <li
      className="nav__item"
    >
      <button
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onMouseOver={[Function]}
      >
        <span
          className="nav__item-header"
        >
          Help
        </span>
        <span
          className="isvg loading nav__item-header-triangle"
        />
      </button>
      <ul
        className="nav__dropdown"
      >
        <li
          className="nav__dropdown-item"
        >
          <button
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
          >
            Keyboard Shortcuts
          </button>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <a
            href="https://p5js.org/reference/"
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
            rel="noopener noreferrer"
            target="_blank"
          >
            Reference
          </a>
        </li>
        <li
          className="nav__dropdown-item"
        >
          <a
            onBlur={[Function]}
            onClick={[Function]}
            onFocus={[Function]}
            style={Object {}}
          >
            About
          </a>
        </li>
      </ul>
    </li>
  </ul>
</nav>
`;