vuetify 3.7.2 → 3.7.4

package/lib/styles/utilities/_display.sass

@@ -1,7 +1,8 @@
+@use 'sass:list'
 @use '../settings'
 @use '../tools'
 
-@if (settings.$utilities != false and length(settings.$utilities) > 0)
+@if (settings.$utilities != false and list.length(settings.$utilities) > 0)
   @include tools.layer('utilities')
     @each $size, $media_query in settings.$display-breakpoints
       .hidden

package/lib/styles/utilities/_elevation.scss

@@ -1,7 +1,8 @@
+@use 'sass:list';
 @use '../tools';
 @use '../settings';
 
-@if (settings.$utilities != false and length(settings.$utilities) > 0) {
+@if (settings.$utilities != false and list.length(settings.$utilities) > 0) {
   @include tools.layer('utilities') {
     $z: 24;
     @while $z >= 0 {

package/lib/styles/utilities/_screenreaders.sass

@@ -1,8 +1,9 @@
 // Source: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
+@use 'sass:list'
 @use '../settings'
 @use '../tools'
 
-@if (settings.$utilities != false and length(settings.$utilities) > 0)
+@if (settings.$utilities != false and list.length(settings.$utilities) > 0)
   @include tools.layer('utilities')
     .d-sr-only,
     .d-sr-only-focusable:not(:focus)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify",
   "description": "Vue Material Component Framework",
-  "version": "3.7.2",
+  "version": "3.7.4",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"
@@ -109,11 +109,14 @@
     "build:types": "rimraf types-temp && tsc --pretty --emitDeclarationOnly -p tsconfig.dist.json && rollup --config build/rollup.types.config.mjs && rimraf types-temp",
     "tsc": "tsc",
     "test": "vitest",
+    "test:unit": "vitest --project unit",
+    "test:browser": "vitest --project browser",
+    "test:open": "TEST_BAIL=1 vitest --project browser -w",
     "test:coverage": "pnpm run test --coverage",
+    "test:percy": "percy exec -- vitest --project browser",
+    "test:all": "concurrently -gr 'vitest --project unit' 'vitest --project browser --shard=1/5' 'vitest --project browser --shard=2/5' 'vitest --project browser --shard=3/5' 'vitest --project browser --shard=4/5' 'vitest --project browser --shard=5/5'",
     "lint": "concurrently -n \"tsc,eslint\" --kill-others-on-fail \"tsc -p tsconfig.checks.json --noEmit --pretty\" \"eslint src -f codeframe --max-warnings 0\"",
-    "lint:fix": "concurrently -n \"tsc,eslint\" \"tsc -p tsconfig.checks.json --noEmit --pretty\" \"eslint --fix src\"",
-    "cy:open": "cypress open --component -b electron",
-    "cy:run": "percy exec -- cypress run --component"
+    "lint:fix": "concurrently -n \"tsc,eslint\" \"tsc -p tsconfig.checks.json --noEmit --pretty\" \"eslint --fix src\""
   },
   "devDependencies": {
     "@date-io/core": "3.0.0",
@@ -123,17 +126,22 @@
     "@fortawesome/fontawesome-svg-core": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/vue-fontawesome": "^3.0.6",
-    "@percy/cli": "^1.28.2",
-    "@percy/cypress": "^3.1.2",
+    "@percy/cli": "^1.29.3",
+    "@percy/sdk-utils": "^1.29.3",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@types/node": "^20.12.7",
+    "@testing-library/dom": "npm:@vuetify/testing-library-dom@1.0.2",
+    "@testing-library/user-event": "^14.5.2",
+    "@testing-library/vue": "^8.1.0",
+    "@types/node": "^22.5.4",
     "@types/resize-observer-browser": "^0.1.11",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "@vitest/coverage-v8": "^2.0.5",
+    "@vitest/browser": "^2.1.1",
+    "@vitest/coverage-v8": "^2.1.1",
+    "@vitest/ui": "^2.1.1",
     "@vue/babel-plugin-jsx": "^1.2.2",
     "@vue/shared": "^3.4.27",
     "@vue/test-utils": "2.4.6",
@@ -147,19 +155,17 @@
     "cssnano": "^6.1.2",
     "csstype": "^3.1.3",
     "cy-mobile-commands": "^0.3.0",
-    "cypress": "^13.7.2",
-    "cypress-file-upload": "^5.0.8",
-    "cypress-real-events": "^1.12.0",
     "date-fns": "^3.6.0",
     "dotenv": "^16.4.5",
-    "eslint-plugin-cypress": "^2.15.1",
     "eslint-plugin-jest": "^28.7.0",
+    "eslint-plugin-vitest": "0.4.1",
     "expect": "^28.1.3",
     "fast-glob": "^3.3.2",
     "identity-obj-proxy": "^3.0.0",
     "jsdom": "^25.0.0",
     "micromatch": "^4.0.5",
     "postcss": "^8.4.38",
+    "roboto-fontface": "^0.10.0",
     "rollup": "^3.20.7",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-sass": "^1.12.21",
@@ -169,11 +175,12 @@
     "unplugin-auto-import": "0.17.5",
     "unplugin-vue-components": "^0.27.4",
     "upath": "^2.0.1",
-    "vite": "^5.4.0",
+    "vite": "^5.4.3",
     "vite-ssr": "^0.17.1",
-    "vitest": "^2.0.5",
+    "vitest": "^2.1.1",
     "vue-i18n": "^9.7.1",
-    "vue-router": "^4.3.0"
+    "vue-router": "^4.3.0",
+    "webdriverio": "^8.40.5"
   },
   "peerDependencies": {
     "typescript": ">=4.7",
@@ -200,5 +207,5 @@
     "attributes": "dist/json/attributes.json"
   },
   "web-types": "dist/json/web-types.json",
-  "gitHead": "5511c5c381e5dbd72b5e453ad87b3e4eea6b6a99"
+  "gitHead": "6f610aa3bbc3dbc06b974946fde3ac855963afe3"
 }

package/lib/components/VConfirmEdit/__test__/VConfirmEdit.spec.cy.mjs

@@ -1,74 +0,0 @@
-import { createTextVNode as _createTextVNode, Fragment as _Fragment, createVNode as _createVNode } from "vue";
-/// <reference types="../../../../types/cypress" />
-import { VConfirmEdit } from "../index.mjs"; // Utilities
-import { ref } from 'vue';
-
-// Tests
-describe('VConfirmEdit', () => {
-  it('mirrors external updates', () => {
-    const externalModel = ref('foo');
-    cy.mount(() => _createVNode(VConfirmEdit, {
-      "modelValue": externalModel.value
-    }, {
-      default: _ref => {
-        let {
-          model
-        } = _ref;
-        return _createVNode("p", null, [model.value]);
-      }
-    })).get('p').should('have.text', 'foo').then(() => {
-      externalModel.value = 'bar';
-    }).get('p').should('have.text', 'bar');
-  });
-  it(`doesn't mutate the original value`, () => {
-    const externalModel = ref(['foo']);
-    cy.mount(_createVNode(VConfirmEdit, {
-      "modelValue": externalModel.value,
-      "onUpdate:modelValue": $event => externalModel.value = $event
-    }, {
-      default: _ref2 => {
-        let {
-          model
-        } = _ref2;
-        return _createVNode(_Fragment, null, [_createVNode("p", null, [model.value.join(',')]), _createVNode("button", {
-          "data-test": "push",
-          "onClick": () => model.value.push('bar')
-        }, [_createTextVNode("Push")])]);
-      }
-    })).get('p').should('have.text', 'foo').get('[data-test="push"]').click().get('p').should('have.text', 'foo,bar').then(() => {
-      expect(externalModel.value).to.deep.equal(['foo']);
-    });
-    cy.contains('.v-btn', 'OK').click();
-    cy.get('p').should('have.text', 'foo,bar').then(() => {
-      expect(externalModel.value).to.deep.equal(['foo', 'bar']);
-    });
-  });
-  it('hides actions if used from the slot', () => {
-    cy.mount(_createVNode(VConfirmEdit, null, null)).get('.v-btn').should('have.length', 2);
-    cy.mount(_createVNode(VConfirmEdit, null, {
-      default: _ref3 => {
-        let {
-          model
-        } = _ref3;
-        void model;
-      }
-    })).get('.v-btn').should('have.length', 2);
-    cy.mount(_createVNode(VConfirmEdit, null, {
-      default: _ref4 => {
-        let {
-          actions
-        } = _ref4;
-        void actions;
-      }
-    })).get('.v-btn').should('have.length', 0);
-    cy.mount(_createVNode(VConfirmEdit, null, {
-      default: _ref5 => {
-        let {
-          actions
-        } = _ref5;
-        return actions;
-      }
-    })).get('.v-btn').should('have.length', 2);
-  });
-});
-//# sourceMappingURL=VConfirmEdit.spec.cy.mjs.map

package/lib/components/VConfirmEdit/__test__/VConfirmEdit.spec.cy.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VConfirmEdit.spec.cy.mjs","names":["VConfirmEdit","ref","describe","it","externalModel","cy","mount","_createVNode","value","default","_ref","model","get","should","then","$event","_ref2","_Fragment","join","onClick","push","_createTextVNode","click","expect","to","deep","equal","contains","_ref3","_ref4","actions","_ref5"],"sources":["../../../../src/components/VConfirmEdit/__test__/VConfirmEdit.spec.cy.tsx"],"sourcesContent":["/// <reference types=\"../../../../types/cypress\" />\n\nimport { VConfirmEdit } from '..'\n\n// Utilities\nimport { ref } from 'vue'\n\n// Tests\ndescribe('VConfirmEdit', () => {\n  it('mirrors external updates', () => {\n    const externalModel = ref('foo')\n\n    cy.mount(() => (\n      <VConfirmEdit modelValue={ externalModel.value }>\n        { ({ model }) => (\n          <p>{ model.value }</p>\n        )}\n      </VConfirmEdit>\n    )).get('p')\n      .should('have.text', 'foo')\n      .then(() => {\n        externalModel.value = 'bar'\n      })\n      .get('p')\n      .should('have.text', 'bar')\n  })\n\n  it(`doesn't mutate the original value`, () => {\n    const externalModel = ref(['foo'])\n\n    cy.mount(\n      <VConfirmEdit v-model={ externalModel.value } modelValue={ externalModel.value }>\n        { ({ model }) => (\n          <>\n            <p>{ model.value.join(',') }</p>\n            <button data-test=\"push\" onClick={ () => model.value.push('bar') }>Push</button>\n          </>\n        )}\n      </VConfirmEdit>\n    ).get('p')\n      .should('have.text', 'foo')\n      .get('[data-test=\"push\"]').click()\n      .get('p')\n      .should('have.text', 'foo,bar')\n      .then(() => {\n        expect(externalModel.value).to.deep.equal(['foo'])\n      })\n    cy.contains('.v-btn', 'OK').click()\n    cy.get('p')\n      .should('have.text', 'foo,bar')\n      .then(() => {\n        expect(externalModel.value).to.deep.equal(['foo', 'bar'])\n      })\n  })\n\n  it('hides actions if used from the slot', () => {\n    cy.mount(\n      <VConfirmEdit></VConfirmEdit>\n    ).get('.v-btn').should('have.length', 2)\n\n    cy.mount(\n      <VConfirmEdit>\n        { ({ model }) => {\n          void model\n        }}\n      </VConfirmEdit>\n    ).get('.v-btn').should('have.length', 2)\n\n    cy.mount(\n      <VConfirmEdit>\n        { ({ actions }) => {\n          void actions\n        }}\n      </VConfirmEdit>\n    ).get('.v-btn').should('have.length', 0)\n\n    cy.mount(\n      <VConfirmEdit>\n        { ({ actions }) => actions }\n      </VConfirmEdit>\n    ).get('.v-btn').should('have.length', 2)\n  })\n})\n"],"mappings":"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","ignoreList":[]}