vueless 0.0.797 → 0.0.799

package/index.ts

@@ -9,7 +9,7 @@ import type { CreateVuelessOptions } from "./types.ts"
 
 export { setTheme } from "./utils/theme.ts";
 export { cx, cva, compose, getDefaults } from "./utils/ui.ts";
-export { getArgTypes, getSlotNames, getSlotsFragment, getSource } from "./utils/storybook.ts";
+export { getArgTypes, getSlotNames, getSlotsFragment, getSource, getDocsDescription } from "./utils/storybook.ts";
 export { isSSR, isCSR, getRandomId, setTitle, createDebounce, hasSlotContent } from "./utils/helper.ts";
 export { isMac, isPWA, isIOS, isAndroid, isMobileApp, isWindows } from "./utils/platform.ts";
 export { default as createVueI18nAdapter } from "./adatper.locale/vue-i18n.ts";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.797",
+  "version": "0.0.799",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [
@@ -40,7 +40,9 @@
     "release:major": "release-it major --ci --npm.publish --git.tag --github.release",
     "lint": "eslint --no-fix src/ .storybook/",
     "lint:fix": "eslint --fix src/ .storybook/",
-    "lint:ci": "eslint --no-fix --max-warnings=0"
+    "lint:ci": "eslint --no-fix --max-warnings=0",
+    "test": "vitest",
+    "test:ci": "vitest --run"
   },
   "bin": {
     "vueless": "./bin/index.js"
@@ -63,10 +65,11 @@
     "@types/jsdom": "^21.1.7",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.7.7",
-    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue": "^5.2.1",
     "@vitest/eslint-plugin": "^1.1.7",
     "@vue/eslint-config-prettier": "^10.0.0",
     "@vue/eslint-config-typescript": "^14.1.1",
+    "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
     "@vueless/storybook": "^0.0.59",
     "autoprefixer": "^10.4.19",
@@ -84,6 +87,7 @@
     "typescript": "^5.6.3",
     "vite": "6.0.9",
     "vite-plugin-compression": "^0.5.1",
+    "vitest": "^3.0.5",
     "vue": "^3.5.4",
     "vue-i18n": "^10.0.4",
     "vue-router": "^4.3.2",

package/ui.button/UButton.test.ts

@@ -0,0 +1,32 @@
+import { mount } from "@vue/test-utils";
+import { describe, it, expect } from "vitest";
+
+import UButton from "./UButton.vue";
+
+describe("UButton.vue", () => {
+  it("component renders", () => {
+    const label = "";
+    const result = "invisible";
+
+    const component = mount(UButton, {
+      props: {
+        label,
+      },
+    });
+
+    expect(component.text()).toBe(result);
+  });
+
+  it("renders the correct label", () => {
+    const label = "Button";
+    const result = label;
+
+    const component = mount(UButton, {
+      props: {
+        label,
+      },
+    });
+
+    expect(component.text()).toContain(result);
+  });
+});

package/utils/storybook.ts

@@ -61,27 +61,6 @@ export function getSlotNames(componentName: string | undefined) {
   return getComponentData(componentName as ComponentNames)?.slots?.map((item) => item.name);
 }
 
-/**
- * Create story param config to show component description with a link on GitHub.
- */
-export function getDocsDescription(componentName: string | undefined) {
-  if (!componentName) {
-    return {};
-  }
-
-  let viewOnGitHub = "";
-
-  if (COMPONENTS[componentName as ComponentNames]) {
-    viewOnGitHub = `| <a href="https://github.com/vuelessjs/vueless/tree/main/src/${COMPONENTS[componentName as ComponentNames]}" target="_blank">View on GitHub</a>`;
-  }
-
-  return {
-    description: {
-      component: `The \`${componentName}\` component. ${viewOnGitHub}`,
-    },
-  };
-}
-
 export function getArgTypes(componentName: string | undefined) {
   if (!componentName) return;
 
@@ -324,3 +303,24 @@ export function getSlotsFragment(defaultTemplate: string) {
   </template>
 `;
 }
+
+/**
+ * Create story param config to show component description with a link on GitHub.
+ */
+export function getDocsDescription(componentName: string | undefined) {
+  if (!componentName) {
+    return {};
+  }
+
+  let viewOnGitHub = "";
+
+  if (COMPONENTS[componentName as ComponentNames]) {
+    viewOnGitHub = `| <a href="https://github.com/vuelessjs/vueless/tree/main/src/${COMPONENTS[componentName as ComponentNames]}" target="_blank">View on GitHub</a>`;
+  }
+
+  return {
+    description: {
+      component: `The \`${componentName}\` component. ${viewOnGitHub}`,
+    },
+  };
+}