8647 lines
308 KiB
Plaintext
8647 lines
308 KiB
Plaintext
// 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>
|
||
`;
|