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

exports[`App Route / authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 makeStyles-appBarShift-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Home
            </h6>
          </div>
          <div
            class="makeStyles-rightToolbar-0000"
            color="inherit"
          >
            <button
              aria-controls="fade-menu"
              aria-haspopup="true"
              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
              tabindex="0"
              type="button"
            >
              <span
                class="MuiButton-label"
              >
                John
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </button>
          </div>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-0000"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-0000 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-0000 makeStyles-drawerHeaderLogo-0000"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-0000"
              src="fisker-badge.svg"
            />
          </div>
          <hr
            class="MuiDivider-root"
          />
          <ul
            class="MuiList-root MuiList-padding"
          >
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/home"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Home
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/packages"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deployments
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/fleets"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2.03L9 18v-5H4V5.98L13 6v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 13.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Fleets
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0000 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                href="https://dev-superset.cloud.fiskerinc.com/r/3"
                rel="noopener"
                role="button"
                tabindex="0"
                target="_blank"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Datascope
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemIcon-root"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
                      />
                    </svg>
                  </div>
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Tools
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </span>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Certificate
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-0000 makeStyles-contentShift-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000"
          >
            <div
              data-testid="mocked-vehicleprovider"
            >
              <div
                class="leaflet-container leaflet-grab leaflet-touch-drag"
                style="width: 100%; height: 900px; position: relative;"
                tabindex="0"
              >
                <div
                  class="leaflet-pane leaflet-map-pane"
                  style="left: 0px; top: 0px;"
                >
                  <div
                    class="leaflet-pane leaflet-tile-pane"
                  >
                    <div
                      class="leaflet-layer "
                      style="z-index: 1;"
                    >
                      <div
                        class="leaflet-tile-container leaflet-zoom-animated"
                        style="z-index: 18; left: 0px; top: 0px;"
                      >
                        <img
                          alt=""
                          class="leaflet-tile"
                          role="presentation"
                          src="https://b.tile.openstreetmap.org/5/7/12.png"
                          style="width: 256px; height: 256px; left: -126px; top: -114px;"
                        />
                      </div>
                    </div>
                  </div>
                  <div
                    class="leaflet-pane leaflet-shadow-pane"
                  />
                  <div
                    class="leaflet-pane leaflet-overlay-pane"
                  />
                  <div
                    class="leaflet-pane leaflet-marker-pane"
                  />
                  <div
                    class="leaflet-pane leaflet-tooltip-pane"
                  />
                  <div
                    class="leaflet-pane leaflet-popup-pane"
                  />
                </div>
                <div
                  class="leaflet-control-container"
                >
                  <div
                    class="leaflet-top leaflet-left"
                  >
                    <div
                      class="leaflet-control-zoom leaflet-bar leaflet-control"
                    >
                      <a
                        aria-label="Zoom in"
                        class="leaflet-control-zoom-in"
                        href="#"
                        role="button"
                        title="Zoom in"
                      >
                        +
                      </a>
                      <a
                        aria-label="Zoom out"
                        class="leaflet-control-zoom-out"
                        href="#"
                        role="button"
                        title="Zoom out"
                      >
                        −
                      </a>
                    </div>
                  </div>
                  <div
                    class="leaflet-top leaflet-right"
                  />
                  <div
                    class="leaflet-bottom leaflet-left"
                  />
                  <div
                    class="leaflet-bottom leaflet-right"
                  >
                    <div
                      class="leaflet-control-attribution leaflet-control"
                    >
                      <a
                        href="https://leafletjs.com"
                        title="A JS library for interactive maps"
                      >
                        Leaflet
                      </a>
                       | © 
                      <a
                        href="http://osm.org/copyright"
                      >
                        OpenStreetMap
                      </a>
                       contributors
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route / unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /home authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 makeStyles-appBarShift-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Home
            </h6>
          </div>
          <div
            class="makeStyles-rightToolbar-0000"
            color="inherit"
          >
            <button
              aria-controls="fade-menu"
              aria-haspopup="true"
              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
              tabindex="0"
              type="button"
            >
              <span
                class="MuiButton-label"
              >
                John
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </button>
          </div>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-0000"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-0000 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-0000 makeStyles-drawerHeaderLogo-0000"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-0000"
              src="fisker-badge.svg"
            />
          </div>
          <hr
            class="MuiDivider-root"
          />
          <ul
            class="MuiList-root MuiList-padding"
          >
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/home"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Home
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/packages"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deployments
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/fleets"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2.03L9 18v-5H4V5.98L13 6v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 13.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Fleets
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0000 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                href="https://dev-superset.cloud.fiskerinc.com/r/3"
                rel="noopener"
                role="button"
                tabindex="0"
                target="_blank"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Datascope
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemIcon-root"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
                      />
                    </svg>
                  </div>
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Tools
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </span>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Certificate
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-0000 makeStyles-contentShift-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000"
          >
            <div
              data-testid="mocked-vehicleprovider"
            >
              <div
                class="leaflet-container leaflet-grab leaflet-touch-drag"
                style="width: 100%; height: 900px; position: relative;"
                tabindex="0"
              >
                <div
                  class="leaflet-pane leaflet-map-pane"
                  style="left: 0px; top: 0px;"
                >
                  <div
                    class="leaflet-pane leaflet-tile-pane"
                  >
                    <div
                      class="leaflet-layer "
                      style="z-index: 1;"
                    >
                      <div
                        class="leaflet-tile-container leaflet-zoom-animated"
                        style="z-index: 18; left: 0px; top: 0px;"
                      >
                        <img
                          alt=""
                          class="leaflet-tile"
                          role="presentation"
                          src="https://b.tile.openstreetmap.org/5/7/12.png"
                          style="width: 256px; height: 256px; left: -126px; top: -114px;"
                        />
                      </div>
                    </div>
                  </div>
                  <div
                    class="leaflet-pane leaflet-shadow-pane"
                  />
                  <div
                    class="leaflet-pane leaflet-overlay-pane"
                  />
                  <div
                    class="leaflet-pane leaflet-marker-pane"
                  />
                  <div
                    class="leaflet-pane leaflet-tooltip-pane"
                  />
                  <div
                    class="leaflet-pane leaflet-popup-pane"
                  />
                </div>
                <div
                  class="leaflet-control-container"
                >
                  <div
                    class="leaflet-top leaflet-left"
                  >
                    <div
                      class="leaflet-control-zoom leaflet-bar leaflet-control"
                    >
                      <a
                        aria-label="Zoom in"
                        class="leaflet-control-zoom-in"
                        href="#"
                        role="button"
                        title="Zoom in"
                      >
                        +
                      </a>
                      <a
                        aria-label="Zoom out"
                        class="leaflet-control-zoom-out"
                        href="#"
                        role="button"
                        title="Zoom out"
                      >
                        −
                      </a>
                    </div>
                  </div>
                  <div
                    class="leaflet-top leaflet-right"
                  />
                  <div
                    class="leaflet-bottom leaflet-left"
                  />
                  <div
                    class="leaflet-bottom leaflet-right"
                  >
                    <div
                      class="leaflet-control-attribution leaflet-control"
                    >
                      <a
                        href="https://leafletjs.com"
                        title="A JS library for interactive maps"
                      >
                        Leaflet
                      </a>
                       | © 
                      <a
                        href="http://osm.org/copyright"
                      >
                        OpenStreetMap
                      </a>
                       contributors
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /home unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /package-create authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 makeStyles-appBarShift-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Create Deployments
            </h6>
            <nav
              aria-label="breadcrumb"
              class="MuiTypography-root MuiBreadcrumbs-root MuiTypography-body1 MuiTypography-colorInherit"
              style="font-size: 10px;"
            >
              <ol
                class="MuiBreadcrumbs-ol"
              >
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/packages"
                  >
                    Deployments
                  </a>
                </li>
                <li
                  aria-hidden="true"
                  class="MuiBreadcrumbs-separator"
                >
                  /
                </li>
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/package-create"
                  >
                    Create Deployments
                  </a>
                </li>
              </ol>
            </nav>
          </div>
          <div
            class="makeStyles-rightToolbar-0000"
            color="inherit"
          >
            <button
              aria-controls="fade-menu"
              aria-haspopup="true"
              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
              tabindex="0"
              type="button"
            >
              <span
                class="MuiButton-label"
              >
                John
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </button>
          </div>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-0000"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-0000 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-0000 makeStyles-drawerHeaderLogo-0000"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-0000"
              src="fisker-badge.svg"
            />
          </div>
          <hr
            class="MuiDivider-root"
          />
          <ul
            class="MuiList-root MuiList-padding"
          >
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/home"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Home
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/packages"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deployments
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/fleets"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2.03L9 18v-5H4V5.98L13 6v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 13.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Fleets
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0000 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                href="https://dev-superset.cloud.fiskerinc.com/r/3"
                rel="noopener"
                role="button"
                tabindex="0"
                target="_blank"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Datascope
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemIcon-root"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
                      />
                    </svg>
                  </div>
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Tools
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </span>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Certificate
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-0000 makeStyles-contentShift-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-manifestcreateprovider"
          >
            <div
              class="makeStyles-paper-0000"
            >
              <form
                action="{onSubmit}"
                class="makeStyles-form-0000"
                novalidate=""
              >
                <div
                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
                >
                  <label
                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
                    data-shrink="false"
                    for="packagename"
                    id="packagename-label"
                  >
                    Package name
                    <span
                      aria-hidden="true"
                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
                    >
                       
                      *
                    </span>
                  </label>
                  <div
                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
                  >
                    <input
                      aria-invalid="false"
                      class="MuiInputBase-input MuiOutlinedInput-input"
                      id="packagename"
                      maxlength="255"
                      name="packagename"
                      required=""
                      type="text"
                      value=""
                    />
                    <fieldset
                      aria-hidden="true"
                      class="PrivateNotchedOutline-root-1225 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1227"
                      >
                        <span>
                          Package name
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <div
                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
                >
                  <label
                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
                    data-shrink="false"
                    for="version"
                    id="version-label"
                  >
                    Version
                    <span
                      aria-hidden="true"
                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
                    >
                       
                      *
                    </span>
                  </label>
                  <div
                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
                  >
                    <input
                      aria-invalid="false"
                      class="MuiInputBase-input MuiOutlinedInput-input"
                      id="version"
                      maxlength="255"
                      name="version"
                      required=""
                      type="text"
                      value=""
                    />
                    <fieldset
                      aria-hidden="true"
                      class="PrivateNotchedOutline-root-1225 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1227"
                      >
                        <span>
                          Version
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <div
                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
                >
                  <label
                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
                    data-shrink="false"
                    for="description"
                    id="description-label"
                  >
                    Description
                    <span
                      aria-hidden="true"
                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
                    >
                       
                      *
                    </span>
                  </label>
                  <div
                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline MuiOutlinedInput-multiline"
                  >
                    <textarea
                      aria-invalid="false"
                      class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline MuiOutlinedInput-inputMultiline"
                      id="description"
                      maxlength="5120"
                      name="description"
                      placeholder="Package description"
                      required=""
                      rows="4"
                      style="height: 0px; overflow: hidden;"
                    />
                    <textarea
                      aria-hidden="true"
                      class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline MuiOutlinedInput-inputMultiline"
                      readonly=""
                      style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); width: 100%;"
                      tabindex="-1"
                    />
                    <fieldset
                      aria-hidden="true"
                      class="PrivateNotchedOutline-root-1225 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1227"
                      >
                        <span>
                          Description
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <div
                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
                >
                  <label
                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
                    data-shrink="false"
                    for="release_notes"
                    id="release_notes-label"
                  >
                    Release Notes URL
                    <span
                      aria-hidden="true"
                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
                    >
                       
                      *
                    </span>
                  </label>
                  <div
                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
                  >
                    <input
                      aria-invalid="false"
                      class="MuiInputBase-input MuiOutlinedInput-input"
                      id="release_notes"
                      maxlength="1024"
                      name="release_notes"
                      placeholder="Release Notes URL"
                      required=""
                      type="text"
                      value=""
                    />
                    <fieldset
                      aria-hidden="true"
                      class="PrivateNotchedOutline-root-1225 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1227"
                      >
                        <span>
                          Release Notes URL
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <h6
                  class="MuiTypography-root MuiTypography-h6"
                >
                  ECU Files
                </h6>
                <table
                  class="MuiTable-root"
                >
                  <thead
                    class="MuiTableHead-root"
                  >
                    <tr
                      class="MuiTableRow-root MuiTableRow-head"
                    >
                      <th
                        class="MuiTableCell-root MuiTableCell-head"
                        scope="col"
                      >
                        ID
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head"
                        scope="col"
                      >
                        ECU
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head"
                        scope="col"
                      >
                        Version
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head"
                        scope="col"
                      >
                        Hardware
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head"
                        scope="col"
                      />
                    </tr>
                  </thead>
                  <tbody
                    class="MuiTableBody-root"
                  >
                    <tr
                      class="MuiTableRow-root"
                    >
                      <td
                        class="MuiTableCell-root MuiTableCell-body"
                      >
                        0
                      </td>
                      <td
                        class="MuiTableCell-root MuiTableCell-body"
                      >
                        <div
                          class="MuiInputBase-root MuiOutlinedInput-root"
                        >
                          <select
                            class="MuiSelect-root MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input"
                            id="name"
                          >
                            <option
                              value="AGS"
                            >
                              Active Grille Shutter
                            </option>
                            <option
                              value="ADB"
                            >
                              Adaptive Driving Beam
                            </option>
                            <option
                              value="ADAS"
                            >
                              Advanced Driver Assist System
                            </option>
                            <option
                              value="ACU"
                            >
                              Airbag Control Unit
                            </option>
                            <option
                              value="ACP"
                            >
                              Airconditioning Control Panel
                            </option>
                            <option
                              value="AMP"
                            >
                              Amplifier
                            </option>
                            <option
                              value="AP_FL"
                            >
                              Anti-Pinch Front Left
                            </option>
                            <option
                              value="AP_FR"
                            >
                              Anti-Pinch Front Right
                            </option>
                            <option
                              value="AP_RL"
                            >
                              Anti-Pinch Rear Left
                            </option>
                            <option
                              value="AP_RR"
                            >
                              Anti-Pinch Rear Right
                            </option>
                            <option
                              value="AL"
                            >
                              Atmosphere Lamp
                            </option>
                            <option
                              value="BCS"
                            >
                              Battery HV Current Sensor
                            </option>
                            <option
                              value="BMS"
                            >
                              Battery Management System
                            </option>
                            <option
                              value="BMU"
                            >
                              Battery Management Unit
                            </option>
                            <option
                              value="BCM"
                            >
                              Body Control Module
                            </option>
                            <option
                              value="CDS"
                            >
                              Center Display Screen
                            </option>
                            <option
                              value="CCU"
                            >
                              Charging Control Unit
                            </option>
                            <option
                              value="CIM"
                            >
                              Column Integrated Module
                            </option>
                            <option
                              value="CVM"
                            >
                              Coolant Valve Module
                            </option>
                            <option
                              value="CFM"
                            >
                              Cooling Fan Module
                            </option>
                            <option
                              value="CMRR_FL"
                            >
                              Corner Mid Range Radar Front Left
                            </option>
                            <option
                              value="CMRR_FR"
                            >
                              Corner Mid Range Radar Front Right
                            </option>
                            <option
                              value="CMRR_RL"
                            >
                              Corner Mid Range Radar Rear Left
                            </option>
                            <option
                              value="CMRR_RR"
                            >
                              Corner Mid Range Radar Rear Right
                            </option>
                            <option
                              value="DVRC"
                            >
                              Digital Video Recorder Camera
                            </option>
                            <option
                              value="DC-CHM"
                            >
                              Direct Current Charge Machine
                            </option>
                            <option
                              value="DMC"
                            >
                              Driver Monitor Camera
                            </option>
                            <option
                              value="DSMC"
                            >
                              Driver Seat Memory Controller
                            </option>
                            <option
                              value="DWSG"
                            >
                              Driver Window Switch Group
                            </option>
                            <option
                              value="EKS"
                            >
                              ElectroKnox
                            </option>
                            <option
                              value="EPS"
                            >
                              Electric Power Steering
                            </option>
                            <option
                              value="EAS"
                            >
                              Electrical Air Compressor System
                            </option>
                            <option
                              value="ECC"
                            >
                              Electrical Climate Controller
                            </option>
                            <option
                              value="EWP_B"
                            >
                              Electrical Water Pump Battery
                            </option>
                            <option
                              value="EWP_FD"
                            >
                              Electrical Water Pump Front Drive
                            </option>
                            <option
                              value="EWP_H"
                            >
                              Electrical Water Pump Heat
                            </option>
                            <option
                              value="EWP_RD"
                            >
                              Electrical Water Pump Rear Drive
                            </option>
                            <option
                              value="EWM"
                            >
                              Electrical Wiper Motor
                            </option>
                            <option
                              value="EXV_B"
                            >
                              Electronic Expansion Value Battery
                            </option>
                            <option
                              value="EXV_HP"
                            >
                              Electronic Expansion Valve HPC
                            </option>
                            <option
                              value="ESP"
                            >
                              Electronic Stability Program
                            </option>
                            <option
                              value="FDHA_FL"
                            >
                              Flush Door Handle Actuator Front Left
                            </option>
                            <option
                              value="FDHA_FR"
                            >
                              Flush Door Handle Actuator Front Right
                            </option>
                            <option
                              value="FDHA_RL"
                            >
                              Flush Door Handle Actuator Rear Left
                            </option>
                            <option
                              value="FDHA_RR"
                            >
                              Flush Door Handle Actuator Rear Right
                            </option>
                            <option
                              value="Lumber"
                            >
                              Four-Way Lumber
                            </option>
                            <option
                              value="FBM_L"
                            >
                              Front Beam Module Left
                            </option>
                            <option
                              value="FBM_R"
                            >
                              Front Beam Module Right
                            </option>
                            <option
                              value="FVC"
                            >
                              Front Video Camera
                            </option>
                            <option
                              value="GW"
                            >
                              Gateway
                            </option>
                            <option
                              value="HUD"
                            >
                              Head-Up Display
                            </option>
                            <option
                              value="IDS"
                            >
                              Instrument Display Screen
                            </option>
                            <option
                              value="ICC"
                            >
                              Integrated Cockpit Controller
                            </option>
                            <option
                              value="IBS"
                            >
                              Intelligent Battery Sensor
                            </option>
                            <option
                              value="iBooster"
                            >
                              Intelligent Booster
                            </option>
                            <option
                              value="KS"
                            >
                              Kick Sensor
                            </option>
                            <option
                              value="LSC"
                            >
                              Left Side Camera
                            </option>
                            <option
                              value="MRR"
                            >
                              Mid Range Radar
                            </option>
                            <option
                              value="MCU_F"
                            >
                              Motor Control Unit Front
                            </option>
                            <option
                              value="MCU_R"
                            >
                              Motor Control Unit Rear
                            </option>
                            <option
                              value="MDV"
                            >
                              Motorized Deco-Vent
                            </option>
                            <option
                              value="MFS"
                            >
                              Multifunction Steering
                            </option>
                            <option
                              value="MIS"
                            >
                              Multimedia Interactive Switch
                            </option>
                            <option
                              value="MPC"
                            >
                              Multipurpose Camera
                            </option>
                            <option
                              value="OMC"
                            >
                              Occupant Monitor Camera
                            </option>
                            <option
                              value="OHC"
                            >
                              Overhead Console
                            </option>
                            <option
                              value="PAS"
                            >
                              Parking Assistant System
                            </option>
                            <option
                              value="PCU"
                            >
                              Parking Control Unit
                            </option>
                            <option
                              value="PMS"
                            >
                              Particulate Matter Sensor
                            </option>
                            <option
                              value="PSM"
                            >
                              Passenger Seat Module
                            </option>
                            <option
                              value="PEPS"
                            >
                              Passive Entry And Passive Start
                            </option>
                            <option
                              value="PKC"
                            >
                              Phone Key Controller
                            </option>
                            <option
                              value="PKC_ANT_L"
                            >
                              Phone Key Controller Antenna Left
                            </option>
                            <option
                              value="PKC_ANT_R"
                            >
                              Phone Key Controller Antenna Right
                            </option>
                            <option
                              value="PWC"
                            >
                              Phone Wireless Charging
                            </option>
                            <option
                              value="PASC"
                            >
                              Power Adjust Steering Column
                            </option>
                            <option
                              value="PDU"
                            >
                              Power Distribution Unit
                            </option>
                            <option
                              value="PLGM"
                            >
                              Power Lift Gate Module
                            </option>
                            <option
                              value="RLS"
                            >
                              Rain Light Sensor
                            </option>
                            <option
                              value="RAC"
                            >
                              Rear Airconditioning Control
                            </option>
                            <option
                              value="RVC"
                            >
                              Rear View Camera
                            </option>
                            <option
                              value="RSC"
                            >
                              Right Side Camera
                            </option>
                            <option
                              value="RCM"
                            >
                              Roof Control Module
                            </option>
                            <option
                              value="RSM"
                            >
                              Roof Shade Module
                            </option>
                            <option
                              value="TBOX"
                            >
                              Telematics Box
                            </option>
                            <option
                              value="TPMS"
                            >
                              Tire Pressure Monitoring System
                            </option>
                            <option
                              value="TDS"
                            >
                              Touch Display Screen
                            </option>
                            <option
                              value="USB Box"
                            >
                              USB Box
                            </option>
                            <option
                              value="VCU"
                            >
                              Vehicle Control Unit
                            </option>
                            <option
                              value="VSP"
                            >
                              Vehicle Sound For Pedestraion
                            </option>
                            <option
                              value="WTC_B"
                            >
                              Water Thermal Controller Battery
                            </option>
                            <option
                              value="WTC_H"
                            >
                              Water Thermal Controller Heat
                            </option>
                          </select>
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root MuiSelect-icon MuiSelect-iconOutlined"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M7 10l5 5 5-5z"
                            />
                          </svg>
                          <fieldset
                            aria-hidden="true"
                            class="PrivateNotchedOutline-root-1225 MuiOutlinedInput-notchedOutline"
                            style="padding-left: 8px;"
                          >
                            <legend
                              class="PrivateNotchedOutline-legend-1226"
                              style="width: 0.01px;"
                            >
                              <span>
                                ​
                              </span>
                            </legend>
                          </fieldset>
                        </div>
                      </td>
                      <td
                        class="MuiTableCell-root MuiTableCell-body"
                      >
                        <div
                          class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
                          requried="true"
                        >
                          <div
                            class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
                          >
                            <input
                              aria-invalid="false"
                              class="MuiInputBase-input MuiInput-input"
                              id="version"
                              name="version"
                              placeholder="Version"
                              type="text"
                              value=""
                            />
                          </div>
                        </div>
                      </td>
                      <td
                        class="MuiTableCell-root MuiTableCell-body"
                      >
                        <div
                          class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
                          requried="false"
                        >
                          <div
                            class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
                          >
                            <input
                              aria-invalid="false"
                              class="MuiInputBase-input MuiInput-input"
                              id="hw_version"
                              name="hw_version"
                              placeholder="Hardware"
                              type="text"
                              value=""
                            />
                          </div>
                        </div>
                      </td>
                      <td
                        class="MuiTableCell-root MuiTableCell-body"
                        width="25"
                      >
                        <a
                          href="/package-create"
                        >
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
                            />
                          </svg>
                        </a>
                      </td>
                    </tr>
                    <tr
                      class="MuiTableRow-root"
                    >
                      <td
                        class="MuiTableCell-root MuiTableCell-body"
                        colspan="5"
                      >
                        <table
                          class="MuiTable-root"
                        >
                          <thead
                            class="MuiTableHead-root"
                          >
                            <tr
                              class="MuiTableRow-root MuiTableRow-head"
                            >
                              <th
                                class="MuiTableCell-root MuiTableCell-head"
                                scope="col"
                              >
                                Filename
                              </th>
                              <th
                                class="MuiTableCell-root MuiTableCell-head"
                                scope="col"
                              >
                                Offset
                              </th>
                              <th
                                class="MuiTableCell-root MuiTableCell-head"
                                scope="col"
                              >
                                Checksum
                              </th>
                              <th
                                class="MuiTableCell-root MuiTableCell-head"
                                scope="col"
                              >
                                Type
                              </th>
                              <th
                                class="MuiTableCell-root MuiTableCell-head"
                                scope="col"
                              />
                            </tr>
                          </thead>
                          <tbody
                            class="MuiTableBody-root"
                          >
                            <tr
                              class="MuiTableRow-root"
                            >
                              <td
                                class="MuiTableCell-root MuiTableCell-body"
                              >
                                test.bin
                              </td>
                              <td
                                class="MuiTableCell-root MuiTableCell-body"
                              >
                                <div
                                  class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
                                  requried="false"
                                >
                                  <div
                                    class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
                                  >
                                    <input
                                      aria-invalid="false"
                                      class="MuiInputBase-input MuiInput-input"
                                      id="offset"
                                      name="offset"
                                      placeholder="Offset"
                                      type="text"
                                      value="0"
                                    />
                                  </div>
                                </div>
                              </td>
                              <td
                                class="MuiTableCell-root MuiTableCell-body"
                              >
                                <div
                                  class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
                                  requried="false"
                                >
                                  <div
                                    class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
                                  >
                                    <input
                                      aria-invalid="false"
                                      class="MuiInputBase-input MuiInput-input"
                                      id="checksum"
                                      name="checksum"
                                      placeholder="Checksum"
                                      type="text"
                                      value=""
                                    />
                                  </div>
                                </div>
                              </td>
                              <td
                                class="MuiTableCell-root MuiTableCell-body"
                              >
                                <div
                                  class="MuiInputBase-root MuiOutlinedInput-root"
                                >
                                  <select
                                    class="MuiSelect-root MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input"
                                    id="type"
                                  >
                                    <option
                                      value="bootloader"
                                    >
                                      Bootloader
                                    </option>
                                    <option
                                      value="software"
                                    >
                                      Software
                                    </option>
                                    <option
                                      value="calibration"
                                    >
                                      Calibration
                                    </option>
                                    <option
                                      value="configuration"
                                    >
                                      Configuration
                                    </option>
                                    <option
                                      value="none"
                                    >
                                      None
                                    </option>
                                  </select>
                                  <svg
                                    aria-hidden="true"
                                    class="MuiSvgIcon-root MuiSelect-icon MuiSelect-iconOutlined"
                                    focusable="false"
                                    viewBox="0 0 24 24"
                                  >
                                    <path
                                      d="M7 10l5 5 5-5z"
                                    />
                                  </svg>
                                  <fieldset
                                    aria-hidden="true"
                                    class="PrivateNotchedOutline-root-1225 MuiOutlinedInput-notchedOutline"
                                    style="padding-left: 8px;"
                                  >
                                    <legend
                                      class="PrivateNotchedOutline-legend-1226"
                                      style="width: 0.01px;"
                                    >
                                      <span>
                                        ​
                                      </span>
                                    </legend>
                                  </fieldset>
                                </div>
                              </td>
                              <td
                                class="MuiTableCell-root MuiTableCell-body"
                                width="25"
                              >
                                <a
                                  href="/package-create"
                                >
                                  <svg
                                    aria-hidden="true"
                                    class="MuiSvgIcon-root"
                                    focusable="false"
                                    viewBox="0 0 24 24"
                                  >
                                    <path
                                      d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
                                    />
                                  </svg>
                                </a>
                              </td>
                            </tr>
                          </tbody>
                          <tfoot
                            class="MuiTableFooter-root"
                          >
                            <tr
                              class="MuiTableRow-root MuiTableRow-footer"
                            >
                              <td
                                class="MuiTableCell-root MuiTableCell-footer"
                                colspan="5"
                              >
                                <div
                                  class="makeStyles-fileDropArea-0000 makeStyles-clickable-0000"
                                >
                                  ADD FILES
                                </div>
                                <input
                                  class="makeStyles-hidden-0000"
                                  type="file"
                                />
                              </td>
                            </tr>
                          </tfoot>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                  <tfoot
                    class="MuiTableFooter-root"
                  >
                    <tr
                      class="MuiTableRow-root MuiTableRow-footer"
                    >
                      <td
                        class="MuiTableCell-root MuiTableCell-footer MuiTableCell-alignCenter"
                        colspan="5"
                      >
                        <button
                          class="MuiButtonBase-root MuiButton-root MuiButton-text"
                          tabindex="0"
                          type="button"
                        >
                          <span
                            class="MuiButton-label"
                          >
                            Add ECU
                          </span>
                          <span
                            class="MuiTouchRipple-root"
                          />
                        </button>
                      </td>
                    </tr>
                  </tfoot>
                </table>
                <button
                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary MuiButton-fullWidth"
                  tabindex="0"
                  type="submit"
                >
                  <span
                    class="MuiButton-label"
                  >
                    Submit
                  </span>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </button>
              </form>
            </div>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /package-create unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /package-deploy authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 makeStyles-appBarShift-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Deploy Test Manifest 1.0
            </h6>
            <nav
              aria-label="breadcrumb"
              class="MuiTypography-root MuiBreadcrumbs-root MuiTypography-body1 MuiTypography-colorInherit"
              style="font-size: 10px;"
            >
              <ol
                class="MuiBreadcrumbs-ol"
              >
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/packages"
                  >
                    Deployments
                  </a>
                </li>
                <li
                  aria-hidden="true"
                  class="MuiBreadcrumbs-separator"
                >
                  /
                </li>
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/package-deploy/1"
                  >
                    Deploy Test Manifest 1.0
                  </a>
                </li>
              </ol>
            </nav>
          </div>
          <div
            class="makeStyles-rightToolbar-0000"
            color="inherit"
          >
            <button
              aria-controls="fade-menu"
              aria-haspopup="true"
              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
              tabindex="0"
              type="button"
            >
              <span
                class="MuiButton-label"
              >
                John
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </button>
          </div>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-0000"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-0000 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-0000 makeStyles-drawerHeaderLogo-0000"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-0000"
              src="fisker-badge.svg"
            />
          </div>
          <hr
            class="MuiDivider-root"
          />
          <ul
            class="MuiList-root MuiList-padding"
          >
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/home"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Home
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/packages"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deployments
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/fleets"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2.03L9 18v-5H4V5.98L13 6v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 13.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Fleets
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0000 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                href="https://dev-superset.cloud.fiskerinc.com/r/3"
                rel="noopener"
                role="button"
                tabindex="0"
                target="_blank"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Datascope
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemIcon-root"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
                      />
                    </svg>
                  </div>
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Tools
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </span>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Certificate
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-0000 makeStyles-contentShift-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-vehicleprovider"
          >
            <div
              data-testid="mocked-manifestsprovider"
            >
              <div
                data-testid="mocked-carupdatesprovider"
              >
                <div
                  class="makeStyles-paper-0000"
                >
                  <form
                    action="{onSubmit}"
                    class="makeStyles-form-0000"
                    novalidate=""
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2"
                    >
                      Created 
                      7/1/2021 10:40:07 PM
                      .
                    </p>
                    <div
                      class="MuiGrid-root makeStyles-root-0000 MuiGrid-container MuiGrid-spacing-xs-2"
                    >
                      <div
                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-4"
                      >
                        <div
                          class="makeStyles-labelInline-0000"
                        >
                          0 Selected
                        </div>
                      </div>
                      <div
                        class="MuiGrid-root makeStyles-textCenterAlign-0000 MuiGrid-item MuiGrid-grid-md-4"
                      >
                        <div
                          class="MuiFormControl-root makeStyles-margin-0000 makeStyles-fullWidth-0000"
                        >
                          <label
                            class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
                            data-shrink="false"
                            for="search"
                          >
                            Search
                          </label>
                          <div
                            class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
                          >
                            <input
                              aria-invalid="false"
                              class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
                              id="search"
                              type="text"
                              value=""
                            />
                            <div
                              class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
                            >
                              <button
                                aria-label="search"
                                class="MuiButtonBase-root MuiIconButton-root"
                                tabindex="0"
                                type="button"
                              >
                                <span
                                  class="MuiIconButton-label"
                                >
                                  <svg
                                    aria-hidden="true"
                                    class="MuiSvgIcon-root"
                                    focusable="false"
                                    viewBox="0 0 24 24"
                                  >
                                    <path
                                      d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
                                    />
                                  </svg>
                                </span>
                                <span
                                  class="MuiTouchRipple-root"
                                />
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="MuiGrid-root makeStyles-textRightAlign-0000 MuiGrid-item MuiGrid-grid-md-4"
                      >
                        <button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-0000 makeStyles-textField-0000 MuiButton-containedPrimary Mui-disabled Mui-disabled"
                          disabled=""
                          tabindex="-1"
                          type="submit"
                        >
                          <span
                            class="MuiButton-label"
                          >
                            Deploy
                          </span>
                        </button>
                      </div>
                    </div>
                    <div
                      class="makeStyles-paper-0000 makeStyles-tableSize-0000"
                    >
                      <table
                        class="MuiTable-root"
                      >
                        <thead
                          class="MuiTableHead-root"
                        >
                          <tr
                            class="MuiTableRow-root MuiTableRow-head"
                          >
                            <th
                              class="MuiTableCell-root MuiTableCell-head MuiTableCell-paddingCheckbox"
                              scope="col"
                            >
                              <span
                                aria-disabled="false"
                                class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1160 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                              >
                                <span
                                  class="MuiIconButton-label"
                                >
                                  <input
                                    aria-label="select all desserts"
                                    class="PrivateSwitchBase-input-1163"
                                    data-indeterminate="false"
                                    type="checkbox"
                                    value=""
                                  />
                                  <svg
                                    aria-hidden="true"
                                    class="MuiSvgIcon-root"
                                    focusable="false"
                                    viewBox="0 0 24 24"
                                  >
                                    <path
                                      d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                                    />
                                  </svg>
                                </span>
                                <span
                                  class="MuiTouchRipple-root"
                                />
                              </span>
                            </th>
                            <th
                              aria-sort="ascending"
                              class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                              scope="col"
                            >
                              <span
                                aria-disabled="false"
                                class="MuiButtonBase-root MuiTableSortLabel-root MuiTableSortLabel-active"
                                role="button"
                                tabindex="0"
                              >
                                VIN
                                <span
                                  class="makeStyles-hiddenSortSpan-0000"
                                >
                                  sorted ascending
                                </span>
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                                  focusable="false"
                                  viewBox="0 0 24 24"
                                >
                                  <path
                                    d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                                  />
                                </svg>
                              </span>
                            </th>
                            <th
                              class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                              scope="col"
                            >
                              <span
                                aria-disabled="false"
                                class="MuiButtonBase-root MuiTableSortLabel-root"
                                role="button"
                                tabindex="0"
                              >
                                Model
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                                  focusable="false"
                                  viewBox="0 0 24 24"
                                >
                                  <path
                                    d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                                  />
                                </svg>
                              </span>
                            </th>
                            <th
                              class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                              scope="col"
                            >
                              <span
                                aria-disabled="false"
                                class="MuiButtonBase-root MuiTableSortLabel-root"
                                role="button"
                                tabindex="0"
                              >
                                Year
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                                  focusable="false"
                                  viewBox="0 0 24 24"
                                >
                                  <path
                                    d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                                  />
                                </svg>
                              </span>
                            </th>
                            <th
                              class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                              scope="col"
                            >
                              <span
                                aria-disabled="false"
                                class="MuiButtonBase-root MuiTableSortLabel-root"
                                role="button"
                                tabindex="0"
                              >
                                Trim
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                                  focusable="false"
                                  viewBox="0 0 24 24"
                                >
                                  <path
                                    d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                                  />
                                </svg>
                              </span>
                            </th>
                            <th
                              class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                              scope="col"
                            >
                              <span
                                aria-disabled="false"
                                class="MuiButtonBase-root MuiTableSortLabel-root"
                                role="button"
                                tabindex="0"
                              >
                                Created
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                                  focusable="false"
                                  viewBox="0 0 24 24"
                                >
                                  <path
                                    d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                                  />
                                </svg>
                              </span>
                            </th>
                            <th
                              class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                              scope="col"
                            >
                              <span
                                aria-disabled="false"
                                class="MuiButtonBase-root MuiTableSortLabel-root"
                                role="button"
                                tabindex="0"
                              >
                                Updated
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                                  focusable="false"
                                  viewBox="0 0 24 24"
                                >
                                  <path
                                    d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                                  />
                                </svg>
                              </span>
                            </th>
                          </tr>
                        </thead>
                        <tbody
                          class="MuiTableBody-root"
                        />
                        <tfoot
                          class="MuiTableFooter-root"
                        >
                          <tr
                            class="MuiTableRow-root MuiTableRow-footer"
                          >
                            <td
                              class="MuiTableCell-root MuiTableCell-footer MuiTablePagination-root"
                              colspan="7"
                            >
                              <div
                                class="MuiToolbar-root MuiToolbar-regular MuiTablePagination-toolbar MuiToolbar-gutters"
                              >
                                <div
                                  class="MuiTablePagination-spacer"
                                />
                                <p
                                  class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
                                  id="mui-00000"
                                >
                                  Rows per page:
                                </p>
                                <div
                                  class="MuiInputBase-root MuiTablePagination-input MuiTablePagination-selectRoot"
                                >
                                  <select
                                    aria-label="rows per page"
                                    class="MuiSelect-root MuiSelect-select MuiTablePagination-select MuiInputBase-input"
                                    id="mui-00000"
                                  >
                                    <option
                                      class="MuiTablePagination-menuItem"
                                      value="5"
                                    >
                                      5
                                    </option>
                                    <option
                                      class="MuiTablePagination-menuItem"
                                      value="10"
                                    >
                                      10
                                    </option>
                                    <option
                                      class="MuiTablePagination-menuItem"
                                      value="25"
                                    >
                                      25
                                    </option>
                                    <option
                                      class="MuiTablePagination-menuItem"
                                      value="100"
                                    >
                                      100
                                    </option>
                                  </select>
                                  <svg
                                    aria-hidden="true"
                                    class="MuiSvgIcon-root MuiSelect-icon MuiTablePagination-selectIcon"
                                    focusable="false"
                                    viewBox="0 0 24 24"
                                  >
                                    <path
                                      d="M7 10l5 5 5-5z"
                                    />
                                  </svg>
                                </div>
                                <p
                                  class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
                                >
                                  0-0 of 0
                                </p>
                                <div
                                  class="MuiTablePagination-actions"
                                >
                                  <button
                                    aria-label="Previous page"
                                    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
                                    disabled=""
                                    tabindex="-1"
                                    title="Previous page"
                                    type="button"
                                  >
                                    <span
                                      class="MuiIconButton-label"
                                    >
                                      <svg
                                        aria-hidden="true"
                                        class="MuiSvgIcon-root"
                                        focusable="false"
                                        viewBox="0 0 24 24"
                                      >
                                        <path
                                          d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
                                        />
                                      </svg>
                                    </span>
                                  </button>
                                  <button
                                    aria-label="Next page"
                                    class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
                                    disabled=""
                                    tabindex="-1"
                                    title="Next page"
                                    type="button"
                                  >
                                    <span
                                      class="MuiIconButton-label"
                                    >
                                      <svg
                                        aria-hidden="true"
                                        class="MuiSvgIcon-root"
                                        focusable="false"
                                        viewBox="0 0 24 24"
                                      >
                                        <path
                                          d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
                                        />
                                      </svg>
                                    </span>
                                  </button>
                                </div>
                              </div>
                            </td>
                          </tr>
                        </tfoot>
                      </table>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /package-deploy unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /package-status authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 makeStyles-appBarShift-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Manifest Test Manifest 1.0
            </h6>
            <nav
              aria-label="breadcrumb"
              class="MuiTypography-root MuiBreadcrumbs-root MuiTypography-body1 MuiTypography-colorInherit"
              style="font-size: 10px;"
            >
              <ol
                class="MuiBreadcrumbs-ol"
              >
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/packages"
                  >
                    Deployments
                  </a>
                </li>
                <li
                  aria-hidden="true"
                  class="MuiBreadcrumbs-separator"
                >
                  /
                </li>
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/package-deploy/1"
                  >
                    Deploy Test Manifest 1.0
                  </a>
                </li>
                <li
                  aria-hidden="true"
                  class="MuiBreadcrumbs-separator"
                >
                  /
                </li>
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/package-status/1"
                  >
                    Manifest Test Manifest 1.0
                  </a>
                </li>
              </ol>
            </nav>
          </div>
          <div
            class="makeStyles-rightToolbar-0000"
            color="inherit"
          >
            <button
              aria-controls="fade-menu"
              aria-haspopup="true"
              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
              tabindex="0"
              type="button"
            >
              <span
                class="MuiButton-label"
              >
                John
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </button>
          </div>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-0000"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-0000 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-0000 makeStyles-drawerHeaderLogo-0000"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-0000"
              src="fisker-badge.svg"
            />
          </div>
          <hr
            class="MuiDivider-root"
          />
          <ul
            class="MuiList-root MuiList-padding"
          >
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/home"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Home
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/packages"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deployments
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/fleets"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2.03L9 18v-5H4V5.98L13 6v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 13.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Fleets
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0000 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                href="https://dev-superset.cloud.fiskerinc.com/r/3"
                rel="noopener"
                role="button"
                tabindex="0"
                target="_blank"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Datascope
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemIcon-root"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
                      />
                    </svg>
                  </div>
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Tools
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </span>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Certificate
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-0000 makeStyles-contentShift-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-manifestsprovider"
          >
            <div
              data-testid="mocked-carupdatesprovider"
            >
              <div
                class="makeStyles-link-0000"
              >
                Show Details
              </div>
              <div
                class="makeStyles-paper-0000 makeStyles-tableSize-0000"
              >
                <table
                  class="MuiTable-root"
                >
                  <thead
                    class="MuiTableHead-root"
                  >
                    <tr
                      class="MuiTableRow-root MuiTableRow-head"
                    >
                      <th
                        class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                        scope="col"
                      >
                        ID
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                        scope="col"
                      >
                        Vehicle
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                        scope="col"
                      >
                        Status
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                        scope="col"
                      >
                        Created
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                        scope="col"
                      >
                        Updated
                      </th>
                    </tr>
                  </thead>
                  <tbody
                    class="MuiTableBody-root"
                  >
                    <tr
                      class="MuiTableRow-root"
                    >
                      <td
                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                      >
                        1
                      </td>
                      <td
                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                        style="vertical-align: top;"
                      >
                        <a
                          href="/vehicle-status/1G1FP87S3GN100062"
                        >
                          1G1FP87S3GN100062
                        </a>
                      </td>
                      <td
                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                      >
                        downloaded
                      </td>
                      <td
                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                      >
                        7/1/2021 10:40:07 PM
                      </td>
                      <td
                        class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                      >
                        7/12/2021 6:22:13 PM
                      </td>
                    </tr>
                  </tbody>
                  <tfoot
                    class="MuiTableFooter-root"
                  >
                    <tr
                      class="MuiTableRow-root MuiTableRow-footer"
                    >
                      <td
                        class="MuiTableCell-root MuiTableCell-footer MuiTablePagination-root"
                        colspan="5"
                      >
                        <div
                          class="MuiToolbar-root MuiToolbar-regular MuiTablePagination-toolbar MuiToolbar-gutters"
                        >
                          <div
                            class="MuiTablePagination-spacer"
                          />
                          <p
                            class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
                            id="mui-00000"
                          >
                            Rows per page:
                          </p>
                          <div
                            class="MuiInputBase-root MuiTablePagination-input MuiTablePagination-selectRoot"
                          >
                            <select
                              aria-label="rows per page"
                              class="MuiSelect-root MuiSelect-select MuiTablePagination-select MuiInputBase-input"
                              id="mui-00000"
                            >
                              <option
                                class="MuiTablePagination-menuItem"
                                value="5"
                              >
                                5
                              </option>
                              <option
                                class="MuiTablePagination-menuItem"
                                value="10"
                              >
                                10
                              </option>
                              <option
                                class="MuiTablePagination-menuItem"
                                value="25"
                              >
                                25
                              </option>
                              <option
                                class="MuiTablePagination-menuItem"
                                value="100"
                              >
                                100
                              </option>
                            </select>
                            <svg
                              aria-hidden="true"
                              class="MuiSvgIcon-root MuiSelect-icon MuiTablePagination-selectIcon"
                              focusable="false"
                              viewBox="0 0 24 24"
                            >
                              <path
                                d="M7 10l5 5 5-5z"
                              />
                            </svg>
                          </div>
                          <p
                            class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
                          >
                            1-1 of 1
                          </p>
                          <div
                            class="MuiTablePagination-actions"
                          >
                            <button
                              aria-label="Previous page"
                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
                              disabled=""
                              tabindex="-1"
                              title="Previous page"
                              type="button"
                            >
                              <span
                                class="MuiIconButton-label"
                              >
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root"
                                  focusable="false"
                                  viewBox="0 0 24 24"
                                >
                                  <path
                                    d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
                                  />
                                </svg>
                              </span>
                            </button>
                            <button
                              aria-label="Next page"
                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
                              disabled=""
                              tabindex="-1"
                              title="Next page"
                              type="button"
                            >
                              <span
                                class="MuiIconButton-label"
                              >
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root"
                                  focusable="false"
                                  viewBox="0 0 24 24"
                                >
                                  <path
                                    d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
                                  />
                                </svg>
                              </span>
                            </button>
                          </div>
                        </div>
                      </td>
                    </tr>
                  </tfoot>
                </table>
              </div>
            </div>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /package-status unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /packages authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 makeStyles-appBarShift-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Deployments
            </h6>
          </div>
          <div
            class="makeStyles-rightToolbar-0000"
            color="inherit"
          >
            <button
              aria-controls="fade-menu"
              aria-haspopup="true"
              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
              tabindex="0"
              type="button"
            >
              <span
                class="MuiButton-label"
              >
                John
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </button>
          </div>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-0000"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-0000 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-0000 makeStyles-drawerHeaderLogo-0000"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-0000"
              src="fisker-badge.svg"
            />
          </div>
          <hr
            class="MuiDivider-root"
          />
          <ul
            class="MuiList-root MuiList-padding"
          >
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/home"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Home
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/packages"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deployments
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/fleets"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2.03L9 18v-5H4V5.98L13 6v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 13.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Fleets
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0000 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                href="https://dev-superset.cloud.fiskerinc.com/r/3"
                rel="noopener"
                role="button"
                tabindex="0"
                target="_blank"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Datascope
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemIcon-root"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
                      />
                    </svg>
                  </div>
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Tools
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </span>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Certificate
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-0000 makeStyles-contentShift-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-manifestsprovider"
          >
            <div
              class="makeStyles-paper-0000 makeStyles-tableSize-0000"
            >
              <div
                class="MuiGrid-root makeStyles-root-0000 MuiGrid-container MuiGrid-spacing-xs-2"
              >
                <div
                  class="MuiGrid-root makeStyles-textJustifyAlign-0000 MuiGrid-item MuiGrid-grid-md-4"
                />
                <div
                  class="MuiGrid-root makeStyles-textCenterAlign-0000 MuiGrid-item MuiGrid-grid-md-4"
                >
                  <div
                    class="MuiFormControl-root makeStyles-margin-0000 makeStyles-fullWidth-0000"
                  >
                    <label
                      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
                      data-shrink="false"
                      for="search"
                    >
                      Search
                    </label>
                    <div
                      class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
                    >
                      <input
                        aria-invalid="false"
                        class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
                        id="search"
                        type="text"
                        value=""
                      />
                      <div
                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
                      >
                        <button
                          aria-label="search"
                          class="MuiButtonBase-root MuiIconButton-root"
                          tabindex="0"
                          type="button"
                        >
                          <span
                            class="MuiIconButton-label"
                          >
                            <svg
                              aria-hidden="true"
                              class="MuiSvgIcon-root"
                              focusable="false"
                              viewBox="0 0 24 24"
                            >
                              <path
                                d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
                              />
                            </svg>
                          </span>
                          <span
                            class="MuiTouchRipple-root"
                          />
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="MuiGrid-root makeStyles-textRightAlign-0000 MuiGrid-item MuiGrid-grid-md-4"
                />
              </div>
              <table
                class="MuiTable-root"
              >
                <thead
                  class="MuiTableHead-root"
                >
                  <tr
                    class="MuiTableRow-root MuiTableRow-head"
                  >
                    <th
                      aria-sort="ascending"
                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                      scope="col"
                    >
                      <span
                        aria-disabled="false"
                        class="MuiButtonBase-root MuiTableSortLabel-root MuiTableSortLabel-active"
                        role="button"
                        tabindex="0"
                      >
                        ID
                        <span
                          class="makeStyles-hiddenSortSpan-0000"
                        >
                          sorted ascending
                        </span>
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                          />
                        </svg>
                      </span>
                    </th>
                    <th
                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                      scope="col"
                    >
                      <span
                        aria-disabled="false"
                        class="MuiButtonBase-root MuiTableSortLabel-root"
                        role="button"
                        tabindex="0"
                      >
                        Name
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                          />
                        </svg>
                      </span>
                    </th>
                    <th
                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                      scope="col"
                    >
                      <span
                        aria-disabled="false"
                        class="MuiButtonBase-root MuiTableSortLabel-root"
                        role="button"
                        tabindex="0"
                      >
                        Version
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                          />
                        </svg>
                      </span>
                    </th>
                    <th
                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                      scope="col"
                    >
                      <span
                        aria-disabled="false"
                        class="MuiButtonBase-root MuiTableSortLabel-root"
                        role="button"
                        tabindex="0"
                      >
                        Created
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                          />
                        </svg>
                      </span>
                    </th>
                    <th
                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                      scope="col"
                    >
                      <span
                        aria-disabled="false"
                        class="MuiButtonBase-root MuiTableSortLabel-root"
                        role="button"
                        tabindex="0"
                      >
                        Updated
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                          />
                        </svg>
                      </span>
                    </th>
                    <th
                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                      scope="col"
                    >
                      Actions
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="MuiTableBody-root"
                >
                  <tr
                    class="MuiTableRow-root"
                  >
                    <td
                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                    >
                      1
                    </td>
                    <td
                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                    >
                      Test Manifest
                    </td>
                    <td
                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                    >
                      1.0
                    </td>
                    <td
                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                    >
                      7/1/2021 10:40:07 PM
                    </td>
                    <td
                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                    >
                      7/12/2021 6:22:13 PM
                    </td>
                    <td
                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                    >
                      <a
                        class=""
                        href="/package-status/1"
                        style="margin: 5px;"
                        title="Status \\"Test Manifest 1.0\\""
                      >
                        <svg
                          aria-hidden="true"
                          aria-label="Status Test Manifest 1.0"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
                          />
                        </svg>
                      </a>
                      <a
                        class=""
                        href="/package-deploy/1"
                        style="margin: 5px;"
                        title="Deploy \\"Test Manifest 1.0\\""
                      >
                        <svg
                          aria-hidden="true"
                          aria-label="Deploy Test Manifest 1.0"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"
                          />
                        </svg>
                      </a>
                      <a
                        class=""
                        href="/packages"
                        title="Delete \\"Test Manifest 1.0\\""
                      >
                        <svg
                          aria-hidden="true"
                          aria-label="Delete Test Manifest 1.0"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
                          />
                        </svg>
                      </a>
                    </td>
                  </tr>
                </tbody>
                <tfoot
                  class="MuiTableFooter-root"
                >
                  <tr
                    class="MuiTableRow-root MuiTableRow-footer"
                  >
                    <td
                      class="MuiTableCell-root MuiTableCell-footer MuiTablePagination-root"
                      colspan="6"
                    >
                      <div
                        class="MuiToolbar-root MuiToolbar-regular MuiTablePagination-toolbar MuiToolbar-gutters"
                      >
                        <div
                          class="MuiTablePagination-spacer"
                        />
                        <p
                          class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
                          id="mui-00000"
                        >
                          Rows per page:
                        </p>
                        <div
                          class="MuiInputBase-root MuiTablePagination-input MuiTablePagination-selectRoot"
                        >
                          <select
                            aria-label="rows per page"
                            class="MuiSelect-root MuiSelect-select MuiTablePagination-select MuiInputBase-input"
                            id="mui-00000"
                          >
                            <option
                              class="MuiTablePagination-menuItem"
                              value="5"
                            >
                              5
                            </option>
                            <option
                              class="MuiTablePagination-menuItem"
                              value="10"
                            >
                              10
                            </option>
                            <option
                              class="MuiTablePagination-menuItem"
                              value="25"
                            >
                              25
                            </option>
                            <option
                              class="MuiTablePagination-menuItem"
                              value="100"
                            >
                              100
                            </option>
                          </select>
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root MuiSelect-icon MuiTablePagination-selectIcon"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M7 10l5 5 5-5z"
                            />
                          </svg>
                        </div>
                        <p
                          class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
                        >
                          1-1 of 1
                        </p>
                        <div
                          class="MuiTablePagination-actions"
                        >
                          <button
                            aria-label="Previous page"
                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
                            disabled=""
                            tabindex="-1"
                            title="Previous page"
                            type="button"
                          >
                            <span
                              class="MuiIconButton-label"
                            >
                              <svg
                                aria-hidden="true"
                                class="MuiSvgIcon-root"
                                focusable="false"
                                viewBox="0 0 24 24"
                              >
                                <path
                                  d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
                                />
                              </svg>
                            </span>
                          </button>
                          <button
                            aria-label="Next page"
                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
                            disabled=""
                            tabindex="-1"
                            title="Next page"
                            type="button"
                          >
                            <span
                              class="MuiIconButton-label"
                            >
                              <svg
                                aria-hidden="true"
                                class="MuiSvgIcon-root"
                                focusable="false"
                                viewBox="0 0 24 24"
                              >
                                <path
                                  d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
                                />
                              </svg>
                            </span>
                          </button>
                        </div>
                      </div>
                    </td>
                  </tr>
                </tfoot>
              </table>
            </div>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /packages unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /page-not-found authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 makeStyles-appBarShift-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
          <div
            class="makeStyles-rightToolbar-0000"
            color="inherit"
          >
            <button
              aria-controls="fade-menu"
              aria-haspopup="true"
              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
              tabindex="0"
              type="button"
            >
              <span
                class="MuiButton-label"
              >
                John
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </button>
          </div>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-0000"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-0000 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-0000 makeStyles-drawerHeaderLogo-0000"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-0000"
              src="fisker-badge.svg"
            />
          </div>
          <hr
            class="MuiDivider-root"
          />
          <ul
            class="MuiList-root MuiList-padding"
          >
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/home"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Home
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/packages"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deployments
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/fleets"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2.03L9 18v-5H4V5.98L13 6v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 13.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Fleets
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0000 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                href="https://dev-superset.cloud.fiskerinc.com/r/3"
                rel="noopener"
                role="button"
                tabindex="0"
                target="_blank"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Datascope
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemIcon-root"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
                      />
                    </svg>
                  </div>
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Tools
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </span>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Certificate
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-0000 makeStyles-contentShift-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000"
          >
            <h1
              class="MuiTypography-root MuiTypography-h2"
            >
              Page Not Found
            </h1>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /page-not-found unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000"
          >
            <h1
              class="MuiTypography-root MuiTypography-h2"
            >
              Page Not Found
            </h1>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /supplier/{email} unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /tools/certificates/add authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 makeStyles-appBarShift-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Create Certificate
            </h6>
            <nav
              aria-label="breadcrumb"
              class="MuiTypography-root MuiBreadcrumbs-root MuiTypography-body1 MuiTypography-colorInherit"
              style="font-size: 10px;"
            >
              <ol
                class="MuiBreadcrumbs-ol"
              >
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/tools/certificates/add"
                  >
                    Tools
                  </a>
                </li>
                <li
                  aria-hidden="true"
                  class="MuiBreadcrumbs-separator"
                >
                  /
                </li>
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/tools/certificates/add"
                  >
                    Create Certificate
                  </a>
                </li>
              </ol>
            </nav>
          </div>
          <div
            class="makeStyles-rightToolbar-0000"
            color="inherit"
          >
            <button
              aria-controls="fade-menu"
              aria-haspopup="true"
              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
              tabindex="0"
              type="button"
            >
              <span
                class="MuiButton-label"
              >
                John
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </button>
          </div>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-0000"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-0000 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-0000 makeStyles-drawerHeaderLogo-0000"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-0000"
              src="fisker-badge.svg"
            />
          </div>
          <hr
            class="MuiDivider-root"
          />
          <ul
            class="MuiList-root MuiList-padding"
          >
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/home"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Home
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/packages"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deployments
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/fleets"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2.03L9 18v-5H4V5.98L13 6v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 13.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Fleets
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0000 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                href="https://dev-superset.cloud.fiskerinc.com/r/3"
                rel="noopener"
                role="button"
                tabindex="0"
                target="_blank"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Datascope
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemIcon-root"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
                      />
                    </svg>
                  </div>
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Tools
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </span>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Certificate
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-0000 makeStyles-contentShift-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000"
          >
            <form
              action="{onSubmit}"
              class="makeStyles-form-0000"
              novalidate=""
            >
              <div
                class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
              >
                <label
                  class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
                  data-shrink="false"
                  for="vin"
                  id="vin-label"
                >
                  VIN
                  <span
                    aria-hidden="true"
                    class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
                  >
                     
                    *
                  </span>
                </label>
                <div
                  class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
                >
                  <input
                    aria-invalid="false"
                    class="MuiInputBase-input MuiOutlinedInput-input"
                    id="vin"
                    maxlength="17"
                    name="vin"
                    required=""
                    type="text"
                    value=""
                  />
                  <fieldset
                    aria-hidden="true"
                    class="PrivateNotchedOutline-root-1490 MuiOutlinedInput-notchedOutline"
                  >
                    <legend
                      class="PrivateNotchedOutline-legendLabelled-1492"
                    >
                      <span>
                        VIN
                         *
                      </span>
                    </legend>
                  </fieldset>
                </div>
              </div>
              <label
                class="MuiFormLabel-root"
                id="cert-type-group-label"
              >
                Type
              </label>
              <div
                aria-labelledby="cert-type-group-label"
                class="MuiFormGroup-root MuiFormGroup-row"
                margin="normal"
                role="radiogroup"
              >
                <label
                  class="MuiFormControlLabel-root"
                >
                  <span
                    aria-disabled="false"
                    class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1494 MuiRadio-root MuiRadio-colorSecondary PrivateSwitchBase-checked-1495 Mui-checked MuiIconButton-colorSecondary"
                  >
                    <span
                      class="MuiIconButton-label"
                    >
                      <input
                        checked=""
                        class="PrivateSwitchBase-input-1497"
                        name="cert-type"
                        type="radio"
                        value="TBOX"
                      />
                      <div
                        class="PrivateRadioButtonIcon-root-1498 PrivateRadioButtonIcon-checked-1500"
                      >
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                          />
                        </svg>
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root PrivateRadioButtonIcon-layer-1499"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
                          />
                        </svg>
                      </div>
                    </span>
                    <span
                      class="MuiTouchRipple-root"
                    />
                  </span>
                  <span
                    class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
                  >
                    TBOX
                  </span>
                </label>
                <label
                  class="MuiFormControlLabel-root"
                >
                  <span
                    aria-disabled="false"
                    class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1494 MuiRadio-root MuiRadio-colorSecondary MuiIconButton-colorSecondary"
                  >
                    <span
                      class="MuiIconButton-label"
                    >
                      <input
                        class="PrivateSwitchBase-input-1497"
                        name="cert-type"
                        type="radio"
                        value="ICC"
                      />
                      <div
                        class="PrivateRadioButtonIcon-root-1498"
                      >
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                          />
                        </svg>
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root PrivateRadioButtonIcon-layer-1499"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
                          />
                        </svg>
                      </div>
                    </span>
                    <span
                      class="MuiTouchRipple-root"
                    />
                  </span>
                  <span
                    class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
                  >
                    ICC
                  </span>
                </label>
                <label
                  class="MuiFormControlLabel-root"
                >
                  <span
                    aria-disabled="false"
                    class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1494 MuiRadio-root MuiRadio-colorSecondary MuiIconButton-colorSecondary"
                  >
                    <span
                      class="MuiIconButton-label"
                    >
                      <input
                        class="PrivateSwitchBase-input-1497"
                        name="cert-type"
                        type="radio"
                        value="Charging"
                      />
                      <div
                        class="PrivateRadioButtonIcon-root-1498"
                      >
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                          />
                        </svg>
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root PrivateRadioButtonIcon-layer-1499"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
                          />
                        </svg>
                      </div>
                    </span>
                    <span
                      class="MuiTouchRipple-root"
                    />
                  </span>
                  <span
                    class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
                  >
                    Charging
                  </span>
                </label>
              </div>
              <button
                class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary MuiButton-fullWidth"
                tabindex="0"
                type="submit"
              >
                <span
                  class="MuiButton-label"
                >
                  Submit
                </span>
                <span
                  class="MuiTouchRipple-root"
                />
              </button>
            </form>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /tools/certificates/add unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /vehicle-add authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 makeStyles-appBarShift-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Add Vehicle
            </h6>
            <nav
              aria-label="breadcrumb"
              class="MuiTypography-root MuiBreadcrumbs-root MuiTypography-body1 MuiTypography-colorInherit"
              style="font-size: 10px;"
            >
              <ol
                class="MuiBreadcrumbs-ol"
              >
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/vehicles"
                  >
                    Vehicles
                  </a>
                </li>
                <li
                  aria-hidden="true"
                  class="MuiBreadcrumbs-separator"
                >
                  /
                </li>
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/vehicle-add"
                  >
                    Add Vehicle
                  </a>
                </li>
              </ol>
            </nav>
          </div>
          <div
            class="makeStyles-rightToolbar-0000"
            color="inherit"
          >
            <button
              aria-controls="fade-menu"
              aria-haspopup="true"
              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
              tabindex="0"
              type="button"
            >
              <span
                class="MuiButton-label"
              >
                John
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </button>
          </div>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-0000"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-0000 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-0000 makeStyles-drawerHeaderLogo-0000"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-0000"
              src="fisker-badge.svg"
            />
          </div>
          <hr
            class="MuiDivider-root"
          />
          <ul
            class="MuiList-root MuiList-padding"
          >
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/home"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Home
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/packages"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deployments
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/fleets"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2.03L9 18v-5H4V5.98L13 6v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 13.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Fleets
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0000 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                href="https://dev-superset.cloud.fiskerinc.com/r/3"
                rel="noopener"
                role="button"
                tabindex="0"
                target="_blank"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Datascope
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemIcon-root"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
                      />
                    </svg>
                  </div>
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Tools
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </span>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Certificate
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-0000 makeStyles-contentShift-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-vehicleprovider"
          >
            <div
              class="makeStyles-paper-0000"
            >
              <form
                action="{onSubmit}"
                class="makeStyles-form-0000"
                novalidate=""
              >
                <div
                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
                >
                  <label
                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined Mui-required Mui-required"
                    data-shrink="false"
                    for="vin"
                    id="vin-label"
                  >
                    VIN
                    <span
                      aria-hidden="true"
                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
                    >
                       
                      *
                    </span>
                  </label>
                  <div
                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
                  >
                    <input
                      aria-invalid="false"
                      class="MuiInputBase-input MuiOutlinedInput-input"
                      id="vin"
                      maxlength="17"
                      name="vin"
                      required=""
                      type="text"
                      value=""
                    />
                    <fieldset
                      aria-hidden="true"
                      class="PrivateNotchedOutline-root-1290 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1292"
                      >
                        <span>
                          VIN
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <div
                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
                >
                  <label
                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled Mui-required Mui-required"
                    data-shrink="true"
                    for="model"
                    id="model-label"
                  >
                    Model
                    <span
                      aria-hidden="true"
                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
                    >
                       
                      *
                    </span>
                  </label>
                  <div
                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
                  >
                    <input
                      aria-invalid="false"
                      class="MuiInputBase-input MuiOutlinedInput-input"
                      id="model"
                      maxlength="255"
                      name="model"
                      required=""
                      type="text"
                      value="Ocean"
                    />
                    <fieldset
                      aria-hidden="true"
                      class="PrivateNotchedOutline-root-1290 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1292 PrivateNotchedOutline-legendNotched-1293"
                      >
                        <span>
                          Model
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <div
                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
                >
                  <label
                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled Mui-required Mui-required"
                    data-shrink="true"
                    for="year"
                    id="year-label"
                  >
                    Year
                    <span
                      aria-hidden="true"
                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
                    >
                       
                      *
                    </span>
                  </label>
                  <div
                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
                  >
                    <input
                      aria-invalid="false"
                      class="MuiInputBase-input MuiOutlinedInput-input"
                      id="year"
                      maxlength="4"
                      minlength="4"
                      name="year"
                      required=""
                      type="number"
                      value="2022"
                    />
                    <fieldset
                      aria-hidden="true"
                      class="PrivateNotchedOutline-root-1290 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1292 PrivateNotchedOutline-legendNotched-1293"
                      >
                        <span>
                          Year
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <div
                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
                >
                  <label
                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled Mui-required Mui-required"
                    data-shrink="true"
                    for="trim"
                    id="trim-label"
                  >
                    Trim
                    <span
                      aria-hidden="true"
                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
                    >
                       
                      *
                    </span>
                  </label>
                  <div
                    class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
                  >
                    <input
                      aria-invalid="false"
                      class="MuiInputBase-input MuiOutlinedInput-input"
                      id="trim"
                      maxlength="4"
                      minlength="4"
                      name="trim"
                      required=""
                      type="text"
                      value="Base"
                    />
                    <fieldset
                      aria-hidden="true"
                      class="PrivateNotchedOutline-root-1290 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1292 PrivateNotchedOutline-legendNotched-1293"
                      >
                        <span>
                          Trim
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <label
                  class="MuiFormLabel-root"
                  id="demo-row-radio-buttons-group-label"
                >
                  Log Level
                </label>
                <div
                  aria-labelledby="demo-row-radio-buttons-group-label"
                  class="MuiFormGroup-root MuiFormGroup-row"
                  margin="normal"
                  role="radiogroup"
                >
                  <label
                    class="MuiFormControlLabel-root"
                  >
                    <span
                      aria-disabled="false"
                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1294 MuiRadio-root MuiRadio-colorSecondary MuiIconButton-colorSecondary"
                    >
                      <span
                        class="MuiIconButton-label"
                      >
                        <input
                          class="PrivateSwitchBase-input-1297"
                          name="log-level-group"
                          type="radio"
                          value="trace"
                        />
                        <div
                          class="PrivateRadioButtonIcon-root-1298"
                        >
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                            />
                          </svg>
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root PrivateRadioButtonIcon-layer-1299"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
                            />
                          </svg>
                        </div>
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </span>
                    <span
                      class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
                    >
                      Trace
                    </span>
                  </label>
                  <label
                    class="MuiFormControlLabel-root"
                  >
                    <span
                      aria-disabled="false"
                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1294 MuiRadio-root MuiRadio-colorSecondary MuiIconButton-colorSecondary"
                    >
                      <span
                        class="MuiIconButton-label"
                      >
                        <input
                          class="PrivateSwitchBase-input-1297"
                          name="log-level-group"
                          type="radio"
                          value="debug"
                        />
                        <div
                          class="PrivateRadioButtonIcon-root-1298"
                        >
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                            />
                          </svg>
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root PrivateRadioButtonIcon-layer-1299"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
                            />
                          </svg>
                        </div>
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </span>
                    <span
                      class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
                    >
                      Debug
                    </span>
                  </label>
                  <label
                    class="MuiFormControlLabel-root"
                  >
                    <span
                      aria-disabled="false"
                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1294 MuiRadio-root MuiRadio-colorSecondary PrivateSwitchBase-checked-1295 Mui-checked MuiIconButton-colorSecondary"
                    >
                      <span
                        class="MuiIconButton-label"
                      >
                        <input
                          checked=""
                          class="PrivateSwitchBase-input-1297"
                          name="log-level-group"
                          type="radio"
                          value="info"
                        />
                        <div
                          class="PrivateRadioButtonIcon-root-1298 PrivateRadioButtonIcon-checked-1300"
                        >
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                            />
                          </svg>
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root PrivateRadioButtonIcon-layer-1299"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
                            />
                          </svg>
                        </div>
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </span>
                    <span
                      class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
                    >
                      Info
                    </span>
                  </label>
                  <label
                    class="MuiFormControlLabel-root"
                  >
                    <span
                      aria-disabled="false"
                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1294 MuiRadio-root MuiRadio-colorSecondary MuiIconButton-colorSecondary"
                    >
                      <span
                        class="MuiIconButton-label"
                      >
                        <input
                          class="PrivateSwitchBase-input-1297"
                          name="log-level-group"
                          type="radio"
                          value="warn"
                        />
                        <div
                          class="PrivateRadioButtonIcon-root-1298"
                        >
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                            />
                          </svg>
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root PrivateRadioButtonIcon-layer-1299"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
                            />
                          </svg>
                        </div>
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </span>
                    <span
                      class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
                    >
                      Warn
                    </span>
                  </label>
                  <label
                    class="MuiFormControlLabel-root"
                  >
                    <span
                      aria-disabled="false"
                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1294 MuiRadio-root MuiRadio-colorSecondary MuiIconButton-colorSecondary"
                    >
                      <span
                        class="MuiIconButton-label"
                      >
                        <input
                          class="PrivateSwitchBase-input-1297"
                          name="log-level-group"
                          type="radio"
                          value="error"
                        />
                        <div
                          class="PrivateRadioButtonIcon-root-1298"
                        >
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                            />
                          </svg>
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root PrivateRadioButtonIcon-layer-1299"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
                            />
                          </svg>
                        </div>
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </span>
                    <span
                      class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
                    >
                      Error
                    </span>
                  </label>
                  <label
                    class="MuiFormControlLabel-root"
                  >
                    <span
                      aria-disabled="false"
                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1294 MuiRadio-root MuiRadio-colorSecondary MuiIconButton-colorSecondary"
                    >
                      <span
                        class="MuiIconButton-label"
                      >
                        <input
                          class="PrivateSwitchBase-input-1297"
                          name="log-level-group"
                          type="radio"
                          value="critical"
                        />
                        <div
                          class="PrivateRadioButtonIcon-root-1298"
                        >
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
                            />
                          </svg>
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root PrivateRadioButtonIcon-layer-1299"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
                            />
                          </svg>
                        </div>
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </span>
                    <span
                      class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
                    >
                      Critical
                    </span>
                  </label>
                </div>
                <label
                  class="MuiFormLabel-root"
                  id="demo-row-radio-buttons-group-label"
                >
                  CAN Bus
                </label>
                <div
                  class="MuiFormGroup-root"
                >
                  <label
                    class="MuiFormControlLabel-root"
                  >
                    <span
                      aria-disabled="false"
                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1294 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-checked-1295 Mui-checked MuiIconButton-colorSecondary"
                    >
                      <span
                        class="MuiIconButton-label"
                      >
                        <input
                          checked=""
                          class="PrivateSwitchBase-input-1297"
                          data-indeterminate="false"
                          type="checkbox"
                          value=""
                        />
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
                          />
                        </svg>
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </span>
                    <span
                      class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
                    >
                      CAN Bus Enabled
                    </span>
                  </label>
                  <div
                    class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
                  >
                    <label
                      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled Mui-required Mui-required"
                      data-shrink="true"
                      for="max_mem_buffer_size"
                      id="max_mem_buffer_size-label"
                    >
                      Max Memory Buffer Size (0 uses default size)
                      <span
                        aria-hidden="true"
                        class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
                      >
                         
                        *
                      </span>
                    </label>
                    <div
                      class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
                    >
                      <input
                        aria-invalid="false"
                        class="MuiInputBase-input MuiOutlinedInput-input"
                        id="max_mem_buffer_size"
                        maxlength="12"
                        name="max_mem_buffer_size"
                        required=""
                        type="number"
                        value="0"
                      />
                      <fieldset
                        aria-hidden="true"
                        class="PrivateNotchedOutline-root-1290 MuiOutlinedInput-notchedOutline"
                      >
                        <legend
                          class="PrivateNotchedOutline-legendLabelled-1292 PrivateNotchedOutline-legendNotched-1293"
                        >
                          <span>
                            Max Memory Buffer Size (0 uses default size)
                             *
                          </span>
                        </legend>
                      </fieldset>
                    </div>
                  </div>
                  <label
                    class="MuiFormControlLabel-root"
                  >
                    <span
                      aria-disabled="false"
                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1294 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                    >
                      <span
                        class="MuiIconButton-label"
                      >
                        <input
                          class="PrivateSwitchBase-input-1297"
                          data-indeterminate="false"
                          type="checkbox"
                          value=""
                        />
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                          />
                        </svg>
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </span>
                    <span
                      class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1"
                    >
                      Data Logger Enabled
                    </span>
                  </label>
                </div>
                <div
                  class="MuiFormControl-root MuiTextField-root MuiFormControl-marginNormal MuiFormControl-fullWidth"
                >
                  <label
                    class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined Mui-disabled Mui-disabled MuiFormLabel-filled Mui-required Mui-required"
                    data-shrink="true"
                    for="max_disk_buffer_size"
                    id="max_disk_buffer_size-label"
                  >
                    Max Disk Buffer Size (0 uses default size)
                    <span
                      aria-hidden="true"
                      class="MuiFormLabel-asterisk MuiInputLabel-asterisk"
                    >
                       
                      *
                    </span>
                  </label>
                  <div
                    class="MuiInputBase-root MuiOutlinedInput-root Mui-disabled Mui-disabled MuiInputBase-fullWidth MuiInputBase-formControl"
                  >
                    <input
                      aria-invalid="false"
                      class="MuiInputBase-input MuiOutlinedInput-input Mui-disabled Mui-disabled"
                      disabled=""
                      id="max_disk_buffer_size"
                      maxlength="12"
                      name="max_disk_buffer_size"
                      required=""
                      type="number"
                      value="0"
                    />
                    <fieldset
                      aria-hidden="true"
                      class="PrivateNotchedOutline-root-1290 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1292 PrivateNotchedOutline-legendNotched-1293"
                      >
                        <span>
                          Max Disk Buffer Size (0 uses default size)
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <button
                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary MuiButton-fullWidth"
                  tabindex="0"
                  type="submit"
                >
                  <span
                    class="MuiButton-label"
                  >
                    Submit
                  </span>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </button>
              </form>
            </div>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /vehicle-add unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /vehicle-status authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 makeStyles-appBarShift-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Vehicle FISKER123 Details
            </h6>
            <nav
              aria-label="breadcrumb"
              class="MuiTypography-root MuiBreadcrumbs-root MuiTypography-body1 MuiTypography-colorInherit"
              style="font-size: 10px;"
            >
              <ol
                class="MuiBreadcrumbs-ol"
              >
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/vehicles"
                  >
                    Vehicles
                  </a>
                </li>
                <li
                  aria-hidden="true"
                  class="MuiBreadcrumbs-separator"
                >
                  /
                </li>
                <li
                  class="MuiBreadcrumbs-li"
                >
                  <a
                    class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
                    href="/vehicle-status/FISKER123"
                  >
                    Vehicle FISKER123 Details
                  </a>
                </li>
              </ol>
            </nav>
          </div>
          <div
            class="makeStyles-rightToolbar-0000"
            color="inherit"
          >
            <button
              aria-controls="fade-menu"
              aria-haspopup="true"
              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
              tabindex="0"
              type="button"
            >
              <span
                class="MuiButton-label"
              >
                John
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </button>
          </div>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-0000"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-0000 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-0000 makeStyles-drawerHeaderLogo-0000"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-0000"
              src="fisker-badge.svg"
            />
          </div>
          <hr
            class="MuiDivider-root"
          />
          <ul
            class="MuiList-root MuiList-padding"
          >
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/home"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Home
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/packages"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deployments
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/fleets"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2.03L9 18v-5H4V5.98L13 6v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 13.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Fleets
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0000 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                href="https://dev-superset.cloud.fiskerinc.com/r/3"
                rel="noopener"
                role="button"
                tabindex="0"
                target="_blank"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Datascope
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemIcon-root"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
                      />
                    </svg>
                  </div>
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Tools
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </span>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Certificate
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-0000 makeStyles-contentShift-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-tableSize-0000"
          >
            <div
              class="MuiBox-root MuiBox-root-1423 makeStyles-tableToolbar-0000"
            >
              <div
                class="MuiTabs-root"
              >
                <div
                  class="MuiTabs-scroller MuiTabs-fixed"
                  style="overflow: hidden;"
                >
                  <div
                    aria-label="car tabs"
                    class="MuiTabs-flexContainer"
                    role="tablist"
                  >
                    <button
                      aria-controls="tabpanel-0"
                      aria-selected="true"
                      class="MuiButtonBase-root MuiTab-root MuiTab-textColorInherit Mui-selected"
                      id="tab-0"
                      role="tab"
                      tabindex="0"
                      type="button"
                    >
                      <span
                        class="MuiTab-wrapper"
                      >
                        Details
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </button>
                    <button
                      aria-controls="tabpanel-1"
                      aria-selected="false"
                      class="MuiButtonBase-root MuiTab-root MuiTab-textColorInherit"
                      id="tab-1"
                      role="tab"
                      tabindex="-1"
                      type="button"
                    >
                      <span
                        class="MuiTab-wrapper"
                      >
                        Car Updates
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </button>
                    <button
                      aria-controls="tabpanel-2"
                      aria-selected="false"
                      class="MuiButtonBase-root MuiTab-root MuiTab-textColorInherit"
                      id="tab-2"
                      role="tab"
                      tabindex="-1"
                      type="button"
                    >
                      <span
                        class="MuiTab-wrapper"
                      >
                        CAN Filters
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </button>
                  </div>
                  <span
                    class="PrivateTabIndicator-root-1424 PrivateTabIndicator-colorSecondary-1426 MuiTabs-indicator"
                    style="left: 0px; width: 0px;"
                  />
                </div>
              </div>
            </div>
            <div
              aria-labelledby="tab-0"
              id="tabpanel-0"
              role="tabpanel"
            >
              <div
                class="MuiBox-root MuiBox-root-1428"
              >
                <div
                  class="makeStyles-paper-0000 makeStyles-tableSize-0000"
                >
                  <h6
                    class="MuiTypography-root MuiTypography-h6"
                  >
                    Vehicle Details
                  </h6>
                  <div
                    data-testid="mocked-vehicleprovider"
                  >
                    <div
                      class="makeStyles-paper-0000 makeStyles-tableSize-0000"
                    >
                      <div
                        class="MuiGrid-root makeStyles-root-0000 MuiGrid-container MuiGrid-spacing-xs-2"
                      >
                        <div
                          class="MuiGrid-root makeStyles-textCenterAlign-0000 MuiGrid-item MuiGrid-grid-md-12"
                        >
                          <p>
                            <b>
                              VIN
                            </b>
                            : 
                            FISKER123
                          </p>
                          <p>
                            <b>
                              Log Level
                            </b>
                            : 
                            info
                          </p>
                        </div>
                        <div
                          class="MuiGrid-root makeStyles-textCenterAlign-0000 MuiGrid-item MuiGrid-grid-md-12"
                        >
                          <b>
                            CANBus
                          </b>
                          <p>
                            <b>
                              Enabled
                            </b>
                            : 
                            true
                          </p>
                          <p>
                            <b>
                              Max Memory Buffer Size
                            </b>
                            : 
                            1
                          </p>
                          <p>
                            <b>
                              Enabled
                            </b>
                            : 
                            true
                          </p>
                          <p>
                            <b>
                              Max Disk Buffer Size
                            </b>
                            : 
                            2
                          </p>
                          <p>
                            <b>
                              Filters
                            </b>
                            : 
                            3
                          </p>
                        </div>
                        <div
                          class="MuiGrid-root makeStyles-textCenterAlign-0000 MuiGrid-item MuiGrid-grid-md-12"
                        >
                          <a
                            class=""
                            href="/vehicle-update?vin=FISKER123"
                            style="margin: 5px;"
                            title="Update \\"FISKER123\\""
                          >
                            <svg
                              aria-hidden="true"
                              aria-label="Update \\"FISKER123\\""
                              class="MuiSvgIcon-root"
                              focusable="false"
                              viewBox="0 0 24 24"
                            >
                              <path
                                d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
                              />
                            </svg>
                          </a>
                          <a
                            class=""
                            href="/vehicle-status/FISKER123"
                            title="Delete \\"FISKER123\\""
                          >
                            <svg
                              aria-hidden="true"
                              aria-label="Delete \\"FISKER123\\""
                              class="MuiSvgIcon-root"
                              focusable="false"
                              viewBox="0 0 24 24"
                            >
                              <path
                                d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
                              />
                            </svg>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              aria-labelledby="tab-1"
              hidden=""
              id="tabpanel-1"
              role="tabpanel"
            />
            <div
              aria-labelledby="tab-2"
              hidden=""
              id="tabpanel-2"
              role="tabpanel"
            />
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /vehicle-status unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /vehicle-status/vin/carupdateid unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /vehicles authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 makeStyles-appBarShift-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Vehicles
            </h6>
          </div>
          <div
            class="makeStyles-rightToolbar-0000"
            color="inherit"
          >
            <button
              aria-controls="fade-menu"
              aria-haspopup="true"
              class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-colorInherit"
              tabindex="0"
              type="button"
            >
              <span
                class="MuiButton-label"
              >
                John
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </button>
          </div>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-0000"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-0000 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-0000 makeStyles-drawerHeaderLogo-0000"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-0000"
              src="fisker-badge.svg"
            />
          </div>
          <hr
            class="MuiDivider-root"
          />
          <ul
            class="MuiList-root MuiList-padding"
          >
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/home"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Home
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/packages"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deployments
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/fleets"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2.03L9 18v-5H4V5.98L13 6v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 13.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Fleets
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiListItem-root makeStyles-menuExternalLink-0000 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                href="https://dev-superset.cloud.fiskerinc.com/r/3"
                rel="noopener"
                role="button"
                tabindex="0"
                target="_blank"
              >
                <div
                  class="MuiListItemIcon-root"
                >
                  <svg
                    aria-hidden="true"
                    class="MuiSvgIcon-root"
                    focusable="false"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"
                    />
                  </svg>
                </div>
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Datascope
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemIcon-root"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
                      />
                    </svg>
                  </div>
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Tools
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </span>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/tools/certificates/add"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Certificate
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-0000 makeStyles-contentShift-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-vehicleprovider"
          >
            <div
              class="makeStyles-paper-0000 makeStyles-tableSize-0000"
            >
              <div
                class="MuiGrid-root makeStyles-root-0000 MuiGrid-container MuiGrid-spacing-xs-2"
              >
                <div
                  class="MuiGrid-root makeStyles-textJustifyAlign-0000 MuiGrid-item MuiGrid-grid-md-4"
                >
                  <a
                    href="/vehicle-add"
                  >
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeLarge"
                      focusable="false"
                      viewBox="0 0 24 24"
                    >
                      <path
                        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
                      />
                    </svg>
                  </a>
                </div>
                <div
                  class="MuiGrid-root makeStyles-textCenterAlign-0000 MuiGrid-item MuiGrid-grid-md-4"
                >
                  <div
                    class="MuiFormControl-root makeStyles-margin-0000 makeStyles-fullWidth-0000"
                  >
                    <label
                      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
                      data-shrink="false"
                      for="search"
                    >
                      Search
                    </label>
                    <div
                      class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
                    >
                      <input
                        aria-invalid="false"
                        class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
                        id="search"
                        type="text"
                        value=""
                      />
                      <div
                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
                      >
                        <button
                          aria-label="search"
                          class="MuiButtonBase-root MuiIconButton-root"
                          tabindex="0"
                          type="button"
                        >
                          <span
                            class="MuiIconButton-label"
                          >
                            <svg
                              aria-hidden="true"
                              class="MuiSvgIcon-root"
                              focusable="false"
                              viewBox="0 0 24 24"
                            >
                              <path
                                d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
                              />
                            </svg>
                          </span>
                          <span
                            class="MuiTouchRipple-root"
                          />
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="MuiGrid-root makeStyles-textRightAlign-0000 MuiGrid-item MuiGrid-grid-md-4"
                />
              </div>
              <div
                class="makeStyles-paper-0000 makeStyles-tableSize-0000"
              >
                <table
                  class="MuiTable-root"
                >
                  <thead
                    class="MuiTableHead-root"
                  >
                    <tr
                      class="MuiTableRow-root MuiTableRow-head"
                    >
                      <th
                        aria-sort="ascending"
                        class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                        scope="col"
                      >
                        <span
                          aria-disabled="false"
                          class="MuiButtonBase-root MuiTableSortLabel-root MuiTableSortLabel-active"
                          role="button"
                          tabindex="0"
                        >
                          VIN
                          <span
                            class="makeStyles-hiddenSortSpan-0000"
                          >
                            sorted ascending
                          </span>
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                            />
                          </svg>
                        </span>
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                        scope="col"
                      >
                        <span
                          aria-disabled="false"
                          class="MuiButtonBase-root MuiTableSortLabel-root"
                          role="button"
                          tabindex="0"
                        >
                          Model
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                            />
                          </svg>
                        </span>
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                        scope="col"
                      >
                        <span
                          aria-disabled="false"
                          class="MuiButtonBase-root MuiTableSortLabel-root"
                          role="button"
                          tabindex="0"
                        >
                          Year
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                            />
                          </svg>
                        </span>
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                        scope="col"
                      >
                        <span
                          aria-disabled="false"
                          class="MuiButtonBase-root MuiTableSortLabel-root"
                          role="button"
                          tabindex="0"
                        >
                          Trim
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                            />
                          </svg>
                        </span>
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                        scope="col"
                      >
                        <span
                          aria-disabled="false"
                          class="MuiButtonBase-root MuiTableSortLabel-root"
                          role="button"
                          tabindex="0"
                        >
                          Created
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                            />
                          </svg>
                        </span>
                      </th>
                      <th
                        class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                        scope="col"
                      >
                        <span
                          aria-disabled="false"
                          class="MuiButtonBase-root MuiTableSortLabel-root"
                          role="button"
                          tabindex="0"
                        >
                          Updated
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionAsc"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
                            />
                          </svg>
                        </span>
                      </th>
                    </tr>
                  </thead>
                  <tbody
                    class="MuiTableBody-root"
                  />
                  <tfoot
                    class="MuiTableFooter-root"
                  >
                    <tr
                      class="MuiTableRow-root MuiTableRow-footer"
                    >
                      <td
                        class="MuiTableCell-root MuiTableCell-footer MuiTablePagination-root"
                        colspan="7"
                      >
                        <div
                          class="MuiToolbar-root MuiToolbar-regular MuiTablePagination-toolbar MuiToolbar-gutters"
                        >
                          <div
                            class="MuiTablePagination-spacer"
                          />
                          <p
                            class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
                            id="mui-00000"
                          >
                            Rows per page:
                          </p>
                          <div
                            class="MuiInputBase-root MuiTablePagination-input MuiTablePagination-selectRoot"
                          >
                            <select
                              aria-label="rows per page"
                              class="MuiSelect-root MuiSelect-select MuiTablePagination-select MuiInputBase-input"
                              id="mui-00000"
                            >
                              <option
                                class="MuiTablePagination-menuItem"
                                value="5"
                              >
                                5
                              </option>
                              <option
                                class="MuiTablePagination-menuItem"
                                value="10"
                              >
                                10
                              </option>
                              <option
                                class="MuiTablePagination-menuItem"
                                value="25"
                              >
                                25
                              </option>
                              <option
                                class="MuiTablePagination-menuItem"
                                value="100"
                              >
                                100
                              </option>
                            </select>
                            <svg
                              aria-hidden="true"
                              class="MuiSvgIcon-root MuiSelect-icon MuiTablePagination-selectIcon"
                              focusable="false"
                              viewBox="0 0 24 24"
                            >
                              <path
                                d="M7 10l5 5 5-5z"
                              />
                            </svg>
                          </div>
                          <p
                            class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
                          >
                            0-0 of 0
                          </p>
                          <div
                            class="MuiTablePagination-actions"
                          >
                            <button
                              aria-label="Previous page"
                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
                              disabled=""
                              tabindex="-1"
                              title="Previous page"
                              type="button"
                            >
                              <span
                                class="MuiIconButton-label"
                              >
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root"
                                  focusable="false"
                                  viewBox="0 0 24 24"
                                >
                                  <path
                                    d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
                                  />
                                </svg>
                              </span>
                            </button>
                            <button
                              aria-label="Next page"
                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
                              disabled=""
                              tabindex="-1"
                              title="Next page"
                              type="button"
                            >
                              <span
                                class="MuiIconButton-label"
                              >
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root"
                                  focusable="false"
                                  viewBox="0 0 24 24"
                                >
                                  <path
                                    d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
                                  />
                                </svg>
                              </span>
                            </button>
                          </div>
                        </div>
                      </td>
                    </tr>
                  </tfoot>
                </table>
              </div>
            </div>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /vehicles unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-0000"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-0000 mui-fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
        </div>
      </header>
      <main
        class="makeStyles-content-0000"
      >
        <div
          class="makeStyles-drawerHeader-0000"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-0000 makeStyles-textJustifyAlign-0000"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-0000 MuiButton-containedPrimary"
              href="https://cognito.com/authorize?redirect=https://example.com/callback"
              tabindex="0"
            >
              <span
                class="MuiButton-label"
              >
                Sign In
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;