@anzusystems/common-admin 2.0.0-rc.5 → 2.0.0-rc.7

package/package.json

@@ -3,6 +3,7 @@
   "packageManager": "yarn@4.18.1",
   "files": [
     "dist",
+    "src/e2e/**",
     "src/eslint/**",
     "src/vite/**"
   ],
@@ -20,6 +21,10 @@
       "types": "./dist/common-admin.css.d.ts",
       "default": "./dist/common-admin.css"
     },
+    "./e2e": {
+      "types": "./src/e2e/index.d.mts",
+      "default": "./src/e2e/index.mjs"
+    },
     "./eslint": {
       "types": "./src/eslint/plugin.d.mts",
       "default": "./src/eslint/plugin.mjs"
@@ -35,7 +40,7 @@
     },
     "./package.json": "./package.json"
   },
-  "version": "2.0.0-rc.5",
+  "version": "2.0.0-rc.7",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -53,7 +58,7 @@
     "lib:build": "run-s --print-name lint:tsc build",
     "ci": "run-p --aggregate-output --continue-on-error --print-label --silent lint:tsc format:check lint:oxlint lint:eslint lint:stylelint",
     "lint": "[ \"$*\" = \"--fix\" ] && yarn lint:fix || yarn ci",
-    "lint:fix": "run-s --print-name lint:tsc lint:oxlint:fix lint:eslint:fix lint:stylelint:fix format",
+    "lint:fix": "run-s --continue-on-error --print-name lint:tsc lint:oxlint:fix lint:eslint:fix lint:stylelint:fix format",
     "lint:tsc": "NODE_OPTIONS=--max-old-space-size=4096 vue-tsc --build",
     "lint:tsc:test": "NODE_OPTIONS=--max-old-space-size=4096 vue-tsc --build tsconfig.test.json",
     "lint:eslint": "eslint",
@@ -69,29 +74,30 @@
     "test:eslint": "vitest run --config vitest.config.node.mts",
     "test:run": "run-s --print-name test:browser test:eslint",
     "test:ui": "vitest --ui",
+    "deps:upgrade": "yarn upgrade-interactive && yarn dedupe",
     "release:start": "npx -y --allow-git=all github:anzusystems/release-tools#main start",
     "release:publish": "npx -y --allow-git=all github:anzusystems/release-tools#main publish",
     "release:cleanup": "npx -y --allow-git=all github:anzusystems/release-tools#main cleanup"
   },
   "devDependencies": {
-    "@anzusystems/common-admin": "2.0.0-rc.5",
-    "@intlify/unplugin-vue-i18n": "^11.2.7",
+    "@anzusystems/common-admin": "2.0.0-rc.7",
+    "@intlify/unplugin-vue-i18n": "^11.2.8",
     "@mdi/font": "^7.4.47",
-    "@sentry/vite-plugin": "11.9.0",
-    "@sentry/vue": "^11.9.0",
+    "@sentry/vite-plugin": "11.10.0",
+    "@sentry/vue": "^11.10.0",
     "@tsconfig/node22": "^22.0.6",
     "@types/node": "^24.19.2",
     "@types/rusha": "^0.8.3",
     "@types/sortablejs": "^1.15.9",
     "@typescript-eslint/parser": "^8.72.1",
     "@vitejs/plugin-vue": "^6.0.10",
-    "@vitest/browser": "^5.0.5",
-    "@vitest/browser-playwright": "^5.0.5",
-    "@vitest/ui": "^5.0.5",
+    "@vitest/browser": "^5.1.0",
+    "@vitest/browser-playwright": "^5.1.0",
+    "@vitest/ui": "^5.1.0",
     "@vue/compiler-dom": "3.5.44",
     "@vue/devtools-api": "^8.2.1",
     "@vue/eslint-config-typescript": "^14.9.0",
-    "@vue/language-server": "3.3.13",
+    "@vue/language-server": "3.3.14",
     "@vue/test-utils": "^2.5.1",
     "@vue/tsconfig": "0.9.1",
     "@vuelidate/core": "^2.0.3",
@@ -102,20 +108,20 @@
     "axios": "1.21.0",
     "cropperjs": "2.3.1",
     "dayjs": "1.11.23",
-    "eslint": "^10.13.0",
-    "eslint-plugin-oxlint": "1.89.0",
+    "eslint": "^10.14.0",
+    "eslint-plugin-oxlint": "1.90.0",
     "eslint-plugin-pinia": "^0.4.2",
     "eslint-plugin-vue": "10.12.0",
     "eslint-plugin-vuetify": "^2.7.3",
     "npm-run-all2": "^9.0.4",
-    "oxfmt": "^0.75.0",
-    "oxlint": "1.89.0",
+    "oxfmt": "^0.76.0",
+    "oxlint": "1.90.0",
     "pinia": "4.1.0",
     "playwright": "^1.64.1",
     "postcss": "^8.5.32",
     "postcss-html": "^2.0.0",
     "rusha": "^0.8.14",
-    "sass": "1.106.1",
+    "sass": "1.107.1",
     "socket.io-client": "4.8.4",
     "sortablejs": "^1.15.7",
     "stylelint": "17.16.0",
@@ -124,44 +130,45 @@
     "stylelint-config-recommended-vue": "^2.0.0",
     "stylelint-config-standard-scss": "^17.0.0",
     "typescript": "~6.0.3",
-    "unplugin": "3.5.0",
+    "unplugin": "3.7.0",
     "unplugin-dts": "^1.1.2",
     "uuid": "^14.0.3",
     "vite": "8.3.5",
     "vite-plugin-vuetify": "^2.1.3",
-    "vitest": "^5.0.5",
+    "vitest": "^5.1.0",
     "vue": "3.5.44",
     "vue-eslint-parser": "^10.4.1",
-    "vue-i18n": "11.4.16",
+    "vue-i18n": "11.4.18",
     "vue-router": "5.4.0",
-    "vue-tsc": "3.3.13",
-    "vuetify": "4.3.1"
+    "vue-tsc": "3.3.14",
+    "vuetify": "4.3.2"
   },
   "peerDependencies": {
     "@mdi/font": "^7.4.47",
-    "@sentry/vite-plugin": "^11.9.0",
-    "@sentry/vue": "^11.9.0",
+    "@sentry/vite-plugin": "^11.10.0",
+    "@sentry/vue": "^11.10.0",
     "@vue/eslint-config-typescript": "^14.9.0",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^15.0.0",
     "@vueuse/integrations": "^15.0.0",
     "@vueuse/shared": "^15.0.0",
-    "axios": "^1.20.0",
+    "axios": "^1.21.0",
     "dayjs": "^1.11.23",
-    "eslint": "^10.13.0",
-    "eslint-plugin-oxlint": "^1.89.0",
+    "eslint": "^10.14.0",
+    "eslint-plugin-oxlint": "^1.90.0",
     "eslint-plugin-pinia": "^0.4.2",
     "eslint-plugin-vue": "^10.12.0",
     "eslint-plugin-vuetify": "^2.7.3",
-    "oxlint": "^1.89.0",
+    "oxlint": "^1.90.0",
     "pinia": "^4.1.0",
+    "playwright": "^1.64.1",
     "socket.io-client": "^4.8.4",
     "sortablejs": "^1.15.7",
-    "vite": "^8.3.4",
-    "vitest": "^5.0.5",
+    "vite": "^8.3.5",
+    "vitest": "^5.1.0",
     "vue": "^3.5.44",
-    "vue-i18n": "^11.4.16",
+    "vue-i18n": "^11.4.17",
     "vue-router": "^5.4.0",
     "vuetify": "^4.3.1"
   },
