p5.js-web-editor/client/components/__test__/__snapshots__/Nav.test.jsx.snap

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

exports[`Nav renders correctly 1`] = `
<DocumentFragment>
  <header>
    <nav
      class="nav"
      title="main-navigation"
    >
      <ul
        class="nav__items-left"
      >
        <li
          class="nav__item-logo"
        >
          <test-file-stub
            aria-label="p5.js Logo"
            classname="svg__logo"
            focusable="false"
            role="img"
          />
        </li>
        <li
          class="nav__item"
        >
          <button>
            <span
              class="nav__item-header"
            >
              File
            </span>
            <test-file-stub
              aria-hidden="true"
              classname="nav__item-header-triangle"
              focusable="false"
            />
          </button>
          <ul
            class="nav__dropdown"
          >
            <li
              class="nav__dropdown-item"
            >
              <button>
                New
              </button>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <button>
                Duplicate
              </button>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <button>
                Share
              </button>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <button>
                Download
              </button>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <a>
                Open
              </a>
            </li>
          </ul>
        </li>
        <li
          class="nav__item"
        >
          <button>
            <span
              class="nav__item-header"
            >
              Edit
            </span>
            <test-file-stub
              aria-hidden="true"
              classname="nav__item-header-triangle"
              focusable="false"
            />
          </button>
          <ul
            class="nav__dropdown"
          >
            <li
              class="nav__dropdown-item"
            >
              <button>
                Tidy Code
                <span
                  class="nav__keyboard-shortcut"
                >
                  ⇧+Tab
                </span>
              </button>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <button>
                Find
                <span
                  class="nav__keyboard-shortcut"
                >
                  ⌃+F
                </span>
              </button>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <button>
                Find Next
                <span
                  class="nav__keyboard-shortcut"
                >
                  ⌃+G
                </span>
              </button>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <button>
                Find Previous
                <span
                  class="nav__keyboard-shortcut"
                >
                  ⇧+⌃+G
                </span>
              </button>
            </li>
          </ul>
        </li>
        <li
          class="nav__item"
        >
          <button>
            <span
              class="nav__item-header"
            >
              Sketch
            </span>
            <test-file-stub
              aria-hidden="true"
              classname="nav__item-header-triangle"
              focusable="false"
            />
          </button>
          <ul
            class="nav__dropdown"
          >
            <li
              class="nav__dropdown-item"
            >
              <button>
                Add File
              </button>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <button>
                Add Folder
              </button>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <button>
                Run
                <span
                  class="nav__keyboard-shortcut"
                >
                  ⌃+Enter
                </span>
              </button>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <button>
                Stop
                <span
                  class="nav__keyboard-shortcut"
                >
                  ⇧+⌃+Enter
                </span>
              </button>
            </li>
          </ul>
        </li>
        <li
          class="nav__item"
        >
          <button>
            <span
              class="nav__item-header"
            >
              Help
            </span>
            <test-file-stub
              aria-hidden="true"
              classname="nav__item-header-triangle"
              focusable="false"
            />
          </button>
          <ul
            class="nav__dropdown"
          >
            <li
              class="nav__dropdown-item"
            >
              <button>
                Keyboard Shortcuts
              </button>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <a
                href="https://p5js.org/reference/"
                rel="noopener noreferrer"
                target="_blank"
              >
                Reference
              </a>
            </li>
            <li
              class="nav__dropdown-item"
            >
              <a>
                About
              </a>
            </li>
          </ul>
        </li>
      </ul>
    </nav>
  </header>
</DocumentFragment>
`;