@atomic-testing/vue-3 0.78.0 → 0.79.0

package/dist/{index.js → index.cjs}

@@ -1,33 +1,10 @@
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-const __atomic_testing_core = __toESM(require("@atomic-testing/core"));
-const __testing_library_vue = __toESM(require("@testing-library/vue"));
-const vue = __toESM(require("vue"));
-const __atomic_testing_dom_core = __toESM(require("@atomic-testing/dom-core"));
+let _atomic_testing_core = require("@atomic-testing/core");
+let _testing_library_vue = require("@testing-library/vue");
+let vue = require("vue");
+let _atomic_testing_dom_core = require("@atomic-testing/dom-core");
 
 //#region src/VueInteractor.ts
-var VueInteractor = class VueInteractor extends __atomic_testing_dom_core.DOMInteractor {
+var VueInteractor = class VueInteractor extends _atomic_testing_dom_core.DOMInteractor {
 	async flush() {
 		await (0, vue.nextTick)();
 	}
@@ -83,7 +60,7 @@ var VueInteractor = class VueInteractor extends __atomic_testing_dom_core.DOMInt
 		await super.wait(ms);
 		await this.flush();
 	}
-	async waitUntilComponentState(locator, option = __atomic_testing_core.defaultWaitForOption) {
+	async waitUntilComponentState(locator, option = _atomic_testing_core.defaultWaitForOption) {
 		await super.waitUntilComponentState(locator, option);
 		await this.flush();
 	}
@@ -128,8 +105,7 @@ function createTestEngine(component, partDefinitions, option) {
 	let app;
 	const compiledComponent = isSFCLikeObject(component) ? createComponentFromSFCLike(component) : component;
 	try {
-		const renderResult = (0, __testing_library_vue.render)(compiledComponent, { container });
-		unmount = renderResult.unmount;
+		unmount = (0, _testing_library_vue.render)(compiledComponent, { container }).unmount;
 	} catch (_error) {
 		app = (0, vue.createApp)(compiledComponent);
 		app.mount(container);
@@ -142,7 +118,7 @@ function createTestEngine(component, partDefinitions, option) {
 		rootEl.removeChild(container);
 		return Promise.resolve();
 	};
-	return new __atomic_testing_core.TestEngine((0, __atomic_testing_core.byAttribute)(rootElementAttributeName, rootId), new VueInteractor(), { parts: partDefinitions }, cleanup);
+	return new _atomic_testing_core.TestEngine((0, _atomic_testing_core.byAttribute)(rootElementAttributeName, rootId), new VueInteractor(), { parts: partDefinitions }, cleanup);
 }
 function createRenderedTestEngine(rootElement, partDefinitions, _option) {
 	const rootId = getNextRootElementId();
@@ -151,11 +127,11 @@ function createRenderedTestEngine(rootElement, partDefinitions, _option) {
 		rootElement.removeAttribute(rootElementAttributeName);
 		return Promise.resolve();
 	};
-	return new __atomic_testing_core.TestEngine((0, __atomic_testing_core.byAttribute)(rootElementAttributeName, rootId), new VueInteractor(), { parts: partDefinitions }, cleanup);
+	return new _atomic_testing_core.TestEngine((0, _atomic_testing_core.byAttribute)(rootElementAttributeName, rootId), new VueInteractor(), { parts: partDefinitions }, cleanup);
 }
 
 //#endregion
 exports.VueInteractor = VueInteractor;
 exports.createRenderedTestEngine = createRenderedTestEngine;
 exports.createTestEngine = createTestEngine;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["DOMInteractor","defaultWaitForOption","componentOptions: any","unmount: () => void","app: App","TestEngine"],"sources":["../src/VueInteractor.ts","../src/createTestEngine.ts"],"sourcesContent":["import {\n  ClickOption,\n  defaultWaitForOption,\n  EnterTextOption,\n  FocusOption,\n  HoverOption,\n  Interactor,\n  MouseDownOption,\n  MouseEnterOption,\n  MouseLeaveOption,\n  MouseMoveOption,\n  MouseOutOption,\n  MouseUpOption,\n  PartLocator,\n  WaitForOption,\n  WaitUntilOption,\n} from '@atomic-testing/core';\nimport { DOMInteractor } from '@atomic-testing/dom-core';\nimport { nextTick } from 'vue';\n\nexport class VueInteractor extends DOMInteractor {\n  private async flush() {\n    await nextTick();\n  }\n\n  override async enterText(locator: PartLocator, text: string, option?: Partial<EnterTextOption>): Promise<void> {\n    await super.enterText(locator, text, option);\n    await this.flush();\n  }\n\n  override async click(locator: PartLocator, option?: Partial<ClickOption>): Promise<void> {\n    await super.click(locator, option);\n    await this.flush();\n  }\n\n  override async hover(locator: PartLocator, option?: Partial<HoverOption>): Promise<void> {\n    await super.hover(locator, option);\n    await this.flush();\n  }\n\n  async mouseMove(locator: PartLocator, option?: Partial<MouseMoveOption>): Promise<void> {\n    await super.mouseMove(locator, option);\n    await this.flush();\n  }\n\n  async mouseDown(locator: PartLocator, option?: Partial<MouseDownOption>): Promise<void> {\n    await super.mouseDown(locator, option);\n    await this.flush();\n  }\n\n  async mouseUp(locator: PartLocator, option?: Partial<MouseUpOption>): Promise<void> {\n    await super.mouseUp(locator, option);\n    await this.flush();\n  }\n\n  async mouseOver(locator: PartLocator, option?: Partial<HoverOption>): Promise<void> {\n    await super.mouseOver(locator, option);\n    await this.flush();\n  }\n\n  async mouseOut(locator: PartLocator, option?: Partial<MouseOutOption>): Promise<void> {\n    await super.mouseOut(locator, option);\n    await this.flush();\n  }\n\n  async mouseEnter(locator: PartLocator, option?: Partial<MouseEnterOption>): Promise<void> {\n    await super.mouseEnter(locator, option);\n    await this.flush();\n  }\n\n  async mouseLeave(locator: PartLocator, option?: Partial<MouseLeaveOption>): Promise<void> {\n    await super.mouseLeave(locator, option);\n    await this.flush();\n  }\n\n  async focus(locator: PartLocator, option?: Partial<FocusOption>): Promise<void> {\n    await super.focus(locator, option);\n    await this.flush();\n  }\n\n  override async selectOptionValue(locator: PartLocator, values: string[]): Promise<void> {\n    await super.selectOptionValue(locator, values);\n    await this.flush();\n  }\n\n  override async wait(ms: number): Promise<void> {\n    await super.wait(ms);\n    await this.flush();\n  }\n\n  override async waitUntilComponentState(\n    locator: PartLocator,\n    option: Partial<Readonly<WaitForOption>> = defaultWaitForOption\n  ): Promise<void> {\n    await super.waitUntilComponentState(locator, option);\n    await this.flush();\n  }\n\n  override async waitUntil<T>(option: WaitUntilOption<T>): Promise<T> {\n    const result = await super.waitUntil(option);\n    await this.flush();\n    return result;\n  }\n\n  override clone(): Interactor {\n    return new VueInteractor();\n  }\n}\n","import { byAttribute, ScenePart, TestEngine } from '@atomic-testing/core';\nimport { render } from '@testing-library/vue';\nimport { App, Component, createApp, defineComponent } from 'vue';\n\nimport { VueInteractor } from './VueInteractor';\nimport { IVueTestEngineOption, VueSFCLikeComponent } from './types';\n\nlet _rootId = 0;\nfunction getNextRootElementId() {\n  return `${_rootId++}`;\n}\n\nconst rootElementAttributeName = 'data-atomic-testing-vue';\n\nfunction isSFCLikeObject(component: any): component is VueSFCLikeComponent {\n  return (\n    component && typeof component === 'object' && 'template' in component && typeof component.template === 'string'\n  );\n}\n\nfunction createComponentFromSFCLike(sfcObj: VueSFCLikeComponent): Component {\n  const componentOptions: any = {\n    name: sfcObj.name || 'SFCComponent',\n    template: sfcObj.template,\n  };\n\n  if (sfcObj.props) {\n    componentOptions.props = sfcObj.props;\n  }\n\n  if (sfcObj.setup) {\n    componentOptions.setup = sfcObj.setup;\n  }\n\n  if (sfcObj.data) {\n    componentOptions.data = sfcObj.data;\n  }\n\n  if (sfcObj.methods) {\n    componentOptions.methods = sfcObj.methods;\n  }\n\n  if (sfcObj.computed) {\n    componentOptions.computed = sfcObj.computed;\n  }\n\n  return defineComponent(componentOptions);\n}\n\nexport function createTestEngine<T extends ScenePart>(\n  component: Component | VueSFCLikeComponent,\n  partDefinitions: T,\n  option?: Readonly<Partial<IVueTestEngineOption>>\n): TestEngine<T> {\n  const rootEl = option?.rootElement ?? document.body;\n  const container = rootEl.appendChild(document.createElement('div'));\n  const rootId = getNextRootElementId();\n  container.setAttribute(rootElementAttributeName, rootId);\n\n  let unmount: () => void;\n  let app: App;\n\n  // Create component from SFC-like object if needed\n  const compiledComponent = isSFCLikeObject(component)\n    ? createComponentFromSFCLike(component)\n    : (component as Component);\n\n  try {\n    const renderResult = render(compiledComponent, { container });\n    unmount = renderResult.unmount;\n  } catch (_error) {\n    // Fallback to manual Vue app creation if render fails\n    app = createApp(compiledComponent);\n    app.mount(container);\n    unmount = () => {\n      if (app) {\n        app.unmount();\n      }\n    };\n  }\n\n  const cleanup = () => {\n    unmount();\n    rootEl.removeChild(container);\n    return Promise.resolve();\n  };\n\n  return new TestEngine(\n    byAttribute(rootElementAttributeName, rootId),\n    new VueInteractor(),\n    {\n      parts: partDefinitions,\n    },\n    cleanup\n  );\n}\n\nexport function createRenderedTestEngine<T extends ScenePart>(\n  rootElement: HTMLElement,\n  partDefinitions: T,\n  _option?: Readonly<Partial<IVueTestEngineOption>>\n): TestEngine<T> {\n  const rootId = getNextRootElementId();\n  rootElement.setAttribute(rootElementAttributeName, rootId);\n\n  const cleanup = () => {\n    rootElement.removeAttribute(rootElementAttributeName);\n    return Promise.resolve();\n  };\n\n  return new TestEngine(\n    byAttribute(rootElementAttributeName, rootId),\n    new VueInteractor(),\n    {\n      parts: partDefinitions,\n    },\n    cleanup\n  );\n}\n"],"mappings":"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"}

package/dist/{index.d.ts → index.d.cts}

@@ -10,8 +10,8 @@ interface VueSFCLikeComponent {
   template: string;
   setup?: () => any;
   data?: () => any;
-  methods?: Record<string, Function>;
-  computed?: Record<string, Function>;
+  methods?: Record<string, (...args: any[]) => any>;
+  computed?: Record<string, () => any>;
   name?: string;
   props?: any;
 }
@@ -41,5 +41,5 @@ declare class VueInteractor extends DOMInteractor {
   clone(): Interactor;
 }
 //#endregion
-export { IVueTestEngineOption, VueInteractor, VueSFCLikeComponent, createRenderedTestEngine, createTestEngine };
-//# sourceMappingURL=index.d.ts.map
+export { type IVueTestEngineOption, VueInteractor, type VueSFCLikeComponent, createRenderedTestEngine, createTestEngine };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.mts

@@ -10,8 +10,8 @@ interface VueSFCLikeComponent {
   template: string;
   setup?: () => any;
   data?: () => any;
-  methods?: Record<string, Function>;
-  computed?: Record<string, Function>;
+  methods?: Record<string, (...args: any[]) => any>;
+  computed?: Record<string, () => any>;
   name?: string;
   props?: any;
 }
@@ -41,5 +41,5 @@ declare class VueInteractor extends DOMInteractor {
   clone(): Interactor;
 }
 //#endregion
-export { IVueTestEngineOption, VueInteractor, VueSFCLikeComponent, createRenderedTestEngine, createTestEngine };
+export { type IVueTestEngineOption, VueInteractor, type VueSFCLikeComponent, createRenderedTestEngine, createTestEngine };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.mjs

@@ -105,8 +105,7 @@ function createTestEngine(component, partDefinitions, option) {
 	let app;
 	const compiledComponent = isSFCLikeObject(component) ? createComponentFromSFCLike(component) : component;
 	try {
-		const renderResult = render(compiledComponent, { container });
-		unmount = renderResult.unmount;
+		unmount = render(compiledComponent, { container }).unmount;
 	} catch (_error) {
 		app = createApp(compiledComponent);
 		app.mount(container);

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["locator: PartLocator","text: string","option?: Partial<EnterTextOption>","option?: Partial<ClickOption>","option?: Partial<HoverOption>","option?: Partial<MouseMoveOption>","option?: Partial<MouseDownOption>","option?: Partial<MouseUpOption>","option?: Partial<MouseOutOption>","option?: Partial<MouseEnterOption>","option?: Partial<MouseLeaveOption>","option?: Partial<FocusOption>","values: string[]","ms: number","option: Partial<Readonly<WaitForOption>>","option: WaitUntilOption<T>","component: any","sfcObj: VueSFCLikeComponent","componentOptions: any","component: Component | VueSFCLikeComponent","partDefinitions: T","option?: Readonly<Partial<IVueTestEngineOption>>","unmount: () => void","app: App","rootElement: HTMLElement","_option?: Readonly<Partial<IVueTestEngineOption>>"],"sources":["../src/VueInteractor.ts","../src/createTestEngine.ts"],"sourcesContent":["import {\n  ClickOption,\n  defaultWaitForOption,\n  EnterTextOption,\n  FocusOption,\n  HoverOption,\n  Interactor,\n  MouseDownOption,\n  MouseEnterOption,\n  MouseLeaveOption,\n  MouseMoveOption,\n  MouseOutOption,\n  MouseUpOption,\n  PartLocator,\n  WaitForOption,\n  WaitUntilOption,\n} from '@atomic-testing/core';\nimport { DOMInteractor } from '@atomic-testing/dom-core';\nimport { nextTick } from 'vue';\n\nexport class VueInteractor extends DOMInteractor {\n  private async flush() {\n    await nextTick();\n  }\n\n  override async enterText(locator: PartLocator, text: string, option?: Partial<EnterTextOption>): Promise<void> {\n    await super.enterText(locator, text, option);\n    await this.flush();\n  }\n\n  override async click(locator: PartLocator, option?: Partial<ClickOption>): Promise<void> {\n    await super.click(locator, option);\n    await this.flush();\n  }\n\n  override async hover(locator: PartLocator, option?: Partial<HoverOption>): Promise<void> {\n    await super.hover(locator, option);\n    await this.flush();\n  }\n\n  async mouseMove(locator: PartLocator, option?: Partial<MouseMoveOption>): Promise<void> {\n    await super.mouseMove(locator, option);\n    await this.flush();\n  }\n\n  async mouseDown(locator: PartLocator, option?: Partial<MouseDownOption>): Promise<void> {\n    await super.mouseDown(locator, option);\n    await this.flush();\n  }\n\n  async mouseUp(locator: PartLocator, option?: Partial<MouseUpOption>): Promise<void> {\n    await super.mouseUp(locator, option);\n    await this.flush();\n  }\n\n  async mouseOver(locator: PartLocator, option?: Partial<HoverOption>): Promise<void> {\n    await super.mouseOver(locator, option);\n    await this.flush();\n  }\n\n  async mouseOut(locator: PartLocator, option?: Partial<MouseOutOption>): Promise<void> {\n    await super.mouseOut(locator, option);\n    await this.flush();\n  }\n\n  async mouseEnter(locator: PartLocator, option?: Partial<MouseEnterOption>): Promise<void> {\n    await super.mouseEnter(locator, option);\n    await this.flush();\n  }\n\n  async mouseLeave(locator: PartLocator, option?: Partial<MouseLeaveOption>): Promise<void> {\n    await super.mouseLeave(locator, option);\n    await this.flush();\n  }\n\n  async focus(locator: PartLocator, option?: Partial<FocusOption>): Promise<void> {\n    await super.focus(locator, option);\n    await this.flush();\n  }\n\n  override async selectOptionValue(locator: PartLocator, values: string[]): Promise<void> {\n    await super.selectOptionValue(locator, values);\n    await this.flush();\n  }\n\n  override async wait(ms: number): Promise<void> {\n    await super.wait(ms);\n    await this.flush();\n  }\n\n  override async waitUntilComponentState(\n    locator: PartLocator,\n    option: Partial<Readonly<WaitForOption>> = defaultWaitForOption\n  ): Promise<void> {\n    await super.waitUntilComponentState(locator, option);\n    await this.flush();\n  }\n\n  override async waitUntil<T>(option: WaitUntilOption<T>): Promise<T> {\n    const result = await super.waitUntil(option);\n    await this.flush();\n    return result;\n  }\n\n  override clone(): Interactor {\n    return new VueInteractor();\n  }\n}\n","import { byAttribute, ScenePart, TestEngine } from '@atomic-testing/core';\nimport { render } from '@testing-library/vue';\nimport { App, Component, createApp, defineComponent, h } from 'vue';\n\nimport { VueInteractor } from './VueInteractor';\nimport { IVueTestEngineOption, VueSFCLikeComponent } from './types';\n\nlet _rootId = 0;\nfunction getNextRootElementId() {\n  return `${_rootId++}`;\n}\n\nconst rootElementAttributeName = 'data-atomic-testing-vue';\n\nfunction isSFCLikeObject(component: any): component is VueSFCLikeComponent {\n  return (\n    component && typeof component === 'object' && 'template' in component && typeof component.template === 'string'\n  );\n}\n\nfunction createComponentFromSFCLike(sfcObj: VueSFCLikeComponent): Component {\n  const componentOptions: any = {\n    name: sfcObj.name || 'SFCComponent',\n    template: sfcObj.template,\n  };\n\n  if (sfcObj.props) {\n    componentOptions.props = sfcObj.props;\n  }\n\n  if (sfcObj.setup) {\n    componentOptions.setup = sfcObj.setup;\n  }\n\n  if (sfcObj.data) {\n    componentOptions.data = sfcObj.data;\n  }\n\n  if (sfcObj.methods) {\n    componentOptions.methods = sfcObj.methods;\n  }\n\n  if (sfcObj.computed) {\n    componentOptions.computed = sfcObj.computed;\n  }\n\n  return defineComponent(componentOptions);\n}\n\nexport function createTestEngine<T extends ScenePart>(\n  component: Component | VueSFCLikeComponent,\n  partDefinitions: T,\n  option?: Readonly<Partial<IVueTestEngineOption>>\n): TestEngine<T> {\n  const rootEl = option?.rootElement ?? document.body;\n  const container = rootEl.appendChild(document.createElement('div'));\n  const rootId = getNextRootElementId();\n  container.setAttribute(rootElementAttributeName, rootId);\n\n  let unmount: () => void;\n  let app: App;\n\n  // Create component from SFC-like object if needed\n  const compiledComponent = isSFCLikeObject(component)\n    ? createComponentFromSFCLike(component)\n    : (component as Component);\n\n  try {\n    const renderResult = render(compiledComponent, { container });\n    unmount = renderResult.unmount;\n  } catch (_error) {\n    // Fallback to manual Vue app creation if render fails\n    app = createApp(compiledComponent);\n    app.mount(container);\n    unmount = () => {\n      if (app) {\n        app.unmount();\n      }\n    };\n  }\n\n  const cleanup = () => {\n    unmount();\n    rootEl.removeChild(container);\n    return Promise.resolve();\n  };\n\n  return new TestEngine(\n    byAttribute(rootElementAttributeName, rootId),\n    new VueInteractor(),\n    {\n      parts: partDefinitions,\n    },\n    cleanup\n  );\n}\n\nexport function createRenderedTestEngine<T extends ScenePart>(\n  rootElement: HTMLElement,\n  partDefinitions: T,\n  _option?: Readonly<Partial<IVueTestEngineOption>>\n): TestEngine<T> {\n  const rootId = getNextRootElementId();\n  rootElement.setAttribute(rootElementAttributeName, rootId);\n\n  const cleanup = () => {\n    rootElement.removeAttribute(rootElementAttributeName);\n    return Promise.resolve();\n  };\n\n  return new TestEngine(\n    byAttribute(rootElementAttributeName, rootId),\n    new VueInteractor(),\n    {\n      parts: partDefinitions,\n    },\n    cleanup\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["componentOptions: any","unmount: () => void","app: App"],"sources":["../src/VueInteractor.ts","../src/createTestEngine.ts"],"sourcesContent":["import {\n  ClickOption,\n  defaultWaitForOption,\n  EnterTextOption,\n  FocusOption,\n  HoverOption,\n  Interactor,\n  MouseDownOption,\n  MouseEnterOption,\n  MouseLeaveOption,\n  MouseMoveOption,\n  MouseOutOption,\n  MouseUpOption,\n  PartLocator,\n  WaitForOption,\n  WaitUntilOption,\n} from '@atomic-testing/core';\nimport { DOMInteractor } from '@atomic-testing/dom-core';\nimport { nextTick } from 'vue';\n\nexport class VueInteractor extends DOMInteractor {\n  private async flush() {\n    await nextTick();\n  }\n\n  override async enterText(locator: PartLocator, text: string, option?: Partial<EnterTextOption>): Promise<void> {\n    await super.enterText(locator, text, option);\n    await this.flush();\n  }\n\n  override async click(locator: PartLocator, option?: Partial<ClickOption>): Promise<void> {\n    await super.click(locator, option);\n    await this.flush();\n  }\n\n  override async hover(locator: PartLocator, option?: Partial<HoverOption>): Promise<void> {\n    await super.hover(locator, option);\n    await this.flush();\n  }\n\n  async mouseMove(locator: PartLocator, option?: Partial<MouseMoveOption>): Promise<void> {\n    await super.mouseMove(locator, option);\n    await this.flush();\n  }\n\n  async mouseDown(locator: PartLocator, option?: Partial<MouseDownOption>): Promise<void> {\n    await super.mouseDown(locator, option);\n    await this.flush();\n  }\n\n  async mouseUp(locator: PartLocator, option?: Partial<MouseUpOption>): Promise<void> {\n    await super.mouseUp(locator, option);\n    await this.flush();\n  }\n\n  async mouseOver(locator: PartLocator, option?: Partial<HoverOption>): Promise<void> {\n    await super.mouseOver(locator, option);\n    await this.flush();\n  }\n\n  async mouseOut(locator: PartLocator, option?: Partial<MouseOutOption>): Promise<void> {\n    await super.mouseOut(locator, option);\n    await this.flush();\n  }\n\n  async mouseEnter(locator: PartLocator, option?: Partial<MouseEnterOption>): Promise<void> {\n    await super.mouseEnter(locator, option);\n    await this.flush();\n  }\n\n  async mouseLeave(locator: PartLocator, option?: Partial<MouseLeaveOption>): Promise<void> {\n    await super.mouseLeave(locator, option);\n    await this.flush();\n  }\n\n  async focus(locator: PartLocator, option?: Partial<FocusOption>): Promise<void> {\n    await super.focus(locator, option);\n    await this.flush();\n  }\n\n  override async selectOptionValue(locator: PartLocator, values: string[]): Promise<void> {\n    await super.selectOptionValue(locator, values);\n    await this.flush();\n  }\n\n  override async wait(ms: number): Promise<void> {\n    await super.wait(ms);\n    await this.flush();\n  }\n\n  override async waitUntilComponentState(\n    locator: PartLocator,\n    option: Partial<Readonly<WaitForOption>> = defaultWaitForOption\n  ): Promise<void> {\n    await super.waitUntilComponentState(locator, option);\n    await this.flush();\n  }\n\n  override async waitUntil<T>(option: WaitUntilOption<T>): Promise<T> {\n    const result = await super.waitUntil(option);\n    await this.flush();\n    return result;\n  }\n\n  override clone(): Interactor {\n    return new VueInteractor();\n  }\n}\n","import { byAttribute, ScenePart, TestEngine } from '@atomic-testing/core';\nimport { render } from '@testing-library/vue';\nimport { App, Component, createApp, defineComponent } from 'vue';\n\nimport { VueInteractor } from './VueInteractor';\nimport { IVueTestEngineOption, VueSFCLikeComponent } from './types';\n\nlet _rootId = 0;\nfunction getNextRootElementId() {\n  return `${_rootId++}`;\n}\n\nconst rootElementAttributeName = 'data-atomic-testing-vue';\n\nfunction isSFCLikeObject(component: any): component is VueSFCLikeComponent {\n  return (\n    component && typeof component === 'object' && 'template' in component && typeof component.template === 'string'\n  );\n}\n\nfunction createComponentFromSFCLike(sfcObj: VueSFCLikeComponent): Component {\n  const componentOptions: any = {\n    name: sfcObj.name || 'SFCComponent',\n    template: sfcObj.template,\n  };\n\n  if (sfcObj.props) {\n    componentOptions.props = sfcObj.props;\n  }\n\n  if (sfcObj.setup) {\n    componentOptions.setup = sfcObj.setup;\n  }\n\n  if (sfcObj.data) {\n    componentOptions.data = sfcObj.data;\n  }\n\n  if (sfcObj.methods) {\n    componentOptions.methods = sfcObj.methods;\n  }\n\n  if (sfcObj.computed) {\n    componentOptions.computed = sfcObj.computed;\n  }\n\n  return defineComponent(componentOptions);\n}\n\nexport function createTestEngine<T extends ScenePart>(\n  component: Component | VueSFCLikeComponent,\n  partDefinitions: T,\n  option?: Readonly<Partial<IVueTestEngineOption>>\n): TestEngine<T> {\n  const rootEl = option?.rootElement ?? document.body;\n  const container = rootEl.appendChild(document.createElement('div'));\n  const rootId = getNextRootElementId();\n  container.setAttribute(rootElementAttributeName, rootId);\n\n  let unmount: () => void;\n  let app: App;\n\n  // Create component from SFC-like object if needed\n  const compiledComponent = isSFCLikeObject(component)\n    ? createComponentFromSFCLike(component)\n    : (component as Component);\n\n  try {\n    const renderResult = render(compiledComponent, { container });\n    unmount = renderResult.unmount;\n  } catch (_error) {\n    // Fallback to manual Vue app creation if render fails\n    app = createApp(compiledComponent);\n    app.mount(container);\n    unmount = () => {\n      if (app) {\n        app.unmount();\n      }\n    };\n  }\n\n  const cleanup = () => {\n    unmount();\n    rootEl.removeChild(container);\n    return Promise.resolve();\n  };\n\n  return new TestEngine(\n    byAttribute(rootElementAttributeName, rootId),\n    new VueInteractor(),\n    {\n      parts: partDefinitions,\n    },\n    cleanup\n  );\n}\n\nexport function createRenderedTestEngine<T extends ScenePart>(\n  rootElement: HTMLElement,\n  partDefinitions: T,\n  _option?: Readonly<Partial<IVueTestEngineOption>>\n): TestEngine<T> {\n  const rootId = getNextRootElementId();\n  rootElement.setAttribute(rootElementAttributeName, rootId);\n\n  const cleanup = () => {\n    rootElement.removeAttribute(rootElementAttributeName);\n    return Promise.resolve();\n  };\n\n  return new TestEngine(\n    byAttribute(rootElementAttributeName, rootId),\n    new VueInteractor(),\n    {\n      parts: partDefinitions,\n    },\n    cleanup\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@atomic-testing/vue-3",
-  "version": "0.78.0",
+  "version": "0.79.0",
   "description": "The @atomic-testing/vue-3 package is a Vue 3 test adapter that extends Atomic Testing's component driver pattern to Vue applications. It enables testing Vue components using the same high-level semantic APIs used across React, Playwright, and DOM environments.",
-  "main": "dist/index.js",
+  "main": "dist/index.cjs",
   "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "types": "dist/index.d.cts",
   "files": [
     "dist",
     "src"
@@ -26,8 +26,8 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/vue": "^8.1.0",
     "@vue/compiler-sfc": "^3.5.0",
-    "@atomic-testing/core": "0.78.0",
-    "@atomic-testing/dom-core": "0.78.0"
+    "@atomic-testing/core": "0.79.0",
+    "@atomic-testing/dom-core": "0.79.0"
   },
   "devDependencies": {
     "vue": "^3.5.0"
@@ -39,6 +39,13 @@
     "vue": ">=3.0.0",
     "@vue/compiler-sfc": ">=3.0.0"
   },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
   "scripts": {
     "build": "tsdown",
     "check:type": "tsc --noEmit"

package/src/createTestEngine.ts

@@ -1,6 +1,6 @@
 import { byAttribute, ScenePart, TestEngine } from '@atomic-testing/core';
 import { render } from '@testing-library/vue';
-import { App, Component, createApp, defineComponent, h } from 'vue';
+import { App, Component, createApp, defineComponent } from 'vue';
 
 import { VueInteractor } from './VueInteractor';
 import { IVueTestEngineOption, VueSFCLikeComponent } from './types';

package/src/types.ts

@@ -9,8 +9,8 @@ export interface VueSFCLikeComponent {
   template: string;
   setup?: () => any;
   data?: () => any;
-  methods?: Record<string, Function>;
-  computed?: Record<string, Function>;
+  methods?: Record<string, (...args: any[]) => any>;
+  computed?: Record<string, () => any>;
   name?: string;
   props?: any;
 }

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["DOMInteractor","locator: PartLocator","text: string","option?: Partial<EnterTextOption>","option?: Partial<ClickOption>","option?: Partial<HoverOption>","option?: Partial<MouseMoveOption>","option?: Partial<MouseDownOption>","option?: Partial<MouseUpOption>","option?: Partial<MouseOutOption>","option?: Partial<MouseEnterOption>","option?: Partial<MouseLeaveOption>","option?: Partial<FocusOption>","values: string[]","ms: number","option: Partial<Readonly<WaitForOption>>","defaultWaitForOption","option: WaitUntilOption<T>","component: any","sfcObj: VueSFCLikeComponent","componentOptions: any","component: Component | VueSFCLikeComponent","partDefinitions: T","option?: Readonly<Partial<IVueTestEngineOption>>","unmount: () => void","app: App","TestEngine","rootElement: HTMLElement","_option?: Readonly<Partial<IVueTestEngineOption>>"],"sources":["../src/VueInteractor.ts","../src/createTestEngine.ts"],"sourcesContent":["import {\n  ClickOption,\n  defaultWaitForOption,\n  EnterTextOption,\n  FocusOption,\n  HoverOption,\n  Interactor,\n  MouseDownOption,\n  MouseEnterOption,\n  MouseLeaveOption,\n  MouseMoveOption,\n  MouseOutOption,\n  MouseUpOption,\n  PartLocator,\n  WaitForOption,\n  WaitUntilOption,\n} from '@atomic-testing/core';\nimport { DOMInteractor } from '@atomic-testing/dom-core';\nimport { nextTick } from 'vue';\n\nexport class VueInteractor extends DOMInteractor {\n  private async flush() {\n    await nextTick();\n  }\n\n  override async enterText(locator: PartLocator, text: string, option?: Partial<EnterTextOption>): Promise<void> {\n    await super.enterText(locator, text, option);\n    await this.flush();\n  }\n\n  override async click(locator: PartLocator, option?: Partial<ClickOption>): Promise<void> {\n    await super.click(locator, option);\n    await this.flush();\n  }\n\n  override async hover(locator: PartLocator, option?: Partial<HoverOption>): Promise<void> {\n    await super.hover(locator, option);\n    await this.flush();\n  }\n\n  async mouseMove(locator: PartLocator, option?: Partial<MouseMoveOption>): Promise<void> {\n    await super.mouseMove(locator, option);\n    await this.flush();\n  }\n\n  async mouseDown(locator: PartLocator, option?: Partial<MouseDownOption>): Promise<void> {\n    await super.mouseDown(locator, option);\n    await this.flush();\n  }\n\n  async mouseUp(locator: PartLocator, option?: Partial<MouseUpOption>): Promise<void> {\n    await super.mouseUp(locator, option);\n    await this.flush();\n  }\n\n  async mouseOver(locator: PartLocator, option?: Partial<HoverOption>): Promise<void> {\n    await super.mouseOver(locator, option);\n    await this.flush();\n  }\n\n  async mouseOut(locator: PartLocator, option?: Partial<MouseOutOption>): Promise<void> {\n    await super.mouseOut(locator, option);\n    await this.flush();\n  }\n\n  async mouseEnter(locator: PartLocator, option?: Partial<MouseEnterOption>): Promise<void> {\n    await super.mouseEnter(locator, option);\n    await this.flush();\n  }\n\n  async mouseLeave(locator: PartLocator, option?: Partial<MouseLeaveOption>): Promise<void> {\n    await super.mouseLeave(locator, option);\n    await this.flush();\n  }\n\n  async focus(locator: PartLocator, option?: Partial<FocusOption>): Promise<void> {\n    await super.focus(locator, option);\n    await this.flush();\n  }\n\n  override async selectOptionValue(locator: PartLocator, values: string[]): Promise<void> {\n    await super.selectOptionValue(locator, values);\n    await this.flush();\n  }\n\n  override async wait(ms: number): Promise<void> {\n    await super.wait(ms);\n    await this.flush();\n  }\n\n  override async waitUntilComponentState(\n    locator: PartLocator,\n    option: Partial<Readonly<WaitForOption>> = defaultWaitForOption\n  ): Promise<void> {\n    await super.waitUntilComponentState(locator, option);\n    await this.flush();\n  }\n\n  override async waitUntil<T>(option: WaitUntilOption<T>): Promise<T> {\n    const result = await super.waitUntil(option);\n    await this.flush();\n    return result;\n  }\n\n  override clone(): Interactor {\n    return new VueInteractor();\n  }\n}\n","import { byAttribute, ScenePart, TestEngine } from '@atomic-testing/core';\nimport { render } from '@testing-library/vue';\nimport { App, Component, createApp, defineComponent, h } from 'vue';\n\nimport { VueInteractor } from './VueInteractor';\nimport { IVueTestEngineOption, VueSFCLikeComponent } from './types';\n\nlet _rootId = 0;\nfunction getNextRootElementId() {\n  return `${_rootId++}`;\n}\n\nconst rootElementAttributeName = 'data-atomic-testing-vue';\n\nfunction isSFCLikeObject(component: any): component is VueSFCLikeComponent {\n  return (\n    component && typeof component === 'object' && 'template' in component && typeof component.template === 'string'\n  );\n}\n\nfunction createComponentFromSFCLike(sfcObj: VueSFCLikeComponent): Component {\n  const componentOptions: any = {\n    name: sfcObj.name || 'SFCComponent',\n    template: sfcObj.template,\n  };\n\n  if (sfcObj.props) {\n    componentOptions.props = sfcObj.props;\n  }\n\n  if (sfcObj.setup) {\n    componentOptions.setup = sfcObj.setup;\n  }\n\n  if (sfcObj.data) {\n    componentOptions.data = sfcObj.data;\n  }\n\n  if (sfcObj.methods) {\n    componentOptions.methods = sfcObj.methods;\n  }\n\n  if (sfcObj.computed) {\n    componentOptions.computed = sfcObj.computed;\n  }\n\n  return defineComponent(componentOptions);\n}\n\nexport function createTestEngine<T extends ScenePart>(\n  component: Component | VueSFCLikeComponent,\n  partDefinitions: T,\n  option?: Readonly<Partial<IVueTestEngineOption>>\n): TestEngine<T> {\n  const rootEl = option?.rootElement ?? document.body;\n  const container = rootEl.appendChild(document.createElement('div'));\n  const rootId = getNextRootElementId();\n  container.setAttribute(rootElementAttributeName, rootId);\n\n  let unmount: () => void;\n  let app: App;\n\n  // Create component from SFC-like object if needed\n  const compiledComponent = isSFCLikeObject(component)\n    ? createComponentFromSFCLike(component)\n    : (component as Component);\n\n  try {\n    const renderResult = render(compiledComponent, { container });\n    unmount = renderResult.unmount;\n  } catch (_error) {\n    // Fallback to manual Vue app creation if render fails\n    app = createApp(compiledComponent);\n    app.mount(container);\n    unmount = () => {\n      if (app) {\n        app.unmount();\n      }\n    };\n  }\n\n  const cleanup = () => {\n    unmount();\n    rootEl.removeChild(container);\n    return Promise.resolve();\n  };\n\n  return new TestEngine(\n    byAttribute(rootElementAttributeName, rootId),\n    new VueInteractor(),\n    {\n      parts: partDefinitions,\n    },\n    cleanup\n  );\n}\n\nexport function createRenderedTestEngine<T extends ScenePart>(\n  rootElement: HTMLElement,\n  partDefinitions: T,\n  _option?: Readonly<Partial<IVueTestEngineOption>>\n): TestEngine<T> {\n  const rootId = getNextRootElementId();\n  rootElement.setAttribute(rootElementAttributeName, rootId);\n\n  const cleanup = () => {\n    rootElement.removeAttribute(rootElementAttributeName);\n    return Promise.resolve();\n  };\n\n  return new TestEngine(\n    byAttribute(rootElementAttributeName, rootId),\n    new VueInteractor(),\n    {\n      parts: partDefinitions,\n    },\n    cleanup\n  );\n}\n"],"mappings":"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"}