@@ -193,6 +200,9 @@
     "oxlint": {
       "optional": true
     },
+    "playwright": {
+      "optional": true
+    },
     "socket.io-client": {
       "optional": true
     },

package/src/e2e/conventions.d.mts

@@ -0,0 +1,4 @@
+export declare const CARD_LOADER_SELECTOR: string
+export declare const NOT_FOUND_SELECTOR: string
+export declare const ROW_SELECTOR: string
+export declare const NO_DATA_SELECTOR: string

package/src/e2e/conventions.mjs

@@ -0,0 +1,15 @@
+// What the route walk knows of common-admin's views. Apart from the walk, which is node code, so that a browser
+// test can hold them against the components (src/test/routeWalkConventions.test.ts).
+
+/** `ACard`'s loader, shown while the card loads. */
+export const CARD_LOADER_SELECTOR = '.a-card-loader'
+
+/** The back button of `ANotFoundView`. */
+export const NOT_FOUND_SELECTOR = '[data-cy="not-found-back"]'
+
+/** The rows of a listing: Vuetify's data table, without its "no data" and loading rows. */
+export const ROW_SELECTOR =
+  'main .v-data-table tbody tr:not(.v-data-table-rows-no-data):not(.v-data-table-rows-loading)'
+
+/** The row a listing without records shows. */
+export const NO_DATA_SELECTOR = 'main .v-data-table-rows-no-data'

package/src/e2e/index.d.mts

@@ -0,0 +1,8 @@
+export type {
+  RouteWalkIgnore,
+  RouteWalkOptions,
+  RouteWalkPlaywright,
+  RouteWalkProblem,
+  RouteWalkTimings,
+} from './types.mjs'
+export { DEFAULT_TIMINGS, defineRouteWalk, defineRouteWalkBoot, readDeclaredRoutes } from './routeWalk.mjs'

package/src/e2e/index.mjs

@@ -0,0 +1 @@
+export { DEFAULT_TIMINGS, defineRouteWalk, defineRouteWalkBoot, readDeclaredRoutes } from './routeWalk.mjs'

package/src/e2e/routeWalk.d.mts

@@ -0,0 +1,43 @@
+import type {
+  DefineRouteWalk,
+  FirstRecordOf,
+  ReadDeclaredRoutes,
+  RouteWalkTimings,
+  VisitRoute,
+  WatchPage,
+} from './types.mjs'
+
+export type * from './types.mjs'
+
+export declare const DEFAULT_TIMINGS: Readonly<RouteWalkTimings>
+
+/** The declared paths, constraints unescaped. The catch-all is left out. */
+export declare const readDeclaredRoutes: ReadDeclaredRoutes
+
+/**
+ * Registers the boot check the walk depends on (a Playwright project dependency): the app logs in, starts and
+ * shows a page of its own. Without it, an app that never boots would hold every route for the full app timeout.
+ * It also empties the record cache of an earlier run.
+ */
+export declare const defineRouteWalkBoot: DefineRouteWalk
+
+/** Registers the walk: a guard that the declaration was read, then one test per route. */
+export declare const defineRouteWalk: DefineRouteWalk
+
+// What the walk is made of, for its tests.
+
+/** Watches a page for what it does wrong, for the whole session of a worker. */
+export declare const watchPage: WatchPage
+
+/**
+ * Opens the target on a fresh document, waits until it has loaded, and collects what it did wrong: problems the
+ * watcher saw, landing elsewhere than the target (or than `redirect` allows), the 404 view, an empty page and
+ * unresolved components. Throws when the app does not render or a card loader never finishes.
+ */
+export declare const visitRoute: VisitRoute
+
+/**
+ * The first record a listing shows: from a link to it, else by clicking the first row and reading where the
+ * app went. Kept in a file in `outputDir`, so a record's detail and edit share one visit of the listing.
+ */
+export declare const firstRecordOf: FirstRecordOf