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

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",
@@ -38,13 +38,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",