f4652b5de7
* battery indicator * optimistic response remove from fleet * update api to use params * expand add to fleet to also remove * typo * update to post request * CEC-5432: remove unused deps * update mocks for delete
437 lines
16 KiB
Plaintext
437 lines
16 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`VehiclesTab Render 1`] = `
|
|
<div>
|
|
<div
|
|
class="makeStyles-paper-0 makeStyles-tableSize-0"
|
|
>
|
|
<h6
|
|
class="MuiTypography-root makeStyles-textCenterAlign-0 MuiTypography-h6"
|
|
>
|
|
Vehicles
|
|
</h6>
|
|
<div
|
|
data-testid="mocked-fleetprovider"
|
|
>
|
|
<div
|
|
class="makeStyles-paper-0 makeStyles-tableSize-0"
|
|
>
|
|
<div
|
|
class="MuiGrid-root makeStyles-root-0 MuiGrid-container MuiGrid-spacing-xs-2"
|
|
>
|
|
<div
|
|
class="MuiGrid-root makeStyles-textJustifyAlign-0 MuiGrid-item MuiGrid-grid-md-1"
|
|
>
|
|
<a
|
|
href="/fleet/undefined/vehicle-add"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="MuiSvgIcon-root MuiSvgIcon-fontSizeLarge"
|
|
focusable="false"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="MuiGrid-root MuiGrid-item MuiGrid-grid-md-4"
|
|
/>
|
|
<div
|
|
align="right"
|
|
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-7"
|
|
>
|
|
<div
|
|
class="MuiFormControl-root makeStyles-margin-0 makeStyles-fullWidth-0"
|
|
>
|
|
<label
|
|
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
|
|
data-shrink="false"
|
|
for="search"
|
|
>
|
|
Search
|
|
</label>
|
|
<div
|
|
class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd"
|
|
>
|
|
<input
|
|
aria-invalid="false"
|
|
class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd"
|
|
id="search"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<div
|
|
class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
|
|
>
|
|
<button
|
|
aria-label="search"
|
|
class="MuiButtonBase-root MuiIconButton-root"
|
|
tabindex="0"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="MuiIconButton-label"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="MuiSvgIcon-root"
|
|
focusable="false"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="MuiTouchRipple-root"
|
|
/>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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-0 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary"
|
|
>
|
|
<span
|
|
class="MuiIconButton-label"
|
|
>
|
|
<input
|
|
aria-label="select all items"
|
|
class="PrivateSwitchBase-input-0"
|
|
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
|
|
class="MuiTableCell-root MuiTableCell-head MuiTableCell-alignCenter"
|
|
scope="col"
|
|
>
|
|
<span
|
|
aria-disabled="false"
|
|
class="MuiButtonBase-root MuiTableSortLabel-root"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
VIN
|
|
<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"
|
|
>
|
|
T.REX 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"
|
|
>
|
|
Car Update
|
|
<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"
|
|
>
|
|
Car Update 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"
|
|
>
|
|
Battery
|
|
<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"
|
|
>
|
|
Voltage
|
|
<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"
|
|
>
|
|
Park
|
|
<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="8"
|
|
>
|
|
<div
|
|
class="MuiToolbar-root MuiToolbar-regular MuiTablePagination-toolbar MuiToolbar-gutters"
|
|
>
|
|
<div
|
|
class="MuiTablePagination-spacer"
|
|
/>
|
|
<p
|
|
class="MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit"
|
|
>
|
|
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"
|
|
>
|
|
<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-3 of 3
|
|
</p>
|
|
<div
|
|
class="MuiTablePagination-actions"
|
|
>
|
|
<button
|
|
aria-label="Previous page"
|
|
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
|
|
disabled=""
|
|
tabindex="-1"
|
|
title="Previous page"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="MuiIconButton-label"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="MuiSvgIcon-root"
|
|
focusable="false"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<button
|
|
aria-label="Next page"
|
|
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit Mui-disabled Mui-disabled"
|
|
disabled=""
|
|
tabindex="-1"
|
|
title="Next page"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="MuiIconButton-label"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="MuiSvgIcon-root"
|
|
focusable="false"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|