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

exports[`App Route / authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-546"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-547 makeStyles-appBarShift-548 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Home
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-556 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-551"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-552 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-553"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-562"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-554 makeStyles-contentShift-555"
      >
        <div
          class="makeStyles-drawerHeader-553"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-535"
          >
            <h1
              class="MuiTypography-root makeStyles-homePageTitle-566 MuiTypography-h5"
            >
              Welcome John!
            </h1>
            <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://c.tile.openstreetmap.org/2/1/1.png"
                          style="width: 256px; height: 256px; left: -256px; top: -256px;"
                        />
                        <img
                          alt=""
                          class="leaflet-tile"
                          role="presentation"
                          src="https://a.tile.openstreetmap.org/2/2/1.png"
                          style="width: 256px; height: 256px; left: 0px; top: -256px;"
                        />
                        <img
                          alt=""
                          class="leaflet-tile"
                          role="presentation"
                          src="https://a.tile.openstreetmap.org/2/1/2.png"
                          style="width: 256px; height: 256px; left: -256px; top: 0px;"
                        />
                        <img
                          alt=""
                          class="leaflet-tile"
                          role="presentation"
                          src="https://b.tile.openstreetmap.org/2/2/2.png"
                          style="width: 256px; height: 256px; left: 0px; top: 0px;"
                        />
                      </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"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-22"
      >
        <div
          class="makeStyles-drawerHeader-21"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-3"
            style="justify-content: center;"
          >
            <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 /carupdate-deploy authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-980"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-981 makeStyles-appBarShift-982 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Deploy Package 1.0
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-990 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-985"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-986 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-987"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-996"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-988 makeStyles-contentShift-989"
      >
        <div
          class="makeStyles-drawerHeader-987"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-vehicleprovider"
          >
            <div
              data-testid="mocked-updatesprovider"
            >
              <div
                class="makeStyles-paper-969"
              >
                <form
                  action="{onSubmit}"
                  class="makeStyles-form-971"
                  novalidate=""
                >
                  <p
                    class="MuiTypography-root MuiTypography-body2"
                  >
                    Created 
                    7/6/2021 11:48:19 PM
                    . 
                    Description
                  </p>
                  <div
                    class="MuiGrid-root makeStyles-root-980 MuiGrid-container MuiGrid-spacing-xs-2"
                  >
                    <div
                      class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-10"
                    >
                      <div
                        class="MuiFormControl-root makeStyles-margin-993 makeStyles-textField-994"
                      >
                        <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
                        class="makeStyles-labelInline-975"
                      >
                        0 Selected
                      </div>
                    </div>
                    <div
                      class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-2"
                      style="text-align: right;"
                    >
                      <button
                        class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-973 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
                        disabled=""
                        tabindex="-1"
                        type="submit"
                      >
                        <span
                          class="MuiButton-label"
                        >
                          Deploy
                        </span>
                      </button>
                    </div>
                  </div>
                  <div
                    class="makeStyles-paper-969"
                    style="height: 700px; width: 100%;"
                  >
                    <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-1005 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                            >
                              <span
                                class="MuiIconButton-label"
                              >
                                <input
                                  aria-label="select all desserts"
                                  class="PrivateSwitchBase-input-1008"
                                  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-992"
                              >
                                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>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /carupdate-deploy unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-204"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-205 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-212"
      >
        <div
          class="makeStyles-drawerHeader-211"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-193"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-196 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 /carupdate-status authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-744"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-745 makeStyles-appBarShift-746 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Package Package 1.0
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-754 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-749"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-750 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-751"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-760"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-752 makeStyles-contentShift-753"
      >
        <div
          class="makeStyles-drawerHeader-751"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-updatesprovider"
          >
            <div
              class="makeStyles-paper-733"
              style="height: 700px; width: 100%;"
            >
              <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"
                />
                <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"
                        >
                          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>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /carupdate-status unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-242"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-243 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-250"
      >
        <div
          class="makeStyles-drawerHeader-249"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-231"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-234 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 /dashboard 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"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Dashboard
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1032 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </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"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1038"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1030 makeStyles-contentShift-1031"
      >
        <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="makeStyles-embeddedWrapper-1040"
                >
                  <iframe
                    frameborder="0"
                    src="https://grafana.fiskerdps.com/d-solo/jRKKo2gnz/battery?orgId=2&refresh=30s&panelId=2"
                    style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%;"
                    title="Battery Time Series"
                  />
                </div>
              </div>
              <div
                class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
              >
                <div
                  class="makeStyles-embeddedWrapper-1040"
                >
                  <iframe
                    frameborder="0"
                    src="https://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>
            <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://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>
                Create Charts
              </span>
              <span
                class="MuiTouchRipple-root"
              />
            </a>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /dashboard unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-394"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-395 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-402"
      >
        <div
          class="makeStyles-drawerHeader-401"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-383"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-386 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-584"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-585 makeStyles-appBarShift-586 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Home
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-594 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-589"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-590 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-591"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-600"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-592 makeStyles-contentShift-593"
      >
        <div
          class="makeStyles-drawerHeader-591"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-573"
          >
            <h1
              class="MuiTypography-root makeStyles-homePageTitle-604 MuiTypography-h5"
            >
              Welcome John!
            </h1>
            <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://c.tile.openstreetmap.org/2/1/1.png"
                          style="width: 256px; height: 256px; left: -256px; top: -256px;"
                        />
                        <img
                          alt=""
                          class="leaflet-tile"
                          role="presentation"
                          src="https://a.tile.openstreetmap.org/2/2/1.png"
                          style="width: 256px; height: 256px; left: 0px; top: -256px;"
                        />
                        <img
                          alt=""
                          class="leaflet-tile"
                          role="presentation"
                          src="https://a.tile.openstreetmap.org/2/1/2.png"
                          style="width: 256px; height: 256px; left: -256px; top: 0px;"
                        />
                        <img
                          alt=""
                          class="leaflet-tile"
                          role="presentation"
                          src="https://b.tile.openstreetmap.org/2/2/2.png"
                          style="width: 256px; height: 256px; left: 0px; top: 0px;"
                        />
                      </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-52"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-53 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-60"
      >
        <div
          class="makeStyles-drawerHeader-59"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-41"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-44 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 /manifest-deploy authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-1136"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1137 makeStyles-appBarShift-1138 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Deploy Test Manifest 1.0
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1146 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1141"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1142 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1143"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1152"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1144 makeStyles-contentShift-1145"
      >
        <div
          class="makeStyles-drawerHeader-1143"
        />
        <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-1125"
                >
                  <form
                    action="{onSubmit}"
                    class="makeStyles-form-1127"
                    novalidate=""
                  >
                    <p
                      class="MuiTypography-root MuiTypography-body2"
                    >
                      Created 
                      7/1/2021 10:40:07 PM
                      .
                    </p>
                    <div
                      class="MuiGrid-root makeStyles-root-1136 MuiGrid-container MuiGrid-spacing-xs-2"
                    >
                      <div
                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-10"
                      >
                        <div
                          class="MuiFormControl-root makeStyles-margin-1149 makeStyles-textField-1150"
                        >
                          <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
                          class="makeStyles-labelInline-1131"
                        >
                          0 Selected
                        </div>
                      </div>
                      <div
                        class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-2"
                        style="text-align: right;"
                      >
                        <button
                          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-formControl-1129 MuiButton-containedPrimary Mui-disabled MuiButton-fullWidth Mui-disabled"
                          disabled=""
                          tabindex="-1"
                          type="submit"
                        >
                          <span
                            class="MuiButton-label"
                          >
                            Deploy
                          </span>
                        </button>
                      </div>
                    </div>
                    <div
                      class="makeStyles-paper-1125"
                      style="height: 700px; width: 100%;"
                    >
                      <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-1161 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                              >
                                <span
                                  class="MuiIconButton-label"
                                >
                                  <input
                                    aria-label="select all desserts"
                                    class="PrivateSwitchBase-input-1164"
                                    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-1148"
                                >
                                  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 /manifest-deploy unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-508"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-509 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-516"
      >
        <div
          class="makeStyles-drawerHeader-515"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-497"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-500 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 /manifest-status authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-1098"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1099 makeStyles-appBarShift-1100 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Manifest Test Manifest 1.0
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1108 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1103"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1104 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1105"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1114"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1106 makeStyles-contentShift-1107"
      >
        <div
          class="makeStyles-drawerHeader-1105"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-manifestsprovider"
          >
            <div
              data-testid="mocked-carupdatesprovider"
            >
              <div
                class="makeStyles-paper-1087"
                style="height: 700px; width: 100%;"
              >
                <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"
                      >
                        <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 /manifest-status unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-470"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-471 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-478"
      >
        <div
          class="makeStyles-drawerHeader-477"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-459"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-462 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 /manifests authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-1060"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-1061 makeStyles-appBarShift-1062 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Deploy Manifest
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-1070 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-1065"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-1066 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-1067"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-1076"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-1068 makeStyles-contentShift-1069"
      >
        <div
          class="makeStyles-drawerHeader-1067"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-manifestsprovider"
          >
            <div
              class="makeStyles-paper-1049"
              style="height: 700px; width: 100%;"
            >
              <div
                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-1075 MuiToolbar-gutters"
              >
                <div
                  class="MuiFormControl-root makeStyles-margin-1073 makeStyles-textField-1074"
                >
                  <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>
              <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-1072"
                        >
                          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="/manifest-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="/manifest-deploy/1"
                        style="margin: 5px;"
                        title="Deploy \\"Test Manifest 1.0\\""
                      >
                        <svg
                          aria-hidden="true"
                          aria-label="Deploy Test Manifest 1.0"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"
                          />
                        </svg>
                      </a>
                      <a
                        class=""
                        href="/manifests"
                        title="Delete \\"Test Manifest 1.0\\""
                      >
                        <svg
                          aria-hidden="true"
                          aria-label="Delete Test Manifest 1.0"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
                          />
                        </svg>
                      </a>
                    </td>
                  </tr>
                </tbody>
                <tfoot
                  class="MuiTableFooter-root"
                >
                  <tr
                    class="MuiTableRow-root MuiTableRow-footer"
                  >
                    <td
                      class="MuiTableCell-root MuiTableCell-footer MuiTablePagination-root"
                      colspan="6"
                    >
                      <div
                        class="MuiToolbar-root MuiToolbar-regular MuiTablePagination-toolbar MuiToolbar-gutters"
                      >
                        <div
                          class="MuiTablePagination-spacer"
                        />
                        <p
                          class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
                          id="mui-00000"
                        >
                          Rows per page:
                        </p>
                        <div
                          class="MuiInputBase-root MuiTablePagination-input MuiTablePagination-selectRoot"
                        >
                          <select
                            aria-label="rows per page"
                            class="MuiSelect-root MuiSelect-select MuiTablePagination-select MuiInputBase-input"
                            id="mui-00000"
                          >
                            <option
                              class="MuiTablePagination-menuItem"
                              value="5"
                            >
                              5
                            </option>
                            <option
                              class="MuiTablePagination-menuItem"
                              value="10"
                            >
                              10
                            </option>
                            <option
                              class="MuiTablePagination-menuItem"
                              value="25"
                            >
                              25
                            </option>
                            <option
                              class="MuiTablePagination-menuItem"
                              value="100"
                            >
                              100
                            </option>
                          </select>
                          <svg
                            aria-hidden="true"
                            class="MuiSvgIcon-root MuiSelect-icon MuiTablePagination-selectIcon"
                            focusable="false"
                            viewBox="0 0 24 24"
                          >
                            <path
                              d="M7 10l5 5 5-5z"
                            />
                          </svg>
                        </div>
                        <p
                          class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
                        >
                          1-1 of 1
                        </p>
                        <div
                          class="MuiTablePagination-actions"
                        >
                          <button
                            aria-label="Previous page"
                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
                            disabled=""
                            tabindex="-1"
                            title="Previous page"
                            type="button"
                          >
                            <span
                              class="MuiIconButton-label"
                            >
                              <svg
                                aria-hidden="true"
                                class="MuiSvgIcon-root"
                                focusable="false"
                                viewBox="0 0 24 24"
                              >
                                <path
                                  d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
                                />
                              </svg>
                            </span>
                          </button>
                          <button
                            aria-label="Next page"
                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
                            disabled=""
                            tabindex="-1"
                            title="Next page"
                            type="button"
                          >
                            <span
                              class="MuiIconButton-label"
                            >
                              <svg
                                aria-hidden="true"
                                class="MuiSvgIcon-root"
                                focusable="false"
                                viewBox="0 0 24 24"
                              >
                                <path
                                  d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
                                />
                              </svg>
                            </span>
                          </button>
                        </div>
                      </div>
                    </td>
                  </tr>
                </tfoot>
              </table>
            </div>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /manifests unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-432"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-433 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-440"
      >
        <div
          class="makeStyles-drawerHeader-439"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-421"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-424 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-upload authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-622"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-623 makeStyles-appBarShift-624 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Create Update Package
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-632 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-627"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-628 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-629"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-638"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-630 makeStyles-contentShift-631"
      >
        <div
          class="makeStyles-drawerHeader-629"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-fileuploadprovider"
          >
            <div
              class="makeStyles-paper-611"
            >
              <form
                action="{onSubmit}"
                class="makeStyles-form-613"
                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-647 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-649"
                      >
                        <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-647 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-649"
                      >
                        <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-647 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-649"
                      >
                        <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="releasenotes"
                    id="releasenotes-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="releasenotes"
                      maxlength="1024"
                      name="releasenotes"
                      placeholder="Release Notes URL"
                      required=""
                      type="text"
                      value=""
                    />
                    <fieldset
                      aria-hidden="true"
                      class="PrivateNotchedOutline-root-647 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-649"
                      >
                        <span>
                          Release Notes URL
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <div
                  class="MuiDropzoneArea-root"
                  tabindex="0"
                >
                  <input
                    accept=""
                    autocomplete="off"
                    style="display: none;"
                    tabindex="-1"
                    type="file"
                  />
                  <div
                    class="MuiDropzoneArea-textContainer"
                  >
                    <p
                      class="MuiTypography-root MuiDropzoneArea-text MuiTypography-h5"
                    >
                      Drag and drop a file here or click
                    </p>
                    <svg
                      aria-hidden="true"
                      class="MuiSvgIcon-root MuiDropzoneArea-icon"
                      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.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"
                      />
                    </svg>
                  </div>
                </div>
                <button
                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-614 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-upload unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-90"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-91 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-98"
      >
        <div
          class="makeStyles-drawerHeader-97"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-79"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-82 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-942"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-943 makeStyles-appBarShift-944 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-952 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-947"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-948 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-949"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-958"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-950 makeStyles-contentShift-951"
      >
        <div
          class="makeStyles-drawerHeader-949"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-931"
          >
            <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-904"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-905 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-912"
      >
        <div
          class="makeStyles-drawerHeader-911"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-893"
          >
            <h1
              class="MuiTypography-root MuiTypography-h2"
            >
              Page Not Found
            </h1>
          </div>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /updates authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-706"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-707 makeStyles-appBarShift-708 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Deploy Packages
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-716 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-711"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-712 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-713"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-722"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-714 makeStyles-contentShift-715"
      >
        <div
          class="makeStyles-drawerHeader-713"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-updatesprovider"
          >
            <div
              class="makeStyles-paper-695"
              style="height: 700px; width: 100%;"
            >
              <div
                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-721 MuiToolbar-gutters"
              >
                <div
                  class="MuiFormControl-root makeStyles-margin-719 makeStyles-textField-720"
                >
                  <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>
              <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-718"
                        >
                          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"
                      >
                        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"
                    >
                      Actions
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="MuiTableBody-root"
                >
                  <tr
                    class="MuiTableRow-root"
                  >
                    <td
                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                    >
                      0
                    </td>
                    <td
                      class="MuiTableCell-root MuiTableCell-body MuiTableCell-alignCenter"
                    >
                      Package
                    </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"
                    >
                      <a
                        class=""
                        href="/carupdate-status/0"
                        style="margin: 5px;"
                        title="Status \\"Package 1.0\\""
                      >
                        <svg
                          aria-hidden="true"
                          aria-label="Status Package 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="/carupdate-deploy/0"
                        style="margin: 5px;"
                        title="Deploy \\"Package 1.0\\""
                      >
                        <svg
                          aria-hidden="true"
                          aria-label="Deploy Package 1.0"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"
                          />
                        </svg>
                      </a>
                      <a
                        class=""
                        href="/updates"
                        title="Delete \\"Package 1.0\\""
                      >
                        <svg
                          aria-hidden="true"
                          aria-label="Delete Package 1.0"
                          class="MuiSvgIcon-root"
                          focusable="false"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
                          />
                        </svg>
                      </a>
                    </td>
                  </tr>
                </tbody>
                <tfoot
                  class="MuiTableFooter-root"
                >
                  <tr
                    class="MuiTableRow-root MuiTableRow-footer"
                  >
                    <td
                      class="MuiTableCell-root MuiTableCell-footer MuiTablePagination-root"
                      colspan="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"
                        >
                          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>
        </main>
      </main>
    </div>
  </div>
</div>
`;

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

exports[`App Route /vehicle-add authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-664"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-665 makeStyles-appBarShift-666 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Add Vehicle
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-674 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-669"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-670 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-671"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-680"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-672 makeStyles-contentShift-673"
      >
        <div
          class="makeStyles-drawerHeader-671"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-vehicleprovider"
          >
            <div
              class="makeStyles-paper-653"
            >
              <form
                action="{onSubmit}"
                class="makeStyles-form-655"
                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-689 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-691"
                      >
                        <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-689 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-691 PrivateNotchedOutline-legendNotched-692"
                      >
                        <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-689 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-691 PrivateNotchedOutline-legendNotched-692"
                      >
                        <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-689 MuiOutlinedInput-notchedOutline"
                    >
                      <legend
                        class="PrivateNotchedOutline-legendLabelled-691 PrivateNotchedOutline-legendNotched-692"
                      >
                        <span>
                          Trim
                           *
                        </span>
                      </legend>
                    </fieldset>
                  </div>
                </div>
                <button
                  class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-656 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-128"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-129 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-136"
      >
        <div
          class="makeStyles-drawerHeader-135"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-117"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-120 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-820"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-821 makeStyles-appBarShift-822 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Vehicle FISKER123 Details
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-830 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-825"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-826 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-827"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-836"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-828 makeStyles-contentShift-829"
      >
        <div
          class="makeStyles-drawerHeader-827"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-vehicleprovider"
          >
            <div
              data-testid="mocked-updatesprovider"
            >
              <div
                class="makeStyles-paper-809"
                style="height: 700px; width: 100%;"
              >
                <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-832"
                          >
                            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"
                  />
                  <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"
                          >
                            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 /vehicle-status unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-318"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-319 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-326"
      >
        <div
          class="makeStyles-drawerHeader-325"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-307"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-310 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-782"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-783 makeStyles-appBarShift-784 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Vehicles
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-792 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-787"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-788 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-789"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-798"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-790 makeStyles-contentShift-791"
      >
        <div
          class="makeStyles-drawerHeader-789"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-vehicleprovider"
          >
            <div
              class="makeStyles-paper-771"
              style="height: 700px; width: 100%;"
            >
              <div
                class="MuiToolbar-root MuiToolbar-regular makeStyles-tableToolbar-797 MuiToolbar-gutters"
              >
                <div
                  class="MuiFormControl-root makeStyles-margin-795 makeStyles-textField-796"
                >
                  <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>
              <table
                class="MuiTable-root"
              >
                <thead
                  class="MuiTableHead-root"
                >
                  <tr
                    class="MuiTableRow-root MuiTableRow-head"
                  >
                    <th
                      aria-sort="ascending"
                      class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
                      scope="col"
                    >
                      <span
                        aria-disabled="false"
                        class="MuiButtonBase-root MuiTableSortLabel-root MuiTableSortLabel-active"
                        role="button"
                        tabindex="0"
                      >
                        VIN
                        <span
                          class="makeStyles-hiddenSortSpan-794"
                        >
                          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="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"
                        >
                          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>
        </main>
      </main>
    </div>
  </div>
</div>
`;

exports[`App Route /vehicles unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-280"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-281 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-288"
      >
        <div
          class="makeStyles-drawerHeader-287"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-269"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-272 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-command authenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-858"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-859 makeStyles-appBarShift-860 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          >
            Send Command
          </h6>
          <button
            class="MuiButtonBase-root MuiButton-root MuiButton-text makeStyles-rightToolbar-868 MuiButton-colorInherit"
            tabindex="0"
            type="button"
          >
            <span
              class="MuiButton-label"
            >
              Sign Out
            </span>
            <span
              class="MuiTouchRipple-root"
            />
          </button>
        </div>
      </header>
      <div
        class="MuiDrawer-root MuiDrawer-docked makeStyles-drawer-863"
      >
        <div
          class="MuiPaper-root MuiDrawer-paper makeStyles-drawerPaper-864 MuiDrawer-paperAnchorLeft MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
        >
          <div
            class="makeStyles-drawerHeader-865"
          >
            <img
              alt="Fisker Admin Portal"
              class="makeStyles-logo-874"
              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="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="/dashboard"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Dashboard
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/updates"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Packages
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/package-upload"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Create Package
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/manifests"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Deploy Manifest
                  </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="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    View Vehicles
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicle-add"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Add Vehicle
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
            <li>
              <a
                aria-disabled="false"
                class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
                href="/vehicles-command"
                role="button"
                tabindex="0"
              >
                <div
                  class="MuiListItemText-root"
                >
                  <span
                    class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
                  >
                    Send Command
                  </span>
                </div>
                <span
                  class="MuiTouchRipple-root"
                />
              </a>
            </li>
          </ul>
        </div>
      </div>
      <main
        class="makeStyles-content-866 makeStyles-contentShift-867"
      >
        <div
          class="makeStyles-drawerHeader-865"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            data-testid="mocked-vehicleprovider"
          >
            <div
              class="makeStyles-paper-847"
              style="height: 700px; width: 100%;"
            >
              <div
                class="MuiGrid-root makeStyles-root-858 MuiGrid-container MuiGrid-spacing-xs-2"
              >
                <div
                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
                >
                  <div
                    class="MuiFormControl-root makeStyles-margin-871 makeStyles-textField-872"
                  >
                    <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
                    class="makeStyles-labelInline-853"
                  >
                    0 Selected
                  </div>
                </div>
                <div
                  class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-6"
                  style="text-align: right;"
                >
                  <div
                    class="makeStyles-form-849"
                  >
                    <div
                      class="MuiFormControl-root makeStyles-formControlInline-852"
                    >
                      <label
                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
                        data-shrink="true"
                        for="send-command"
                        style="background-color: White;"
                      >
                        Command
                      </label>
                      <div
                        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
                      >
                        <select
                          aria-invalid="false"
                          class="MuiSelect-root MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input"
                          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="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-883 MuiOutlinedInput-notchedOutline"
                          style="padding-left: 8px;"
                        >
                          <legend
                            class="PrivateNotchedOutline-legend-884"
                            style="width: 0.01px;"
                          >
                            <span>
                              ​
                            </span>
                          </legend>
                        </fieldset>
                      </div>
                    </div>
                    <div
                      class="MuiFormControl-root makeStyles-formControlInline-852"
                    >
                      <label
                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
                        data-shrink="true"
                        for="send-parameter"
                        style="background-color: White;"
                      >
                        Parameter
                      </label>
                      <div
                        class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-formControl"
                      >
                        <select
                          aria-invalid="false"
                          class="MuiSelect-root MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input"
                          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-883 MuiOutlinedInput-notchedOutline"
                          style="padding-left: 8px;"
                        >
                          <legend
                            class="PrivateNotchedOutline-legend-884"
                            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 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-847"
                style="height: 700px; width: 100%;"
              >
                <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-887 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
                        >
                          <span
                            class="MuiIconButton-label"
                          >
                            <input
                              aria-label="select all desserts"
                              class="PrivateSwitchBase-input-890"
                              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-870"
                          >
                            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-command unauthenticated 1`] = `
<div>
  <div
    data-testid="mocked-userprovider"
  >
    <div
      class="makeStyles-root-356"
    >
      <header
        class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary makeStyles-appBar-357 mui-00000fixed MuiPaper-elevation4"
      >
        <div
          class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters"
        >
          <h6
            class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap"
          />
        </div>
      </header>
      <main
        class="makeStyles-content-364"
      >
        <div
          class="makeStyles-drawerHeader-363"
        />
        <main
          class="MuiContainer-root MuiContainer-maxWidthLg"
        >
          <div
            class="makeStyles-paper-345"
            style="justify-content: center;"
          >
            <a
              aria-disabled="false"
              class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-submit-348 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>
`;