@nexdom/uimed-vue 1.0.0-beta.3 → 1.1.0-beta.1

package/README.md

@@ -27,7 +27,7 @@ yarn add @nexdom/uimed-vue
 Add Vite config:
 
 ```ts
-// vite.config.js
+// vite.config.ts
 import { vitePluginUimed } from "@nexdom/uimed-vue/plugins.ts";
 
 /// ...

package/dist/components.d.ts

@@ -1,9 +1,20 @@
-//#region src/components/root.vue.d.ts
+//#region src/components/root/types.d.ts
+/**
+ * Props exposed by the {@link Root} component.
+ */
+type RootProps = {
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+//#endregion
+//#region src/components/root/root.vue.d.ts
 /**
  * Root component to be placed at the top of the component tree.
  */
 declare const _default$1: typeof __VLS_export$1;
-declare const __VLS_export$1: __VLS_WithSlots$1<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>, {
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<RootProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<RootProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots$1<T, S> = T & {
@@ -49,6 +60,10 @@ type BtnProps = {
    * @default false
    */
   loading?: boolean;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
 };
 //#endregion
 //#region src/components/btn/btn.vue.d.ts
@@ -65,10 +80,10 @@ type BtnProps = {
  * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/btn | Guia do Btn}
  */
 declare const _default: typeof __VLS_export;
-declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<BtnProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
-  click: () => any;
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<BtnProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {} & {
+  click: (event: MouseEvent) => any;
 }, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<BtnProps> & Readonly<{
-  onClick?: (() => any) | undefined;
+  onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/components.js

@@ -1,16 +1,21 @@
 import { computed, createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
 import { VApp, VBtn } from "vuetify/components";
 //#endregion
-//#region src/components/root.vue
+//#region src/components/root/root.vue
 var root_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "root",
+	props: { dataTestid: {
+		type: String,
+		required: false
+	} },
 	setup(__props) {
+		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VApp), null, {
+			return openBlock(), createBlock(unref(VApp), { "data-testid": props.dataTestid }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			});
+			}, 8, ["data-testid"]);
 		};
 	}
 });
@@ -79,20 +84,29 @@ var btn_default = /* @__PURE__ */ defineComponent({
 		loading: {
 			type: Boolean,
 			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
 		}
 	},
 	emits: ["click"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const vuetifyVariant = computed(() => resolveBtnVariant(props.variant));
 		const vuetifyColor = computed(() => resolveBtnColor(props.color));
+		function onClick(event) {
+			emit("click", event);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(VBtn), {
 				variant: vuetifyVariant.value,
 				color: vuetifyColor.value,
 				disabled: props.disabled,
 				loading: props.loading,
-				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+				"data-testid": props.dataTestid,
+				onClick
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
@@ -100,7 +114,8 @@ var btn_default = /* @__PURE__ */ defineComponent({
 				"variant",
 				"color",
 				"disabled",
-				"loading"
+				"loading",
+				"data-testid"
 			]);
 		};
 	}

package/dist/plugins.d.ts

@@ -1,8 +1,13 @@
 import vitePluginVuetify from "vite-plugin-vuetify";
+import { UserConfig } from "vite-plus";
 //#region src/plugins.d.ts
 /**
  * Vite plugin for Uimed.
  */
 declare function vitePluginUimed(): ReturnType<typeof vitePluginVuetify>;
+/**
+ * Vitest Server plugin for Uimed.
+ */
+declare function vitestServerPluginUimed(): NonNullable<NonNullable<UserConfig["test"]>["server"]>;
 //#endregion
-export { vitePluginUimed };
+export { vitePluginUimed, vitestServerPluginUimed };

package/dist/plugins.js

@@ -6,5 +6,11 @@ import vitePluginVuetify from "vite-plugin-vuetify";
 function vitePluginUimed() {
 	return vitePluginVuetify({ autoImport: false });
 }
+/**
+* Vitest Server plugin for Uimed.
+*/
+function vitestServerPluginUimed() {
+	return { deps: { inline: ["vuetify"] } };
+}
 //#endregion
-export { vitePluginUimed };
+export { vitePluginUimed, vitestServerPluginUimed };

package/dist/unit-test.d.ts

@@ -0,0 +1,8 @@
+import { createVuetify } from "vuetify";
+//#region src/unit-test.d.ts
+/**
+ * Vue Test Utils plugin for Uimed.
+ */
+declare function vueTestUtilsPluginUimed(): ReturnType<typeof createVuetify>;
+//#endregion
+export { vueTestUtilsPluginUimed };

package/dist/unit-test.js

@@ -0,0 +1,23 @@
+import { createVuetify } from "vuetify";
+import * as components from "vuetify/components";
+import * as directives from "vuetify/directives";
+//#region \0rolldown/runtime.js
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
+	if (typeof require !== "undefined") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+//#region src/unit-test.ts
+const vuetify = createVuetify({
+	components,
+	directives
+});
+/**
+* Vue Test Utils plugin for Uimed.
+*/
+function vueTestUtilsPluginUimed() {
+	global.ResizeObserver = __require("resize-observer-polyfill");
+	return vuetify;
+}
+//#endregion
+export { vueTestUtilsPluginUimed };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "1.0.0-beta.3",
+  "version": "1.1.0-beta.1",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",
@@ -28,6 +28,7 @@
     ".": "./dist/index.js",
     "./components": "./dist/components.js",
     "./plugins": "./dist/plugins.js",
+    "./unit-test": "./dist/unit-test.js",
     "./package.json": "./package.json"
   },
   "publishConfig": {
@@ -38,13 +39,15 @@
     "dev": "vp pack --watch",
     "test": "vp test",
     "test:mutations": "stryker run",
+    "test:e2e": "vpx playwright test",
     "check": "vp check",
     "prepublishOnly": "vpr build",
     "prepare": "vp config",
     "depcruise": "depcruise src --output-type err-long",
     "depcruise:graph": "depcruise src --output-type dot| dot -T svg > dependencygraph.svg",
     "depcruise:graph:no-tests": "depcruise src --exclude \"__tests__\"  --output-type dot | dot -T svg > dependencygraph.no-tests.svg",
-    "docs:dev": "vitepress dev docs --host --port 5173 --strictPort"
+    "docs:dev": "vitepress dev docs --host --port 4173 --strictPort",
+    "postinstall": "playwright install --with-deps chromium"
   },
   "devDependencies": {
     "@commitlint/cli": "^21.2.1",
@@ -79,7 +82,9 @@
   "peerDependencies": {
     "@fontsource/roboto": "^5.3.0",
     "@mdi/font": "^7.4.47",
+    "resize-observer-polyfill": "^1.5.1",
     "vite-plugin-vuetify": "^2.1.3",
+    "vite-plus": "^0.2.7",
     "vue": "^3.5.40",
     "vuetify": "^4.1.7"
   },