vueless 1.3.1 → 1.3.2-beta.0

package/ui.text-block/tests/UText.test.ts

@@ -6,10 +6,8 @@ import UText from "../UText.vue";
 import type { Props } from "../types";
 
 describe("UText.vue", () => {
-  // Props tests
   describe("Props", () => {
-    // Size prop
-    it("applies the correct size class", async () => {
+    it("Size – applies the correct size class", async () => {
       const size = {
         xs: "text-tiny",
         sm: "text-small",
@@ -28,8 +26,7 @@ describe("UText.vue", () => {
       });
     });
 
-    // Align prop
-    it("applies the correct align class", async () => {
+    it("Align – applies the correct align class", async () => {
       const align = {
         left: "text-left",
         center: "text-center",
@@ -47,8 +44,7 @@ describe("UText.vue", () => {
       });
     });
 
-    // Color prop
-    it("applies the correct color class", async () => {
+    it("Color – applies the correct color class", async () => {
       const colors = [
         "primary",
         "secondary",
@@ -76,8 +72,7 @@ describe("UText.vue", () => {
       });
     });
 
-    // Variant prop
-    it("applies the correct variant class", async () => {
+    it("Variant – applies the correct variant class", async () => {
       const variants = {
         default: "text-primary",
         lifted: "text-primary-lifted",
@@ -97,8 +92,7 @@ describe("UText.vue", () => {
       });
     });
 
-    // Line prop
-    it("applies line class when line prop is true", () => {
+    it("Line – applies line class when line prop is true", () => {
       const line = true;
 
       const component = mount(UText, {
@@ -110,8 +104,7 @@ describe("UText.vue", () => {
       expect(component.attributes("class")).toContain("leading-none");
     });
 
-    // Wrap prop
-    it("applies text-nowrap class when wrap prop is false", () => {
+    it("Wrap – applies text-nowrap class when wrap prop is false", () => {
       const wrap = false;
 
       const component = mount(UText, {
@@ -123,8 +116,7 @@ describe("UText.vue", () => {
       expect(component.attributes("class")).toContain("text-nowrap");
     });
 
-    // Label prop
-    it("renders the correct label content", () => {
+    it("Label – renders the correct label content", () => {
       const label = "Text label";
 
       const component = mount(UText, {
@@ -150,8 +142,7 @@ describe("UText.vue", () => {
       });
     });
 
-    // DataTest prop
-    it("applies the correct data-test attribute", () => {
+    it("DataTest – applies the correct data-test attribute", () => {
       const dataTest = "test-text";
 
       const component = mount(UText, {
@@ -163,8 +154,7 @@ describe("UText.vue", () => {
       expect(component.attributes("data-test")).toBe(dataTest);
     });
 
-    // Config prop overriding classes
-    it("applies custom classes from config prop", () => {
+    it("Config – applies custom classes from config prop", () => {
       const customClasses = "font-bold";
 
       const component = mount(UText, {
@@ -179,10 +169,8 @@ describe("UText.vue", () => {
     });
   });
 
-  // Slots tests
   describe("Slots", () => {
-    // Default slot
-    it("renders content from default slot", () => {
+    it("Default – renders content from default slot", () => {
       const slotContent = "Custom Content";
 
       const component = mount(UText, {
@@ -194,8 +182,7 @@ describe("UText.vue", () => {
       expect(component.text()).toContain(slotContent);
     });
 
-    // Default slot overrides label prop
-    it("default slot overrides label prop", () => {
+    it("Default slot overrides label – default slot overrides label prop", () => {
       const label = "Label Text";
       const slotContent = "Custom Content";
 
@@ -213,10 +200,8 @@ describe("UText.vue", () => {
     });
   });
 
-  // Exposed refs tests
   describe("Exposed refs", () => {
-    // wrapperRef
-    it("exposes wrapperRef", () => {
+    it("wrapperRef – exposes wrapperRef", () => {
       const component = mount(UText, {});
 
       expect(component.vm.textRef).toBeDefined();

package/ui.text-empty/tests/UEmpty.test.ts

@@ -8,10 +8,8 @@ import UHeader from "../../ui.text-header/UHeader.vue";
 import type { Props } from "../types";
 
 describe("UEmpty.vue", () => {
-  // Props tests
   describe("Props", () => {
-    // Size prop
-    it("applies the correct size class", async () => {
+    it("Size – applies the correct size class", async () => {
       const size = {
         sm: "2xl",
         md: "3xl",
@@ -32,8 +30,7 @@ describe("UEmpty.vue", () => {
       });
     });
 
-    // Icon prop default
-    it("renders default icon when icon prop is not provided", () => {
+    it("Icon – renders default icon when icon prop is not provided", () => {
       const defaultIcon = "emoji_food_beverage";
 
       const component = mount(UEmpty, {});
@@ -43,8 +40,7 @@ describe("UEmpty.vue", () => {
       expect(iconComponent.props("name")).toBe(defaultIcon);
     });
 
-    // Icon prop true
-    it("renders default icon when icon prop is true", () => {
+    it("Icon – renders default icon when icon prop is true", () => {
       const placeholderIcon = true;
       const defaultIcon = "emoji_food_beverage";
 
@@ -60,8 +56,7 @@ describe("UEmpty.vue", () => {
       expect(iconComponent.props("name")).toBe(defaultIcon);
     });
 
-    // Icon prop string
-    it("renders custom icon when icon prop is a string", () => {
+    it("Icon – renders custom icon when icon prop is a string", () => {
       const customIcon = "close";
 
       const component = mount(UEmpty, {
@@ -76,8 +71,7 @@ describe("UEmpty.vue", () => {
       expect(iconComponent.props("name")).toBe(customIcon);
     });
 
-    // Icon prop false
-    it("does not render icon when icon prop is false", () => {
+    it("Icon – does not render icon when icon prop is false", () => {
       const placeholderIcon = false;
 
       const component = mount(UEmpty, {
@@ -91,8 +85,7 @@ describe("UEmpty.vue", () => {
       expect(iconComponent.exists()).toBe(placeholderIcon);
     });
 
-    // Title prop
-    it("renders the correct title text", () => {
+    it("Title – renders the correct title text", () => {
       const title = "Empty State Title";
 
       const component = mount(UEmpty, {
@@ -107,8 +100,7 @@ describe("UEmpty.vue", () => {
       expect(headerComponent.props("label")).toBe(title);
     });
 
-    // Description prop
-    it("renders the correct description text", () => {
+    it("Description – renders the correct description text", () => {
       const description = "Empty State Description";
 
       const component = mount(UEmpty, {
@@ -120,8 +112,7 @@ describe("UEmpty.vue", () => {
       expect(component.text()).toContain(description);
     });
 
-    // DataTest prop
-    it("applies the correct data-test attribute", () => {
+    it("DataTest – applies the correct data-test attribute", () => {
       const dataTest = "test-empty";
 
       const component = mount(UEmpty, {
@@ -134,10 +125,8 @@ describe("UEmpty.vue", () => {
     });
   });
 
-  // Slots tests
   describe("Slots", () => {
-    // Default slot
-    it("renders content from default slot", () => {
+    it("Default – renders content from default slot", () => {
       const slotContent = "Custom Content";
 
       const component = mount(UEmpty, {
@@ -149,8 +138,7 @@ describe("UEmpty.vue", () => {
       expect(component.text()).toContain(slotContent);
     });
 
-    // Default slot overrides title and description
-    it("default slot overrides title and description", () => {
+    it("Default – default slot overrides title and description", () => {
       const title = "Empty State Title";
       const description = "Empty State Description";
       const slotContent = "Custom Content";
@@ -171,8 +159,7 @@ describe("UEmpty.vue", () => {
       expect(component.text()).not.toContain(description);
     });
 
-    // Header slot
-    it("renders content from header slot", () => {
+    it("Header – renders content from header slot", () => {
       const slotText = "Custom Header";
       const slotClass = "header-content";
 
@@ -186,8 +173,7 @@ describe("UEmpty.vue", () => {
       expect(component.find(`.${slotClass}`).text()).toBe(slotText);
     });
 
-    // Header slot overrides default icon
-    it("header slot overrides default icon", () => {
+    it("Header – header slot overrides default icon", () => {
       const slotContent = "Custom Header";
 
       const component = mount(UEmpty, {
@@ -200,8 +186,7 @@ describe("UEmpty.vue", () => {
       expect(component.findComponent(UIcon).exists()).toBe(false);
     });
 
-    // Footer slot
-    it("renders content from footer slot", () => {
+    it("Footer – renders content from footer slot", () => {
       const slotText = "Custom Footer";
       const slotClass = "footer-content";
 
@@ -216,10 +201,8 @@ describe("UEmpty.vue", () => {
     });
   });
 
-  // Exposed refs tests
   describe("Exposed refs", () => {
-    // wrapperRef
-    it("exposes wrapperRef", () => {
+    it("wrapperRef – exposes wrapperRef", () => {
       const component = mount(UEmpty, {});
 
       expect(component.vm.wrapperRef).toBeDefined();

package/ui.text-file/tests/UFile.test.ts

@@ -9,10 +9,8 @@ import type { ComponentPublicInstance } from "vue";
 import type { Props } from "../types";
 
 describe("UFile.vue", () => {
-  // Props tests
   describe("Props", () => {
-    // URL prop
-    it("passes the correct url to ULink", () => {
+    it("URL – passes the correct url to ULink", () => {
       const url = "https://example.com/file.pdf";
 
       const component = mount(UFile, {
@@ -26,8 +24,7 @@ describe("UFile.vue", () => {
       expect(linkComponent.props("href")).toBe(url);
     });
 
-    // ImageUrl prop
-    it("renders image when imageUrl prop is provided", () => {
+    it("ImageUrl – renders image when imageUrl prop is provided", () => {
       const imageUrl = "https://example.com/image.jpg";
 
       const component = mount(UFile, {
@@ -42,8 +39,7 @@ describe("UFile.vue", () => {
       expect(image.attributes("src")).toBe(imageUrl);
     });
 
-    // Label prop
-    it("renders the correct label text", () => {
+    it("Label – renders the correct label text", () => {
       const label = "Example File";
 
       const component = mount(UFile, {
@@ -57,8 +53,7 @@ describe("UFile.vue", () => {
       expect(linkComponent.text()).toContain(label);
     });
 
-    // Size prop
-    it("applies the correct size class", async () => {
+    it("Size – applies the correct size class", async () => {
       const sizeClasses = {
         sm: "gap-0.5",
         md: "gap-1",
@@ -76,8 +71,7 @@ describe("UFile.vue", () => {
       });
     });
 
-    // ID prop
-    it("uses provided id", () => {
+    it("ID – uses provided id", () => {
       const id = "test-file-id";
       const removable = true;
 
@@ -94,8 +88,7 @@ describe("UFile.vue", () => {
       expect(component.emitted("remove")?.[0][0]).toBe(id);
     });
 
-    // Removable prop
-    it("shows remove button when removable prop is true", () => {
+    it("Removable – shows remove button when removable prop is true", () => {
       const removable = true;
       const dataTest = "test-file";
       const removeIconDataTest = "test-file-remove-item";
@@ -115,8 +108,7 @@ describe("UFile.vue", () => {
       expect(removeIcon).toBeDefined();
     });
 
-    // DataTest prop
-    it("applies the correct data-test attribute", () => {
+    it("DataTest – applies the correct data-test attribute", () => {
       const dataTest = "test-file";
 
       const component = mount(UFile, {
@@ -129,10 +121,8 @@ describe("UFile.vue", () => {
     });
   });
 
-  // Slots tests
   describe("Slots", () => {
-    // Default slot
-    it("renders content from default slot", () => {
+    it("Default – renders content from default slot", () => {
       const slotContent = "Custom Content";
 
       const component = mount(UFile, {
@@ -144,8 +134,7 @@ describe("UFile.vue", () => {
       expect(component.text()).toContain(slotContent);
     });
 
-    // Default slot with bindings
-    it("provides correct bindings to default slot", () => {
+    it("Default – provides correct bindings to default slot", () => {
       const id = "test-id";
       const label = "Test File";
       const url = "https://example.com/file.pdf";
@@ -182,8 +171,7 @@ describe("UFile.vue", () => {
       expect(component.find(`.${imageUrlClass}`).text()).toBe(imageUrl);
     });
 
-    // Left slot
-    it("renders content from left slot", () => {
+    it("Left – renders content from left slot", () => {
       const slotText = "Left";
       const slotClass = "left-content";
 
@@ -197,8 +185,7 @@ describe("UFile.vue", () => {
       expect(component.find(`.${slotClass}`).text()).toBe(slotText);
     });
 
-    // Right slot
-    it("renders content from right slot", () => {
+    it("Right – renders content from right slot", () => {
       const slotText = "Right";
       const slotClass = "right-content";
 
@@ -213,10 +200,8 @@ describe("UFile.vue", () => {
     });
   });
 
-  // Events tests
   describe("Events", () => {
-    // Remove event
-    it("emits remove event when remove button is clicked", async () => {
+    it("Remove – emits remove event when remove button is clicked", async () => {
       const id = "test-file-id";
       const removable = true;
       const dataTest = "test-file";
@@ -245,10 +230,8 @@ describe("UFile.vue", () => {
     });
   });
 
-  // Exposed refs tests
   describe("Exposed refs", () => {
-    // file ref
-    it("exposes file ref", () => {
+    it("file – exposes file ref", () => {
       const component = mount(UFile, {});
 
       expect(component.vm.fileRef).toBeDefined();

package/ui.text-files/tests/UFiles.test.ts

@@ -30,10 +30,8 @@ describe("UFiles.vue", () => {
     URL.createObjectURL = originalCreateObjectURL;
   });
 
-  // Props tests
   describe("Props", () => {
-    // FileList prop
-    it("renders the correct number of files", () => {
+    it("FileList – renders the correct number of files", () => {
       const component = mount(UFiles, {
         props: {
           fileList,
@@ -45,8 +43,7 @@ describe("UFiles.vue", () => {
       expect(fileComponents.length).toBe(fileList.length);
     });
 
-    // Label prop
-    it("renders the correct label text", () => {
+    it("Label – renders the correct label text", () => {
       const label = "File List";
 
       const component = mount(UFiles, {
@@ -61,8 +58,7 @@ describe("UFiles.vue", () => {
       expect(labelComponent.props("label")).toBe(label);
     });
 
-    // Description prop
-    it("passes the correct description to ULabel", () => {
+    it("Description – passes the correct description to ULabel", () => {
       const description = "List of files";
 
       const component = mount(UFiles, {
@@ -77,8 +73,7 @@ describe("UFiles.vue", () => {
       expect(labelComponent.props("description")).toBe(description);
     });
 
-    // Size prop
-    it("passes the correct size prop to ULabel", () => {
+    it("Size – passes the correct size prop to ULabel", () => {
       const sizes = ["sm", "md", "lg"];
 
       sizes.forEach((size) => {
@@ -95,8 +90,7 @@ describe("UFiles.vue", () => {
       });
     });
 
-    // Removable prop
-    it("passes removable prop to UFile components", () => {
+    it("Removable – passes removable prop to UFile components", () => {
       const removable = true;
       const fileList = [createMockFile("file1.pdf")];
 
@@ -112,8 +106,7 @@ describe("UFiles.vue", () => {
       expect(fileComponent.props("removable")).toBe(removable);
     });
 
-    // DataTest prop
-    it("applies the correct data-test attribute to file items", () => {
+    it("DataTest – applies the correct data-test attribute to file items", () => {
       const dataTest = "test-files";
       const fileList = [createMockFile("file1.pdf")];
 
@@ -129,8 +122,7 @@ describe("UFiles.vue", () => {
       expect(fileComponent.attributes("data-test")).toBe(`${dataTest}-item-0`);
     });
 
-    // Image file detection
-    it("detects image files and sets imageUrl prop", () => {
+    it("Image – detects image files and sets imageUrl prop", () => {
       const imageFile = createMockFile("image.jpg", "image/jpeg");
       const fileList = [imageFile];
 
@@ -146,10 +138,8 @@ describe("UFiles.vue", () => {
     });
   });
 
-  // Slots tests
   describe("Slots", () => {
-    // Default slot
-    it("renders content from default slot", () => {
+    it("Default – renders content from default slot", () => {
       const slotContent = "Custom Content";
 
       const component = mount(UFiles, {
@@ -164,8 +154,7 @@ describe("UFiles.vue", () => {
       expect(component.text()).toContain(slotContent);
     });
 
-    // Label slot
-    it("renders content from label slot", () => {
+    it("Label – renders content from label slot", () => {
       const label = "File List";
       const slotText = "Custom Label";
       const slotClass = "label-content";
@@ -184,8 +173,7 @@ describe("UFiles.vue", () => {
       expect(component.find(`.${slotClass}`).text()).toBe(slotText);
     });
 
-    // Before-file slot
-    it("renders content from before-file slot", () => {
+    it("Before – renders content from before-file slot", () => {
       const slotText = "Before";
       const slotClass = "before-content";
 
@@ -206,8 +194,7 @@ describe("UFiles.vue", () => {
       expect(component.find(`.${slotClass}`).text()).toBe(`${slotText}0`);
     });
 
-    // After-file slot
-    it("renders content from after-file slot", () => {
+    it("After – renders content from after-file slot", () => {
       const slotText = "After";
       const slotClass = "after-content";
 
@@ -228,8 +215,7 @@ describe("UFiles.vue", () => {
       expect(component.find(`.${slotClass}`).text()).toBe(`${slotText}0`);
     });
 
-    // File slot with bindings
-    it("provides correct bindings to file slot", () => {
+    it("File – provides correct bindings to file slot", () => {
       const fileName = "file1.pdf";
       const fileIndex = "0";
       const fileList = [createMockFile(fileName)];
@@ -266,10 +252,8 @@ describe("UFiles.vue", () => {
     });
   });
 
-  // Events tests
   describe("Events", () => {
-    // Remove event
-    it("emits remove event when file is removed", async () => {
+    it("Remove – emits remove event when file is removed", async () => {
       const fileList = [createMockFile("file1.pdf")];
       const fileId = "test-id";
       const removable = true;
@@ -291,10 +275,8 @@ describe("UFiles.vue", () => {
     });
   });
 
-  // Exposed refs tests
   describe("Exposed refs", () => {
-    // itemsRef
-    it("exposes itemsRef", () => {
+    it("itemsRef – exposes itemsRef", () => {
       const component = mount(UFiles, {
         props: {
           fileList: [],

package/ui.text-header/tests/UHeader.test.ts

@@ -6,10 +6,8 @@ import UHeader from "../UHeader.vue";
 import type { Props } from "../types";
 
 describe("UHeader.vue", () => {
-  // Props tests
   describe("Props", () => {
-    // Size prop
-    it("applies the correct size class", async () => {
+    it("Size – applies the correct size class", async () => {
       const size = {
         xs: "text-lg",
         sm: "text-xl",
@@ -30,8 +28,7 @@ describe("UHeader.vue", () => {
       });
     });
 
-    // Color prop
-    it("applies the correct color class", async () => {
+    it("Color – applies the correct color class", async () => {
       const colors = [
         "primary",
         "secondary",
@@ -58,8 +55,7 @@ describe("UHeader.vue", () => {
       });
     });
 
-    // Variant prop
-    it("applies the correct variant class", async () => {
+    it("Variant – applies the correct variant class", async () => {
       const variants = {
         default: "text-primary",
         lifted: "text-primary-lifted",
@@ -79,8 +75,7 @@ describe("UHeader.vue", () => {
       });
     });
 
-    // Weight prop
-    it("applies the correct weight class", async () => {
+    it("Weight – applies the correct weight class", async () => {
       const weights = {
         light: "font-light",
         normal: "font-normal",
@@ -100,8 +95,7 @@ describe("UHeader.vue", () => {
       });
     });
 
-    // Label prop
-    it("renders the correct label text", () => {
+    it("Label – renders the correct label text", () => {
       const label = "Header Text";
 
       const component = mount(UHeader, {
@@ -113,8 +107,7 @@ describe("UHeader.vue", () => {
       expect(component.text()).toBe(label);
     });
 
-    // Tag prop
-    it("renders the correct HTML tag", () => {
+    it("Tag – renders the correct HTML tag", () => {
       const tags = ["h1", "h2", "h3", "h4", "h5", "h6", "div", "span"];
 
       tags.forEach((tag) => {
@@ -128,8 +121,7 @@ describe("UHeader.vue", () => {
       });
     });
 
-    // Line prop
-    it("applies line class when line prop is true", () => {
+    it("Line – applies line class when line prop is true", () => {
       const line = true;
       const lineClasses = "leading-none";
 
@@ -142,8 +134,7 @@ describe("UHeader.vue", () => {
       expect(component.attributes("class")).toContain(lineClasses);
     });
 
-    // DataTest prop
-    it("applies the correct data-test attribute", () => {
+    it("DataTest – applies the correct data-test attribute", () => {
       const dataTest = "test-header";
 
       const component = mount(UHeader, {
@@ -156,10 +147,8 @@ describe("UHeader.vue", () => {
     });
   });
 
-  // Slots tests
   describe("Slots", () => {
-    // Default slot
-    it("renders content from default slot", () => {
+    it("Default – renders content from default slot", () => {
       const slotContent = "Custom Content";
       const label = "Header";
 
@@ -177,10 +166,8 @@ describe("UHeader.vue", () => {
     });
   });
 
-  // Exposed refs tests
   describe("Exposed refs", () => {
-    // headerRef
-    it("exposes headerRef", () => {
+    it("headerRef – exposes headerRef", () => {
       const component = mount(UHeader, {});
 
       expect(component.vm.headerRef).toBeDefined();