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

exports[`App Route / authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-833"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-834 makeStyles-appBarShift-835 mui-00000fixed 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-844"
            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-838"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-839 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-840 makeStyles-drawerHeaderLogo-841"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-850"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-873 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-842 makeStyles-contentShift-843"
      >
        <div
          class="makeStyles-drawerHeader-840"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-822"
          >
            <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-14"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-15 mui-00000fixed 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-23"
      >
        <div
          class="makeStyles-drawerHeader-21"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-3 makeStyles-textJustifyAlign-49"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-6 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 /datascope authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-1022"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1023 makeStyles-appBarShift-1024 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Datascope
            </h6>
          </div>
          <div
            class="makeStyles-rightToolbar-1033"
            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-1027"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1028 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1029 makeStyles-drawerHeaderLogo-1030"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1039"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-1062 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1031 makeStyles-contentShift-1032"
      >
        <div
          class="makeStyles-drawerHeader-1029"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-1011"
          >
            <div
              class="MuiGrid-root makeStyles-root-1022 MuiGrid-container MuiGrid-spacing-xs-2"
            >
              <div
                class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
              >
                <div
                  class="MuiPaper-root makeStyles-grafanaContainer-1054 MuiPaper-elevation1 MuiPaper-rounded"
                  style="height: 150px;"
                >
                  <h1
                    class="makeStyles-datascopeContainerValue-1056"
                  >
                    500
                  </h1>
                  <h2
                    class="makeStyles-datascopeContainerText-1055"
                  >
                    Cars
                  </h2>
                </div>
              </div>
              <div
                class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
              >
                <div
                  class="MuiPaper-root makeStyles-grafanaContainer-1054 MuiPaper-elevation1 MuiPaper-rounded"
                  style="height: 150px;"
                >
                  <h1
                    class="makeStyles-datascopeContainerValue-1056"
                  >
                    1,234,567,890
                  </h1>
                  <h2
                    class="makeStyles-datascopeContainerText-1055"
                  >
                    Signals Collected
                  </h2>
                </div>
              </div>
              <div
                class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-12"
              >
                <div
                  class="MuiPaper-root makeStyles-grafanaContainer-1054 MuiPaper-elevation1 MuiPaper-rounded"
                >
                  <div
                    class="makeStyles-embeddedWrapper-1041"
                  >
                    <iframe
                      frameborder="0"
                      src="https://dev-grafana.fiskerdps.com/d-solo/1VTVJ_qGk/dashboard?orgId=2&refresh=30s&panelId=12"
                      style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;"
                      title="Signals Time Series"
                    />
                  </div>
                </div>
              </div>
            </div>
            <a
              aria-disabled="false"
              aria-label="create"
              class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiTypography-colorPrimary"
              href="https://dev-grafana.fiskerdps.com"
              rel="noopener"
              role="button"
              style="margin-top: 10px;"
              tabindex="0"
              target="_blank"
            >
              <span
                class="MuiButton-label"
              >
                <svg
                  aria-hidden="true"
                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeLarge"
                  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>
                Go to Grafana
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /datascope unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-140"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-141 mui-00000fixed 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-149"
      >
        <div
          class="makeStyles-drawerHeader-147"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-129 makeStyles-textJustifyAlign-175"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-132 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 /datascope/battery authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-1085"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1086 makeStyles-appBarShift-1087 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            >
              Battery
            </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="/datascope"
                  >
                    Datascope
                  </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="/datascope/battery"
                  >
                    Battery
                  </a>
                </li>
              </ol>
            </nav>
          </div>
          <div
            class="makeStyles-rightToolbar-1096"
            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-1090"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1091 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1092 makeStyles-drawerHeaderLogo-1093"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1102"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-1125 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1094 makeStyles-contentShift-1095"
      >
        <div
          class="makeStyles-drawerHeader-1092"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-1074"
          >
            <div
              class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2"
            >
              <div
                class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-md-4"
                space="2"
              >
                <div
                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-12"
                >
                  <div
                    class="MuiPaper-root makeStyles-grafanaContainer-1117 MuiPaper-elevation1 MuiPaper-rounded"
                  >
                    <form
                      class="makeStyles-formControl-1078"
                    >
                      <div
                        class="MuiFormControl-root MuiTextField-root"
                        style="width: 100%;"
                      >
                        <label
                          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
                          data-shrink="true"
                          for="vin"
                          id="vin-label"
                        >
                          VIN
                        </label>
                        <div
                          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
                        >
                          <input
                            aria-invalid="false"
                            class="MuiInputBase-input MuiOutlinedInput-input"
                            id="vin"
                            type="text"
                            value="1F15K3R45N1234567"
                          />
                          <fieldset
                            aria-hidden="true"
                            class="PrivateNotchedOutline-root-1135 MuiOutlinedInput-notchedOutline"
                          >
                            <legend
                              class="PrivateNotchedOutline-legendLabelled-1137 PrivateNotchedOutline-legendNotched-1138"
                            >
                              <span>
                                VIN
                              </span>
                            </legend>
                          </fieldset>
                        </div>
                      </div>
                    </form>
                    <div
                      class="MuiFormControl-root makeStyles-formControl-1078"
                    >
                      <label
                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
                        data-shrink="true"
                        id="demo-simple-select-outlined-label"
                      >
                        Cell
                      </label>
                      <div
                        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
                      >
                        <div
                          aria-haspopup="listbox"
                          aria-labelledby="demo-simple-select-outlined-label demo-simple-select-outlined"
                          class="MuiSelect-root MuiSelect-select MuiSelect-selectMenu MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input"
                          id="demo-simple-select-outlined"
                          role="button"
                          tabindex="0"
                        >
                          1
                        </div>
                        <input
                          aria-hidden="true"
                          class="MuiSelect-nativeInput"
                          tabindex="-1"
                          value="1"
                        />
                        <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-1135 MuiOutlinedInput-notchedOutline"
                        >
                          <legend
                            class="PrivateNotchedOutline-legendLabelled-1137 PrivateNotchedOutline-legendNotched-1138"
                          >
                            <span>
                              Cell
                            </span>
                          </legend>
                        </fieldset>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-12"
                >
                  <div
                    class="MuiPaper-root makeStyles-grafanaContainer-1117 MuiPaper-elevation1 MuiPaper-rounded"
                  >
                    Cell Voltage 
                    1
                    <div
                      class="makeStyles-embeddedWrapper-1104"
                    >
                      <iframe
                        frameborder="0"
                        src="https://dev-grafana.fiskerdps.com/d-solo/LVI-aQGnz/diagnostics?orgId=2&var-VIN=1F15K3R45N1234567&var-Signal=BMS_CellVolt1&panelId=2"
                        style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;"
                        title="Cell Voltage"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-12"
                >
                  <div
                    class="MuiPaper-root makeStyles-grafanaContainer-1117 MuiPaper-elevation1 MuiPaper-rounded"
                  >
                    Cell Temperature 
                    1
                    <div
                      class="makeStyles-embeddedWrapper-1104"
                    >
                      <iframe
                        frameborder="0"
                        src="https://dev-grafana.fiskerdps.com/d-solo/LVI-aQGnz/diagnostics?orgId=2&var-VIN=1F15K3R45N1234567&var-Signal=BMS_CellT1&panelId=2"
                        style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;"
                        title="Cell Temperature"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-12"
                >
                  <div
                    class="MuiPaper-root makeStyles-grafanaContainer-1117 MuiPaper-elevation1 MuiPaper-rounded"
                  >
                    <div
                      class="makeStyles-embeddedWrapper-1104"
                    >
                      <iframe
                        frameborder="0"
                        src="https://dev-grafana.fiskerdps.com/d-solo/jRKKo2gnz/battery?orgId=2&var-VIN=1F15K3R45N1234567&refresh=1m&panelId=4"
                        style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;"
                        title="Battery Temperature Time Series"
                      />
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-grid-md-8"
                space="2"
              >
                <div
                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-12"
                >
                  <div
                    class="MuiPaper-root makeStyles-grafanaContainer-1117 MuiPaper-elevation1 MuiPaper-rounded"
                  >
                    <div
                      class="makeStyles-embeddedWrapper-1104"
                    >
                      <iframe
                        frameborder="0"
                        src="https://dev-grafana.fiskerdps.com/d-solo/jRKKo2gnz/battery?orgId=2&var-VIN=1F15K3R45N1234567&refresh=1m&panelId=6"
                        style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;"
                        title="Battery Capacity Time Series"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-12"
                >
                  <div
                    class="MuiPaper-root makeStyles-grafanaContainer-1117 MuiPaper-elevation1 MuiPaper-rounded"
                  >
                    <div
                      class="makeStyles-embeddedWrapper-1104"
                    >
                      <iframe
                        frameborder="0"
                        src="https://dev-grafana.fiskerdps.com/d-solo/jRKKo2gnz/battery?orgId=2&var-VIN=1F15K3R45N1234567&panelId=12"
                        style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;"
                        title="Battery Percent Time Series"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
                >
                  <div
                    class="MuiPaper-root makeStyles-grafanaContainer-1117 MuiPaper-elevation1 MuiPaper-rounded"
                  >
                    <div
                      class="makeStyles-embeddedWrapper-1104"
                    >
                      <iframe
                        frameborder="0"
                        src="https://dev-grafana.fiskerdps.com/d-solo/jRKKo2gnz/battery?orgId=2&var-VIN=1F15K3R45N1234567&refresh=1m&panelId=2"
                        style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;"
                        title="12V Battery Percentage Time Series"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
                >
                  <div
                    class="MuiPaper-root makeStyles-grafanaContainer-1117 MuiPaper-elevation1 MuiPaper-rounded"
                  >
                    <div
                      class="makeStyles-embeddedWrapper-1104"
                    >
                      <iframe
                        frameborder="0"
                        src="https://dev-grafana.fiskerdps.com/d-solo/jRKKo2gnz/battery?orgId=2&var-VIN=1F15K3R45N1234567&refresh=1m&panelId=9"
                        style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;"
                        title="12V Battery Voltage Time Series"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /datascope/battery unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-203"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-204 mui-00000fixed 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-212"
      >
        <div
          class="makeStyles-drawerHeader-210"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-192 makeStyles-textJustifyAlign-238"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-195 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-896"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-897 makeStyles-appBarShift-898 mui-00000fixed 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-907"
            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-901"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-902 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-903 makeStyles-drawerHeaderLogo-904"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-913"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-936 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-905 makeStyles-contentShift-906"
      >
        <div
          class="makeStyles-drawerHeader-903"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-885"
          >
            <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-77"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-78 mui-00000fixed 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-86"
      >
        <div
          class="makeStyles-drawerHeader-84"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-66 makeStyles-textJustifyAlign-112"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-69 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-1345"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1346 makeStyles-appBarShift-1347 mui-00000fixed 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-1356"
            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-1350"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1351 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1352 makeStyles-drawerHeaderLogo-1353"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1362"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-1385 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1354 makeStyles-contentShift-1355"
      >
        <div
          class="makeStyles-drawerHeader-1352"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-manifestcreateprovider"
          >
            <div
              class="makeStyles-paper-1334"
            >
              <form
                action="{onSubmit}"
                class="makeStyles-form-1336"
                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-1395 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1397"
                      >
                        <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-1395 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1397"
                      >
                        <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"
                    />
                    <fieldset
                      aria-hidden="true"
                      class="PrivateNotchedOutline-root-1395 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1397"
                      >
                        <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-1395 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1397"
                      >
                        <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-1395 MuiOutlinedInput-notchedOutline"
                            style="padding-left: 8px;"
                          >
                            <legend
                              class="PrivateNotchedOutline-legend-1396"
                              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-1395 MuiOutlinedInput-notchedOutline"
                                    style="padding-left: 8px;"
                                  >
                                    <legend
                                      class="PrivateNotchedOutline-legend-1396"
                                      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-1393 makeStyles-clickable-1392"
                                >
                                  ADD FILES
                                </div>
                                <input
                                  class="makeStyles-hidden-1391"
                                  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-1337 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-455"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-456 mui-00000fixed 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-464"
      >
        <div
          class="makeStyles-drawerHeader-462"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-444 makeStyles-textJustifyAlign-490"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-447 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-1278"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1279 makeStyles-appBarShift-1280 mui-00000fixed 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-1289"
            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-1283"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1284 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1285 makeStyles-drawerHeaderLogo-1286"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1295"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-1318 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1287 makeStyles-contentShift-1288"
      >
        <div
          class="makeStyles-drawerHeader-1285"
        />
        <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-1267"
                >
                  <form
                    action="{onSubmit}"
                    class="makeStyles-form-1269"
                    novalidate=""
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2"
                    >
                      Created 
                      7/1/2021 10:40:07 PM
                      .
                    </p>
                    <div
                      class="MuiGrid-root makeStyles-root-1278 MuiGrid-container MuiGrid-spacing-xs-2"
                    >
                      <div
                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-4"
                      >
                        <div
                          class="makeStyles-labelInline-1273"
                        >
                          0 Selected
                        </div>
                      </div>
                      <div
                        class="MuiGrid-root makeStyles-textCenterAlign-1314 MuiGrid-item MuiGrid-grid-md-4"
                      >
                        <div
                          class="MuiFormControl-root makeStyles-margin-1292 makeStyles-fullWidth-1316"
                        >
                          <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-1315 MuiGrid-item MuiGrid-grid-md-4"
                      >
                        <button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-1271 makeStyles-textField-1293 MuiButton-containedPrimary Mui-disabled Mui-disabled"
                          disabled=""
                          tabindex="-1"
                          type="submit"
                        >
                          <span
                            class="MuiButton-label"
                          >
                            Deploy
                          </span>
                        </button>
                      </div>
                    </div>
                    <div
                      class="makeStyles-paper-1267 makeStyles-tableSize-1319"
                    >
                      <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-1328 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                              >
                                <span
                                  class="MuiIconButton-label"
                                >
                                  <input
                                    aria-label="select all desserts"
                                    class="PrivateSwitchBase-input-1331"
                                    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-1291"
                                >
                                  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-392"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-393 mui-00000fixed 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-401"
      >
        <div
          class="makeStyles-drawerHeader-399"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-381 makeStyles-textJustifyAlign-427"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-384 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-1215"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1216 makeStyles-appBarShift-1217 mui-00000fixed 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-1226"
            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-1220"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1221 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1222 makeStyles-drawerHeaderLogo-1223"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1232"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-1255 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1224 makeStyles-contentShift-1225"
      >
        <div
          class="makeStyles-drawerHeader-1222"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-manifestsprovider"
          >
            <div
              data-testid="mocked-carupdatesprovider"
            >
              <div
                class="makeStyles-link-1227"
              >
                Show Details
              </div>
              <div
                class="makeStyles-paper-1204 makeStyles-tableSize-1256"
              >
                <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-329"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-330 mui-00000fixed 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-338"
      >
        <div
          class="makeStyles-drawerHeader-336"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-318 makeStyles-textJustifyAlign-364"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-321 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-1152"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1153 makeStyles-appBarShift-1154 mui-00000fixed 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-1163"
            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-1157"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1158 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1159 makeStyles-drawerHeaderLogo-1160"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1169"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-1192 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1161 makeStyles-contentShift-1162"
      >
        <div
          class="makeStyles-drawerHeader-1159"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-manifestsprovider"
          >
            <div
              class="makeStyles-paper-1141 makeStyles-tableSize-1193"
            >
              <div
                class="MuiGrid-root makeStyles-root-1152 MuiGrid-container MuiGrid-spacing-xs-2"
              >
                <div
                  class="MuiGrid-root makeStyles-textJustifyAlign-1187 MuiGrid-item MuiGrid-grid-md-4"
                >
                  <a
                    class="makeStyles-labelInline-1147"
                    href="/package-create"
                  >
                    <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-1188 MuiGrid-item MuiGrid-grid-md-4"
                >
                  <div
                    class="MuiFormControl-root makeStyles-margin-1166 makeStyles-fullWidth-1190"
                  >
                    <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-1189 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-1165"
                        >
                          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>
                    </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-266"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-267 mui-00000fixed 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-275"
      >
        <div
          class="makeStyles-drawerHeader-273"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-255 makeStyles-textJustifyAlign-301"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-258 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-959"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-960 makeStyles-appBarShift-961 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <div>
            <h6
              class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
            />
          </div>
          <div
            class="makeStyles-rightToolbar-970"
            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-964"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-965 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-966 makeStyles-drawerHeaderLogo-967"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-976"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-999 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-968 makeStyles-contentShift-969"
      >
        <div
          class="makeStyles-drawerHeader-966"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-948"
          >
            <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-770"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-771 mui-00000fixed 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-779"
      >
        <div
          class="makeStyles-drawerHeader-777"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-759"
          >
            <h1
              class="MuiTypography-root MuiTypography-h2"
            >
              Page Not Found
            </h1>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /vehicle-add authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-1412"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1413 makeStyles-appBarShift-1414 mui-00000fixed 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-1423"
            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-1417"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1418 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1419 makeStyles-drawerHeaderLogo-1420"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1429"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-1452 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1421 makeStyles-contentShift-1422"
      >
        <div
          class="makeStyles-drawerHeader-1419"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-vehicleprovider"
          >
            <div
              class="makeStyles-paper-1401"
            >
              <form
                action="{onSubmit}"
                class="makeStyles-form-1403"
                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-1462 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1464"
                      >
                        <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-1462 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1464 PrivateNotchedOutline-legendNotched-1465"
                      >
                        <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-1462 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1464 PrivateNotchedOutline-legendNotched-1465"
                      >
                        <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-1462 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-1464 PrivateNotchedOutline-legendNotched-1465"
                      >
                        <span>
                          Trim
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <button
                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-1404 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-518"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-519 mui-00000fixed 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-527"
      >
        <div
          class="makeStyles-drawerHeader-525"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-507 makeStyles-textJustifyAlign-553"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-510 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-1550"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1551 makeStyles-appBarShift-1552 mui-00000fixed 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-1561"
            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-1555"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1556 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1557 makeStyles-drawerHeaderLogo-1558"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1567"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-1590 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1559 makeStyles-contentShift-1560"
      >
        <div
          class="makeStyles-drawerHeader-1557"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-1539 makeStyles-tableSize-1591"
          >
            <div
              class="MuiBox-root MuiBox-root-1600 makeStyles-tableToolbar-1566"
            >
              <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"
                      >
                        Car Updates
                      </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"
                      >
                        CAN Filters
                      </span>
                      <span
                        class="MuiTouchRipple-root"
                      />
                    </button>
                  </div>
                  <span
                    class="PrivateTabIndicator-root-1601 PrivateTabIndicator-colorSecondary-1603 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-1605"
              >
                <div
                  data-testid="mocked-vehicleprovider"
                >
                  <div
                    class="makeStyles-paper-1539 makeStyles-tableSize-1591"
                  >
                    <h6
                      class="MuiTypography-root MuiTypography-h6"
                    >
                      Car Updates
                    </h6>
                    <div
                      data-testid="mocked-carupdatesprovider"
                    >
                      <table
                        class="MuiTable-root"
                      >
                        <thead
                          class="MuiTableHead-root"
                        >
                          <tr
                            class="MuiTableRow-root MuiTableRow-head"
                          >
                            <th
                              aria-sort="descending"
                              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-1563"
                                >
                                  sorted descending
                                </span>
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionDesc"
                                  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"
                              >
                                Status
                                <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"
                        >
                          <tr
                            class="MuiTableRow-root"
                          >
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              1
                            </td>
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              <a
                                href="/vehicle-status/1G1FP87S3GN100062/1"
                              >
                                TEST UPDATE 1000
                              </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
                      class="MuiGrid-root makeStyles-root-1550 MuiGrid-container MuiGrid-spacing-xs-2"
                    >
                      <div
                        class="MuiGrid-root makeStyles-textJustifyAlign-1585 MuiGrid-item MuiGrid-grid-md-4"
                      />
                      <div
                        class="MuiGrid-root makeStyles-textCenterAlign-1586 MuiGrid-item MuiGrid-grid-md-4"
                      >
                        <h6
                          class="MuiTypography-root makeStyles-labelInline-1545 MuiTypography-h6"
                        >
                          Car ECUs
                        </h6>
                      </div>
                      <div
                        class="MuiGrid-root makeStyles-textRightAlign-1587 MuiGrid-item MuiGrid-grid-md-4"
                      >
                        <button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-1543 makeStyles-textField-1565 MuiButton-containedPrimary"
                          tabindex="0"
                          type="submit"
                        >
                          <span
                            class="MuiButton-label"
                          >
                            Refresh
                          </span>
                          <span
                            class="MuiTouchRipple-root"
                          />
                        </button>
                      </div>
                    </div>
                    <div
                      class="makeStyles-paper-1539 makeStyles-tableSize-1591"
                    >
                      <table
                        class="MuiTable-root"
                      >
                        <thead
                          class="MuiTableHead-root"
                        >
                          <tr
                            class="MuiTableRow-root MuiTableRow-head"
                          >
                            <th
                              aria-sort="descending"
                              class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                              scope="col"
                            >
                              <span
                                aria-disabled="false"
                                class="MuiButtonBase-root MuiTableSortLabel-root MuiTableSortLabel-active"
                                role="button"
                                tabindex="0"
                              >
                                ECU
                                <span
                                  class="makeStyles-hiddenSortSpan-1563"
                                >
                                  sorted descending
                                </span>
                                <svg
                                  aria-hidden="true"
                                  class="MuiSvgIcon-root MuiTableSortLabel-icon MuiTableSortLabel-iconDirectionDesc"
                                  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"
                              >
                                SW 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"
                              >
                                HW 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"
                              >
                                Config
                                <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"
                        >
                          <tr
                            class="MuiTableRow-root"
                          >
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              ECUA
                            </td>
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              SWVERSION
                            </td>
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              HWVERSION
                            </td>
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              CONFIG
                            </td>
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              7/14/2021 8:09:40 PM
                            </td>
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              7/14/2021 8:09:40 PM
                            </td>
                          </tr>
                          <tr
                            class="MuiTableRow-root"
                          >
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            />
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              SWVERSION
                            </td>
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              HWVERSION
                            </td>
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              CONFIG
                            </td>
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              7/14/2021 8:09:40 PM
                            </td>
                            <td
                              class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                            >
                              7/14/2021 8:09:40 PM
                            </td>
                          </tr>
                        </tbody>
                        <tfoot
                          class="MuiTableFooter-root"
                        >
                          <tr
                            class="MuiTableRow-root MuiTableRow-footer"
                          >
                            <td
                              class="MuiTableCell-root MuiTableCell-footer MuiTablePagination-root"
                              colspan="10"
                            >
                              <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-2 of 2
                                </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>
              </div>
            </div>
            <div
              aria-labelledby="tab-1"
              hidden=""
              id="tabpanel-1"
              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-644"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-645 mui-00000fixed 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-653"
      >
        <div
          class="makeStyles-drawerHeader-651"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-633 makeStyles-textJustifyAlign-679"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-636 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-707"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-708 mui-00000fixed 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-716"
      >
        <div
          class="makeStyles-drawerHeader-714"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-696 makeStyles-textJustifyAlign-742"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-699 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-1479"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1480 makeStyles-appBarShift-1481 mui-00000fixed 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-1490"
            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-1484"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1485 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1486 makeStyles-drawerHeaderLogo-1487"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1496"
              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="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"
                  >
                    Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <span>
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope"
                  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 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>
            <ul
              style="margin-left: 50px;"
            >
              <li>
                <a
                  aria-disabled="false"
                  class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                  href="/datascope/battery"
                  role="button"
                  tabindex="0"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Battery
                    </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-1519 MuiListItem-gutters MuiListItem-button MuiTypography-colorPrimary"
                  href="https://dev-grafana.fiskerdps.com"
                  rel="noopener"
                  role="button"
                  tabindex="0"
                  target="_blank"
                >
                  <div
                    class="MuiListItemText-root"
                  >
                    <span
                      class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                    >
                      Diagnostics
                    </span>
                  </div>
                  <span
                    class="MuiTouchRipple-root"
                  />
                </a>
              </li>
            </ul>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1488 makeStyles-contentShift-1489"
      >
        <div
          class="makeStyles-drawerHeader-1486"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-vehicleprovider"
          >
            <div
              class="makeStyles-paper-1468 makeStyles-tableSize-1520"
            >
              <div
                class="MuiGrid-root makeStyles-root-1479 MuiGrid-container MuiGrid-spacing-xs-2"
              >
                <div
                  class="MuiGrid-root makeStyles-textJustifyAlign-1514 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
                    class="makeStyles-labelInline-1474"
                  >
                    0 Selected
                  </div>
                </div>
                <div
                  class="MuiGrid-root makeStyles-textCenterAlign-1515 MuiGrid-item MuiGrid-grid-md-4"
                >
                  <div
                    class="MuiFormControl-root makeStyles-margin-1493 makeStyles-fullWidth-1517"
                  >
                    <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-1516 MuiGrid-item MuiGrid-grid-md-4"
                >
                  <div
                    class="makeStyles-form-1470"
                    style="margin-top: 20px;"
                  >
                    <div
                      class="MuiFormControl-root makeStyles-formControlInline-1473"
                    >
                      <label
                        class="MuiFormLabel-root MuiInputLabel-root makeStyles-whiteBackground-1521 MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense MuiInputLabel-outlined MuiFormLabel-filled"
                        data-shrink="true"
                        for="send-command"
                      >
                        Command
                      </label>
                      <div
                        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
                      >
                        <select
                          aria-invalid="false"
                          class="MuiSelect-root MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
                          id="send-command"
                          name="send-command"
                        >
                          <option
                            value="lock"
                          >
                            Lock door
                          </option>
                          <option
                            value="unlock"
                          >
                            Unlock door
                          </option>
                          <option
                            value="open"
                          >
                            Open window
                          </option>
                          <option
                            value="close"
                          >
                            Close window
                          </option>
                          <option
                            value="ecu"
                          >
                            ECU Versions
                          </option>
                          <option
                            value="log"
                          >
                            Log level
                          </option>
                          <option
                            value="headlights"
                          >
                            Flash headlights
                          </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-1529 MuiOutlinedInput-notchedOutline"
                          style="padding-left: 8px;"
                        >
                          <legend
                            class="PrivateNotchedOutline-legend-1530"
                            style="width: 0.01px;"
                          >
                            <span>
                              ​
                            </span>
                          </legend>
                        </fieldset>
                      </div>
                    </div>
                    <div
                      class="MuiFormControl-root makeStyles-formControlInline-1473"
                    >
                      <label
                        class="MuiFormLabel-root MuiInputLabel-root makeStyles-whiteBackground-1521 MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-marginDense MuiInputLabel-outlined MuiFormLabel-filled"
                        data-shrink="true"
                        for="send-parameter"
                      >
                        Parameter
                      </label>
                      <div
                        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl MuiInputBase-marginDense MuiOutlinedInput-marginDense"
                      >
                        <select
                          aria-invalid="false"
                          class="MuiSelect-root MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense"
                          id="send-parameter"
                          name="send-parameter"
                        >
                          <option
                            value="right_front"
                          >
                            Front right door
                          </option>
                          <option
                            value="left_front"
                          >
                            Front left door
                          </option>
                          <option
                            value="right_rear"
                          >
                            Rear right door
                          </option>
                          <option
                            value="left_rear"
                          >
                            Rear left door
                          </option>
                          <option
                            value="trunk"
                          >
                            Trunk
                          </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-1529 MuiOutlinedInput-notchedOutline"
                          style="padding-left: 8px;"
                        >
                          <legend
                            class="PrivateNotchedOutline-legend-1530"
                            style="width: 0.01px;"
                          >
                            <span>
                              ​
                            </span>
                          </legend>
                        </fieldset>
                      </div>
                    </div>
                    <span
                      aria-disabled="true"
                      aria-label="send command"
                      class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary Mui-disabled MuiIconButton-sizeSmall Mui-disabled"
                      role="button"
                      tabindex="-1"
                    >
                      <span
                        class="MuiIconButton-label"
                      >
                        <svg
                          aria-hidden="true"
                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeLarge"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"
                          />
                        </svg>
                      </span>
                    </span>
                  </div>
                </div>
              </div>
              <div
                class="makeStyles-paper-1468 makeStyles-tableSize-1520"
              >
                <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-1533 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                        >
                          <span
                            class="MuiIconButton-label"
                          >
                            <input
                              aria-label="select all desserts"
                              class="PrivateSwitchBase-input-1536"
                              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-1492"
                          >
                            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-581"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-582 mui-00000fixed 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-590"
      >
        <div
          class="makeStyles-drawerHeader-588"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-570 makeStyles-textJustifyAlign-616"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-573 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>
`;