vitest-browser-vue 2.0.1 → 2.0.2

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { a as render, i as config, n as RenderResult, r as cleanup, t as ComponentRenderOptions } from "./pure-Dp75WA7l.js";
+import { a as render, i as config, n as RenderResult, r as cleanup, t as ComponentRenderOptions } from "./pure-CE5Uqrcq.js";
 
 //#region src/index.d.ts
 declare module "vitest/browser" {

package/dist/index.js

@@ -1,4 +1,4 @@
-import { n as config, r as render, t as cleanup } from "./pure-DYF3m9PV.js";
+import { n as config, r as render, t as cleanup } from "./pure-DJ28KYrc.js";
 import { page } from "vitest/browser";
 import { beforeEach } from "vitest";
 

package/dist/{pure-Dp75WA7l.d.ts → pure-CE5Uqrcq.d.ts}

@@ -3,7 +3,7 @@ import { ComponentMountingOptions, config } from "@vue/test-utils";
 import { DefineComponent } from "vue";
 
 //#region src/pure.d.ts
-type ComponentProps<T$1> = T$1 extends (new (...angs: any) => {
+type ComponentProps<T$1> = T$1 extends (new (...args: any) => {
   $props: infer P;
 }) ? NonNullable<P> : T$1 extends ((props: infer P, ...args: any) => any) ? P : {};
 interface RenderResult<Props$1> extends LocatorSelectors {

package/dist/{pure-DYF3m9PV.js → pure-DJ28KYrc.js}

@@ -1,13 +1,19 @@
-import { page, utils } from "vitest/browser";
+import { page, server, utils } from "vitest/browser";
 import { config, mount } from "@vue/test-utils";
 
 //#region src/pure.ts
 const { debug, getElementLocatorSelectors } = utils;
 const mountedWrappers = /* @__PURE__ */ new Set();
+let idx = 0;
+function ensureTestIdAttribute(element) {
+	const attributeId = server.config.browser.locators.testIdAttribute;
+	if (!element.hasAttribute(attributeId)) element.setAttribute(attributeId, `__vitest_${idx++}__`);
+}
 function render(Component, { container: customContainer, baseElement: customBaseElement,...mountOptions } = {}) {
-	const div = document.createElement("div");
 	const baseElement = customBaseElement || customContainer || document.body;
-	const container = customContainer || baseElement.appendChild(div);
+	const container = customContainer || baseElement.appendChild(document.createElement("div"));
+	ensureTestIdAttribute(baseElement);
+	ensureTestIdAttribute(container);
 	if (mountOptions.attachTo) throw new Error("`attachTo` is not supported, use `container` instead");
 	const wrapper = mount(Component, {
 		...mountOptions,

package/dist/pure.d.ts

@@ -1,2 +1,2 @@
-import { a as render, i as config, n as RenderResult, r as cleanup, t as ComponentRenderOptions } from "./pure-Dp75WA7l.js";
+import { a as render, i as config, n as RenderResult, r as cleanup, t as ComponentRenderOptions } from "./pure-CE5Uqrcq.js";
 export { ComponentRenderOptions, RenderResult, cleanup, config, render };

package/dist/pure.js

@@ -1,3 +1,3 @@
-import { n as config, r as render, t as cleanup } from "./pure-DYF3m9PV.js";
+import { n as config, r as render, t as cleanup } from "./pure-DJ28KYrc.js";
 
 export { cleanup, config, render };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vitest-browser-vue",
   "type": "module",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Render Vue components in Vitest Browser Mode",
   "author": "Vitest Community",
   "license": "MIT",
@@ -49,7 +49,7 @@
   "devDependencies": {
     "@antfu/eslint-config": "^2.24.1",
     "@vitejs/plugin-vue": "^6.0.1",
-    "@vitest/browser-playwright": "^4.0.2",
+    "@vitest/browser-playwright": "^4.0.18",
     "bumpp": "^9.4.2",
     "changelogithub": "^0.13.9",
     "eslint": "^9.8.0",
@@ -57,7 +57,7 @@
     "tsdown": "^0.15.9",
     "tsx": "^4.16.5",
     "typescript": "^5.5.4",
-    "vitest": "^4.0.2",
+    "vitest": "^4.0.18",
     "vue": "^3.4.35",
     "zx": "^8.1.4"
   },