Merge pull request 'fix: Fuel Logs API 500 error - repository snake_case mismatch (#47)' (#48) from issue-47-fix-fuel-logs-api into main
All checks were successful
Deploy to Staging / Build Images (push) Successful in 24s
Deploy to Staging / Deploy to Staging (push) Successful in 28s
Deploy to Staging / Verify Staging (push) Successful in 7s
Deploy to Staging / Notify Staging Ready (push) Successful in 6s
Deploy to Staging / Notify Staging Failure (push) Has been skipped
All checks were successful
Deploy to Staging / Build Images (push) Successful in 24s
Deploy to Staging / Deploy to Staging (push) Successful in 28s
Deploy to Staging / Verify Staging (push) Successful in 7s
Deploy to Staging / Notify Staging Ready (push) Successful in 6s
Deploy to Staging / Notify Staging Failure (push) Has been skipped
Reviewed-on: #48
This commit was merged in pull request #48.
This commit is contained in:
@@ -293,7 +293,7 @@ export class FuelLogsRepository {
|
||||
data.notes ?? null
|
||||
];
|
||||
const res = await this.pool.query(query, values);
|
||||
return res.rows[0] ? this.mapRow(res.rows[0]) : null;
|
||||
return res.rows[0] ?? null;
|
||||
}
|
||||
|
||||
async findByVehicleIdEnhanced(vehicleId: string): Promise<any[]> {
|
||||
@@ -301,7 +301,7 @@ export class FuelLogsRepository {
|
||||
`SELECT * FROM fuel_logs WHERE vehicle_id = $1 ORDER BY date_time DESC NULLS LAST, date DESC NULLS LAST, created_at DESC`,
|
||||
[vehicleId]
|
||||
);
|
||||
return res.rows.map(row => this.mapRow(row));
|
||||
return res.rows;
|
||||
}
|
||||
|
||||
async findByUserIdEnhanced(userId: string): Promise<any[]> {
|
||||
@@ -309,12 +309,12 @@ export class FuelLogsRepository {
|
||||
`SELECT * FROM fuel_logs WHERE user_id = $1 ORDER BY date_time DESC NULLS LAST, date DESC NULLS LAST, created_at DESC`,
|
||||
[userId]
|
||||
);
|
||||
return res.rows.map(row => this.mapRow(row));
|
||||
return res.rows;
|
||||
}
|
||||
|
||||
async findByIdEnhanced(id: string): Promise<any | null> {
|
||||
const res = await this.pool.query(`SELECT * FROM fuel_logs WHERE id = $1`, [id]);
|
||||
return res.rows[0] ? this.mapRow(res.rows[0]) : null;
|
||||
return res.rows[0] ?? null;
|
||||
}
|
||||
|
||||
async getPreviousLogByOdometer(vehicleId: string, odometerReading: number): Promise<any | null> {
|
||||
@@ -322,7 +322,7 @@ export class FuelLogsRepository {
|
||||
`SELECT * FROM fuel_logs WHERE vehicle_id = $1 AND odometer IS NOT NULL AND odometer < $2 ORDER BY odometer DESC LIMIT 1`,
|
||||
[vehicleId, odometerReading]
|
||||
);
|
||||
return res.rows[0] ? this.mapRow(res.rows[0]) : null;
|
||||
return res.rows[0] ?? null;
|
||||
}
|
||||
|
||||
async getLatestLogForVehicle(vehicleId: string): Promise<any | null> {
|
||||
@@ -330,7 +330,7 @@ export class FuelLogsRepository {
|
||||
`SELECT * FROM fuel_logs WHERE vehicle_id = $1 ORDER BY date_time DESC NULLS LAST, date DESC NULLS LAST, created_at DESC LIMIT 1`,
|
||||
[vehicleId]
|
||||
);
|
||||
return res.rows[0] ? this.mapRow(res.rows[0]) : null;
|
||||
return res.rows[0] ?? null;
|
||||
}
|
||||
|
||||
async updateEnhanced(id: string, data: {
|
||||
@@ -416,6 +416,6 @@ export class FuelLogsRepository {
|
||||
return null;
|
||||
}
|
||||
|
||||
return this.mapRow(result.rows[0]);
|
||||
return result.rows[0];
|
||||
}
|
||||
}
|
||||
|
||||
802
frontend/.claude/tdd-guard/data/test.json
Normal file
802
frontend/.claude/tdd-guard/data/test.json
Normal file
File diff suppressed because one or more lines are too long
139
frontend/package-lock.json
generated
139
frontend/package-lock.json
generated
@@ -55,6 +55,7 @@
|
||||
"tailwindcss": "^3.4.17",
|
||||
"terser": "^5.24.0",
|
||||
"ts-jest": "^29.1.1",
|
||||
"ts-node": "^10.9.2",
|
||||
"typescript": "^5.7.2",
|
||||
"typescript-eslint": "^8.18.1",
|
||||
"vite": "^6.0.0"
|
||||
@@ -553,6 +554,30 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@cspotcode/source-map-support": {
|
||||
"version": "0.8.1",
|
||||
"resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
|
||||
"integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@jridgewell/trace-mapping": "0.3.9"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
}
|
||||
},
|
||||
"node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
|
||||
"version": "0.3.9",
|
||||
"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
|
||||
"integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@jridgewell/resolve-uri": "^3.0.3",
|
||||
"@jridgewell/sourcemap-codec": "^1.4.10"
|
||||
}
|
||||
},
|
||||
"node_modules/@emotion/babel-plugin": {
|
||||
"version": "11.13.5",
|
||||
"license": "MIT",
|
||||
@@ -2752,6 +2777,34 @@
|
||||
"node": ">= 10"
|
||||
}
|
||||
},
|
||||
"node_modules/@tsconfig/node10": {
|
||||
"version": "1.0.12",
|
||||
"resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.12.tgz",
|
||||
"integrity": "sha512-UCYBaeFvM11aU2y3YPZ//O5Rhj+xKyzy7mvcIoAjASbigy8mHMryP5cK7dgjlz2hWxh1g5pLw084E0a/wlUSFQ==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@tsconfig/node12": {
|
||||
"version": "1.0.11",
|
||||
"resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
|
||||
"integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@tsconfig/node14": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
|
||||
"integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@tsconfig/node16": {
|
||||
"version": "1.0.4",
|
||||
"resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
|
||||
"integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@types/aria-query": {
|
||||
"version": "5.0.4",
|
||||
"dev": true,
|
||||
@@ -3926,6 +3979,13 @@
|
||||
"node": "^14.15.0 || ^16.10.0 || >=18.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/create-require": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
|
||||
"integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/cross-spawn": {
|
||||
"version": "7.0.6",
|
||||
"dev": true,
|
||||
@@ -4091,6 +4151,16 @@
|
||||
"dev": true,
|
||||
"license": "Apache-2.0"
|
||||
},
|
||||
"node_modules/diff": {
|
||||
"version": "4.0.2",
|
||||
"resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
|
||||
"integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
|
||||
"dev": true,
|
||||
"license": "BSD-3-Clause",
|
||||
"engines": {
|
||||
"node": ">=0.3.1"
|
||||
}
|
||||
},
|
||||
"node_modules/diff-sequences": {
|
||||
"version": "29.6.3",
|
||||
"dev": true,
|
||||
@@ -8117,6 +8187,58 @@
|
||||
"url": "https://github.com/sponsors/sindresorhus"
|
||||
}
|
||||
},
|
||||
"node_modules/ts-node": {
|
||||
"version": "10.9.2",
|
||||
"resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
|
||||
"integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@cspotcode/source-map-support": "^0.8.0",
|
||||
"@tsconfig/node10": "^1.0.7",
|
||||
"@tsconfig/node12": "^1.0.7",
|
||||
"@tsconfig/node14": "^1.0.0",
|
||||
"@tsconfig/node16": "^1.0.2",
|
||||
"acorn": "^8.4.1",
|
||||
"acorn-walk": "^8.1.1",
|
||||
"arg": "^4.1.0",
|
||||
"create-require": "^1.1.0",
|
||||
"diff": "^4.0.1",
|
||||
"make-error": "^1.1.1",
|
||||
"v8-compile-cache-lib": "^3.0.1",
|
||||
"yn": "3.1.1"
|
||||
},
|
||||
"bin": {
|
||||
"ts-node": "dist/bin.js",
|
||||
"ts-node-cwd": "dist/bin-cwd.js",
|
||||
"ts-node-esm": "dist/bin-esm.js",
|
||||
"ts-node-script": "dist/bin-script.js",
|
||||
"ts-node-transpile-only": "dist/bin-transpile.js",
|
||||
"ts-script": "dist/bin-script-deprecated.js"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@swc/core": ">=1.2.50",
|
||||
"@swc/wasm": ">=1.2.50",
|
||||
"@types/node": "*",
|
||||
"typescript": ">=2.7"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@swc/core": {
|
||||
"optional": true
|
||||
},
|
||||
"@swc/wasm": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/ts-node/node_modules/arg": {
|
||||
"version": "4.1.3",
|
||||
"resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
|
||||
"integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/tslib": {
|
||||
"version": "2.8.1",
|
||||
"license": "0BSD"
|
||||
@@ -8272,6 +8394,13 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/v8-compile-cache-lib": {
|
||||
"version": "3.0.1",
|
||||
"resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
|
||||
"integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/v8-to-istanbul": {
|
||||
"version": "9.3.0",
|
||||
"dev": true,
|
||||
@@ -8604,6 +8733,16 @@
|
||||
"node": ">=12"
|
||||
}
|
||||
},
|
||||
"node_modules/yn": {
|
||||
"version": "3.1.1",
|
||||
"resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
|
||||
"integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/yocto-queue": {
|
||||
"version": "0.1.0",
|
||||
"dev": true,
|
||||
|
||||
@@ -12,55 +12,56 @@
|
||||
"type-check": "tsc --noEmit"
|
||||
},
|
||||
"dependencies": {
|
||||
"react": "^19.0.0",
|
||||
"react-dom": "^19.0.0",
|
||||
"react-router-dom": "^6.28.1",
|
||||
"@auth0/auth0-react": "^2.2.3",
|
||||
"axios": "^1.7.9",
|
||||
"zustand": "^5.0.0",
|
||||
"@tanstack/react-query": "^5.84.1",
|
||||
"react-hook-form": "^7.54.2",
|
||||
"@hookform/resolvers": "^3.9.1",
|
||||
"zod": "^3.24.1",
|
||||
"dayjs": "^1.11.13",
|
||||
"clsx": "^2.0.0",
|
||||
"react-hot-toast": "^2.4.1",
|
||||
"react-slick": "^0.30.2",
|
||||
"slick-carousel": "^1.8.1",
|
||||
"framer-motion": "^12.0.0",
|
||||
"@mui/material": "^6.3.0",
|
||||
"@mui/x-date-pickers": "^7.23.0",
|
||||
"@mui/x-data-grid": "^7.23.0",
|
||||
"@emotion/cache": "^11.14.0",
|
||||
"@emotion/react": "^11.14.0",
|
||||
"@emotion/styled": "^11.14.0",
|
||||
"@emotion/cache": "^11.14.0",
|
||||
"@mui/icons-material": "^6.3.0"
|
||||
"@hookform/resolvers": "^3.9.1",
|
||||
"@mui/icons-material": "^6.3.0",
|
||||
"@mui/material": "^6.3.0",
|
||||
"@mui/x-data-grid": "^7.23.0",
|
||||
"@mui/x-date-pickers": "^7.23.0",
|
||||
"@tanstack/react-query": "^5.84.1",
|
||||
"axios": "^1.7.9",
|
||||
"clsx": "^2.0.0",
|
||||
"dayjs": "^1.11.13",
|
||||
"framer-motion": "^12.0.0",
|
||||
"react": "^19.0.0",
|
||||
"react-dom": "^19.0.0",
|
||||
"react-hook-form": "^7.54.2",
|
||||
"react-hot-toast": "^2.4.1",
|
||||
"react-router-dom": "^6.28.1",
|
||||
"react-slick": "^0.30.2",
|
||||
"slick-carousel": "^1.8.1",
|
||||
"zod": "^3.24.1",
|
||||
"zustand": "^5.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@emotion/babel-plugin": "^11.11.0",
|
||||
"@eslint/js": "^9.17.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@testing-library/react": "^16.0.0",
|
||||
"@testing-library/user-event": "^14.5.1",
|
||||
"@types/jest": "^29.5.10",
|
||||
"@types/react": "^19.0.2",
|
||||
"@types/react-dom": "^19.0.2",
|
||||
"@types/react-slick": "^0.23.13",
|
||||
"typescript-eslint": "^8.18.1",
|
||||
"@vitejs/plugin-react": "^5.1.2",
|
||||
"autoprefixer": "^10.4.20",
|
||||
"eslint": "^9.17.0",
|
||||
"@eslint/js": "^9.17.0",
|
||||
"globals": "^16.5.0",
|
||||
"eslint-plugin-react-hooks": "^5.2.0",
|
||||
"eslint-plugin-react-refresh": "^0.4.16",
|
||||
"globals": "^16.5.0",
|
||||
"jest": "^29.7.0",
|
||||
"jest-environment-jsdom": "^29.7.0",
|
||||
"patch-package": "^8.0.1",
|
||||
"postcss": "^8.4.49",
|
||||
"tailwindcss": "^3.4.17",
|
||||
"terser": "^5.24.0",
|
||||
"@emotion/babel-plugin": "^11.11.0",
|
||||
"typescript": "^5.7.2",
|
||||
"vite": "^6.0.0",
|
||||
"jest": "^29.7.0",
|
||||
"@types/jest": "^29.5.10",
|
||||
"ts-jest": "^29.1.1",
|
||||
"jest-environment-jsdom": "^29.7.0",
|
||||
"@testing-library/react": "^16.0.0",
|
||||
"@testing-library/jest-dom": "^6.1.5",
|
||||
"@testing-library/user-event": "^14.5.1",
|
||||
"patch-package": "^8.0.1"
|
||||
"ts-node": "^10.9.2",
|
||||
"typescript": "^5.7.2",
|
||||
"typescript-eslint": "^8.18.1",
|
||||
"vite": "^6.0.0"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,146 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`AdminSectionHeader should format large numbers with locale 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiBox-root css-1yjvs5a"
|
||||
>
|
||||
<h1
|
||||
class="MuiTypography-root MuiTypography-h4 css-1w5hg5f-MuiTypography-root"
|
||||
>
|
||||
Station Management
|
||||
</h1>
|
||||
<div
|
||||
class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-11nsb57-MuiGrid-root"
|
||||
>
|
||||
<div
|
||||
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3 css-10voxkt-MuiGrid-root"
|
||||
>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-10z8onm-MuiPaper-root-MuiCard-root"
|
||||
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
|
||||
>
|
||||
<div
|
||||
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
|
||||
>
|
||||
<p
|
||||
class="MuiTypography-root MuiTypography-body2 css-kj4ytl-MuiTypography-root"
|
||||
>
|
||||
Total Stations
|
||||
</p>
|
||||
<div
|
||||
class="MuiTypography-root MuiTypography-h5 css-kwxs7k-MuiTypography-root"
|
||||
>
|
||||
10,000
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`AdminSectionHeader should render with empty stats 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiBox-root css-1yjvs5a"
|
||||
>
|
||||
<h1
|
||||
class="MuiTypography-root MuiTypography-h4 css-1w5hg5f-MuiTypography-root"
|
||||
>
|
||||
Admin Users
|
||||
</h1>
|
||||
<div
|
||||
class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-11nsb57-MuiGrid-root"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`AdminSectionHeader should render with title and stats 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiBox-root css-1yjvs5a"
|
||||
>
|
||||
<h1
|
||||
class="MuiTypography-root MuiTypography-h4 css-1w5hg5f-MuiTypography-root"
|
||||
>
|
||||
Vehicle Catalog
|
||||
</h1>
|
||||
<div
|
||||
class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 css-11nsb57-MuiGrid-root"
|
||||
>
|
||||
<div
|
||||
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3 css-10voxkt-MuiGrid-root"
|
||||
>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-10z8onm-MuiPaper-root-MuiCard-root"
|
||||
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
|
||||
>
|
||||
<div
|
||||
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
|
||||
>
|
||||
<p
|
||||
class="MuiTypography-root MuiTypography-body2 css-kj4ytl-MuiTypography-root"
|
||||
>
|
||||
Makes
|
||||
</p>
|
||||
<div
|
||||
class="MuiTypography-root MuiTypography-h5 css-kwxs7k-MuiTypography-root"
|
||||
>
|
||||
100
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3 css-10voxkt-MuiGrid-root"
|
||||
>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-10z8onm-MuiPaper-root-MuiCard-root"
|
||||
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
|
||||
>
|
||||
<div
|
||||
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
|
||||
>
|
||||
<p
|
||||
class="MuiTypography-root MuiTypography-body2 css-kj4ytl-MuiTypography-root"
|
||||
>
|
||||
Models
|
||||
</p>
|
||||
<div
|
||||
class="MuiTypography-root MuiTypography-h5 css-kwxs7k-MuiTypography-root"
|
||||
>
|
||||
500
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3 css-10voxkt-MuiGrid-root"
|
||||
>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-10z8onm-MuiPaper-root-MuiCard-root"
|
||||
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
|
||||
>
|
||||
<div
|
||||
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
|
||||
>
|
||||
<p
|
||||
class="MuiTypography-root MuiTypography-body2 css-kj4ytl-MuiTypography-root"
|
||||
>
|
||||
Years
|
||||
</p>
|
||||
<div
|
||||
class="MuiTypography-root MuiTypography-h5 css-kwxs7k-MuiTypography-root"
|
||||
>
|
||||
20
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,516 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`AdminSkeleton SkeletonCard should render default number of cards 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiBox-root css-0"
|
||||
>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
|
||||
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
|
||||
>
|
||||
<div
|
||||
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root css-gdel2o"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 70%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 50%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-1i27l4i"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
|
||||
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
|
||||
>
|
||||
<div
|
||||
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root css-gdel2o"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 70%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 50%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-1i27l4i"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
|
||||
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
|
||||
>
|
||||
<div
|
||||
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root css-gdel2o"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 70%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 50%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-1i27l4i"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`AdminSkeleton SkeletonCard should render specified number of cards 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiBox-root css-0"
|
||||
>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
|
||||
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
|
||||
>
|
||||
<div
|
||||
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root css-gdel2o"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 70%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 50%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-1i27l4i"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
|
||||
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
|
||||
>
|
||||
<div
|
||||
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root css-gdel2o"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 70%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 50%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-1i27l4i"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
|
||||
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
|
||||
>
|
||||
<div
|
||||
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root css-gdel2o"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 70%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 50%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-1i27l4i"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-1ypifsw-MuiPaper-root-MuiCard-root"
|
||||
style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
|
||||
>
|
||||
<div
|
||||
class="MuiCardContent-root css-1lt5qva-MuiCardContent-root"
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root css-gdel2o"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 70%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 50%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-1i27l4i"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 36px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`AdminSkeleton SkeletonRow should render default number of rows 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiBox-root css-19midj6"
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root css-6msto9"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 60%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 40%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 32px;"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-6msto9"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 60%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 40%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 32px;"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-6msto9"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 60%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 40%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 32px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`AdminSkeleton SkeletonRow should render specified number of rows 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiBox-root css-19midj6"
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root css-6msto9"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 60%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 40%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 32px;"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-6msto9"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 60%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 40%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 32px;"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-6msto9"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 60%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 40%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 32px;"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-6msto9"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 60%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 40%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 32px;"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-6msto9"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 40px; height: 40px;"
|
||||
/>
|
||||
<div
|
||||
class="MuiBox-root css-1rr4qq7"
|
||||
>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 60%; height: 24px;"
|
||||
/>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-text MuiSkeleton-pulse css-kkcbhd-MuiSkeleton-root"
|
||||
style="width: 40%; height: 20px;"
|
||||
/>
|
||||
</div>
|
||||
<span
|
||||
class="MuiSkeleton-root MuiSkeleton-rectangular MuiSkeleton-pulse css-3sr0vz-MuiSkeleton-root"
|
||||
style="width: 80px; height: 32px;"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,7 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`BulkActionDialog should render dialog when open 1`] = `
|
||||
<div
|
||||
aria-hidden="true"
|
||||
/>
|
||||
`;
|
||||
@@ -0,0 +1,48 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`EmptyState should render with icon 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiBox-root css-fewm7m"
|
||||
>
|
||||
<div
|
||||
class="MuiBox-root css-z354a3"
|
||||
>
|
||||
<div
|
||||
data-testid="test-icon"
|
||||
>
|
||||
Icon
|
||||
</div>
|
||||
</div>
|
||||
<h2
|
||||
class="MuiTypography-root MuiTypography-h6 css-z9yyq-MuiTypography-root"
|
||||
>
|
||||
Empty
|
||||
</h2>
|
||||
<p
|
||||
class="MuiTypography-root MuiTypography-body2 css-kvgvx0-MuiTypography-root"
|
||||
>
|
||||
No items found
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`EmptyState should render with title and description 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiBox-root css-fewm7m"
|
||||
>
|
||||
<h2
|
||||
class="MuiTypography-root MuiTypography-h6 css-z9yyq-MuiTypography-root"
|
||||
>
|
||||
No Data
|
||||
</h2>
|
||||
<p
|
||||
class="MuiTypography-root MuiTypography-body2 css-kvgvx0-MuiTypography-root"
|
||||
>
|
||||
Start by adding your first item
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,45 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`ErrorState should render error message 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiBox-root css-rw8vhf"
|
||||
>
|
||||
<div
|
||||
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-colorError MuiAlert-standardError MuiAlert-standard css-1c9x2ae-MuiPaper-root-MuiAlert-root"
|
||||
role="alert"
|
||||
style="--Paper-shadow: none;"
|
||||
>
|
||||
<div
|
||||
class="MuiAlert-icon css-vab54s-MuiAlert-icon"
|
||||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1ckov0h-MuiSvgIcon-root"
|
||||
data-testid="ErrorOutlineIcon"
|
||||
focusable="false"
|
||||
viewBox="0 0 24 24"
|
||||
>
|
||||
<path
|
||||
d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
class="MuiAlert-message css-zioonp-MuiAlert-message"
|
||||
>
|
||||
<p
|
||||
class="MuiTypography-root MuiTypography-body1 css-1s58en-MuiTypography-root"
|
||||
>
|
||||
An error occurred
|
||||
</p>
|
||||
<p
|
||||
class="MuiTypography-root MuiTypography-body2 css-7ctihp-MuiTypography-root"
|
||||
>
|
||||
Failed to load data
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,59 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`SelectionToolbar should render custom action buttons 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-13zxrvn-MuiToolbar-root"
|
||||
>
|
||||
<div
|
||||
class="MuiTypography-root MuiTypography-subtitle1 css-1yjrzp0-MuiTypography-root"
|
||||
>
|
||||
Selected:
|
||||
3
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-1x99n9k"
|
||||
>
|
||||
<button
|
||||
class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-1bumsy-MuiButtonBase-root-MuiButton-root"
|
||||
tabindex="0"
|
||||
type="button"
|
||||
>
|
||||
Clear
|
||||
</button>
|
||||
<button>
|
||||
Delete
|
||||
</button>
|
||||
<button>
|
||||
Export
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`SelectionToolbar should render when items are selected 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular css-13zxrvn-MuiToolbar-root"
|
||||
>
|
||||
<div
|
||||
class="MuiTypography-root MuiTypography-subtitle1 css-1yjrzp0-MuiTypography-root"
|
||||
>
|
||||
Selected:
|
||||
3
|
||||
</div>
|
||||
<div
|
||||
class="MuiBox-root css-1x99n9k"
|
||||
>
|
||||
<button
|
||||
class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-1bumsy-MuiButtonBase-root-MuiButton-root"
|
||||
tabindex="0"
|
||||
type="button"
|
||||
>
|
||||
Clear
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
Reference in New Issue
Block a user