vueless 1.3.1 → 1.3.2-beta.1

package/ui.text-notify/tests/UNotify.test.ts

@@ -46,10 +46,8 @@ describe("UNotify.vue", () => {
     dispatchNotifyEvent("notifyClearAll", {} as Notification);
   });
 
-  // Props tests
   describe("Props", () => {
-    // XPosition prop
-    it("applies the correct xPosition style", async () => {
+    it("X Position – applies the correct xPosition style", async () => {
       const positions = ["left", "center", "right"];
 
       for (const position of positions) {
@@ -73,8 +71,7 @@ describe("UNotify.vue", () => {
       }
     });
 
-    // YPosition prop
-    it("applies the correct yPosition style", async () => {
+    it("Y Position – applies the correct yPosition style", async () => {
       const positions = ["top", "bottom"];
 
       for (const position of positions) {
@@ -93,8 +90,7 @@ describe("UNotify.vue", () => {
       }
     });
 
-    // DataTest prop
-    it("applies the correct data-test attribute", () => {
+    it("DataTest – applies the correct data-test attribute", () => {
       const dataTest = "test-notify";
 
       const component = mountWithLocale({
@@ -107,8 +103,7 @@ describe("UNotify.vue", () => {
 
   // Event handling tests
   describe("Event Handling", () => {
-    // notifyStart event
-    it("adds notification when notifyStart event is dispatched", async () => {
+    it("notifyStart – adds notification when notifyStart event is dispatched", async () => {
       const component = mountWithLocale();
 
       dispatchNotifyEvent("notifyStart", mockNotification);
@@ -118,8 +113,7 @@ describe("UNotify.vue", () => {
       expect(component.text()).toContain(mockNotification.description);
     });
 
-    // notifyEnd event
-    it("removes notification when notifyEnd event is dispatched", async () => {
+    it("notifyEnd – removes notification when notifyEnd event is dispatched", async () => {
       const component = mountWithLocale();
 
       // Add notification
@@ -145,8 +139,7 @@ describe("UNotify.vue", () => {
       expect(finalCount).toBeLessThan(initialCount);
     });
 
-    // notifyClearAll event
-    it("clears all notifications when notifyClearAll event is dispatched", async () => {
+    it("notifyClearAll – clears all notifications when notifyClearAll event is dispatched", async () => {
       const component = mountWithLocale();
 
       // Add multiple notifications
@@ -176,8 +169,7 @@ describe("UNotify.vue", () => {
       expect(component.text()).not.toContain("Notification 2");
     });
 
-    // Close button click
-    it("removes notification when close button is clicked", async () => {
+    it("Close – removes notification when close button is clicked", async () => {
       const component = mountWithLocale();
 
       // Add notification
@@ -203,8 +195,7 @@ describe("UNotify.vue", () => {
 
   // Notification type tests
   describe("Notification Types", () => {
-    // Success notification
-    it("renders success notification with correct icon", async () => {
+    it("Success – renders success notification with correct icon", async () => {
       const component = mountWithLocale();
 
       dispatchNotifyEvent("notifyStart", {
@@ -223,8 +214,7 @@ describe("UNotify.vue", () => {
       expect(successIcon).toBeDefined();
     });
 
-    // Warning notification
-    it("renders warning notification with correct icon", async () => {
+    it("Warning – renders warning notification with correct icon", async () => {
       const component = mountWithLocale();
 
       dispatchNotifyEvent("notifyStart", {
@@ -243,8 +233,7 @@ describe("UNotify.vue", () => {
       expect(warningIcon).toBeDefined();
     });
 
-    // Error notification
-    it("renders error notification with correct icon", async () => {
+    it("Error – renders error notification with correct icon", async () => {
       const component = mountWithLocale();
 
       dispatchNotifyEvent("notifyStart", {
@@ -263,8 +252,7 @@ describe("UNotify.vue", () => {
       expect(errorIcon).toBeDefined();
     });
 
-    // Info notification
-    it("renders info notification with correct icon", async () => {
+    it("Info – renders info notification with correct icon", async () => {
       const component = mountWithLocale();
 
       dispatchNotifyEvent("notifyStart", {
@@ -284,10 +272,8 @@ describe("UNotify.vue", () => {
     });
   });
 
-  // Exposed refs tests
   describe("Exposed refs", () => {
-    // notificationRef
-    it("exposes notificationRef", () => {
+    it("notificationRef – exposes notificationRef", () => {
       const component = mountWithLocale();
 
       expect(component.vm.notificationRef).toBeDefined();

package/ui.text-number/tests/UNumber.test.ts

@@ -13,10 +13,8 @@ describe("UNumber.vue", () => {
     value = 1234.56;
   });
 
-  // Props tests
   describe("Props", () => {
-    // Size prop
-    it("applies the correct size class", async () => {
+    it("Size – applies the correct size class", async () => {
       const sizeClasses = {
         xs: "text-tiny",
         sm: "text-small",
@@ -35,8 +33,7 @@ describe("UNumber.vue", () => {
       });
     });
 
-    // Color prop
-    it("applies the correct color class", async () => {
+    it("Color – applies the correct color class", async () => {
       const colors = [
         "primary",
         "secondary",
@@ -60,8 +57,7 @@ describe("UNumber.vue", () => {
       });
     });
 
-    // Value prop
-    it("renders the correct number value", () => {
+    it("Value – renders the correct number value", () => {
       const expectedFormattedNumber = "1 234,56";
 
       const component = mount(UNumber, {
@@ -73,8 +69,7 @@ describe("UNumber.vue", () => {
       expect(component.text()).toContain(expectedFormattedNumber);
     });
 
-    // Sign prop
-    it("renders the correct sign based on sign prop", () => {
+    it("Sign – renders the correct sign based on sign prop", () => {
       const testNegativeValue = -123;
 
       // Auto sign (negative value)
@@ -135,8 +130,7 @@ describe("UNumber.vue", () => {
       expect(unsignedComponent.text()).not.toContain(MATH_SIGN.PLUS);
     });
 
-    // Currency prop
-    it("renders the currency symbol", () => {
+    it("Currency – renders the currency symbol", () => {
       const currency = "$";
 
       const component = mount(UNumber, {
@@ -149,8 +143,7 @@ describe("UNumber.vue", () => {
       expect(component.text()).toContain(currency);
     });
 
-    // CurrencyAlign prop
-    it("aligns currency correctly based on currencyAlign prop", () => {
+    it("CurrencyAlign – aligns currency correctly based on currencyAlign prop", () => {
       const currency = "$";
 
       const alignTests = [
@@ -171,8 +164,7 @@ describe("UNumber.vue", () => {
       });
     });
 
-    // CurrencySpace prop
-    it("adds space between currency and number when currencySpace is true", () => {
+    it("CurrencySpace – adds space between currency and number when currencySpace is true", () => {
       const currency = "$";
 
       const spaceTests = [
@@ -200,8 +192,7 @@ describe("UNumber.vue", () => {
       });
     });
 
-    // MinFractionDigits prop
-    it("adds zeros to meet the minimum fraction digits requirement", () => {
+    it("MinFractionDigits – adds zeros to meet the minimum fraction digits requirement", () => {
       const value = 123;
       const minFractionDigits = 2;
       const expectedMinFractionResult = "123,00";
@@ -216,8 +207,7 @@ describe("UNumber.vue", () => {
       expect(component.text()).toContain(expectedMinFractionResult);
     });
 
-    // MaxFractionDigits prop
-    it("rounds the fraction to the maximum number of digits", () => {
+    it("MaxFractionDigits – rounds the fraction to the maximum number of digits", () => {
       const value = 123.456789;
       const maxFractionDigits = 2;
       const expectedMaxFractionResult = "123,46"; // Rounded from .456789 to 2 digits
@@ -236,8 +226,7 @@ describe("UNumber.vue", () => {
       expect(component.text()).not.toContain(originalDecimalPart);
     });
 
-    // DecimalSeparator prop
-    it("uses the correct decimal separator", () => {
+    it("DecimalSeparator – uses the correct decimal separator", () => {
       const value = 123.45;
       const decimalSeparator = ",";
       const expectedFormattedNumber = "123,45";
@@ -252,8 +241,7 @@ describe("UNumber.vue", () => {
       expect(component.text()).toContain(expectedFormattedNumber);
     });
 
-    // ThousandsSeparator prop
-    it("uses the correct thousands separator", () => {
+    it("ThousandsSeparator – uses the correct thousands separator", () => {
       const value = 1234567.89;
       const thousandsSeparator = " ";
       const expectedFormattedInteger = "1 234 567";
@@ -268,8 +256,7 @@ describe("UNumber.vue", () => {
       expect(component.text()).toContain(expectedFormattedInteger);
     });
 
-    // Align prop
-    it("applies the correct align class", () => {
+    it("Align – applies the correct align class", () => {
       const alignClasses = {
         left: "justify-start",
         right: "justify-end",
@@ -286,8 +273,7 @@ describe("UNumber.vue", () => {
       });
     });
 
-    // DataTest prop
-    it("applies the correct data-test attribute", () => {
+    it("DataTest – applies the correct data-test attribute", () => {
       const testDataTest = "test-number";
 
       const component = mount(UNumber, {
@@ -300,10 +286,8 @@ describe("UNumber.vue", () => {
     });
   });
 
-  // Slots tests
   describe("Slots", () => {
-    // Left slot
-    it("renders content from left slot", () => {
+    it("Left – renders content from left slot", () => {
       const slotText = "Left";
       const slotClass = "left-content";
 
@@ -320,8 +304,7 @@ describe("UNumber.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";
 
@@ -339,10 +322,8 @@ describe("UNumber.vue", () => {
     });
   });
 
-  // Exposed refs tests
   describe("Exposed refs", () => {
-    // wrapperRef
-    it("exposes wrapperRef", () => {
+    it("wrapperRef – exposes wrapperRef", () => {
       const component = mount(UNumber, {});
 
       expect(component.vm.wrapperRef).toBeDefined();