vueless 1.4.7 → 1.4.8

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

@@ -49,9 +49,9 @@ describe("UHeader.vue", () => {
           },
         });
 
-        color === "text"
-          ? expect(component.attributes("class")).toContain("text-default")
-          : expect(component.attributes("class")).toContain(color);
+        const expectedInClass = color === "text" ? "text-default" : color;
+
+        expect(component.attributes("class")).toContain(expectedInClass);
       });
     });
 

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

@@ -48,35 +48,31 @@ describe("UNotify.vue", () => {
 
   describe("Props", () => {
     it("X Position – applies the correct xPosition style", async () => {
-      const positions = ["left", "center", "right"];
+      async function mountAndGetPositionStyles(xPosition: Props["xPosition"]) {
+        const component = mountWithLocale({ xPosition });
 
-      for (const position of positions) {
-        const component = mountWithLocale({
-          xPosition: position as Props["xPosition"],
-        });
-
-        // Add a notification to ensure the component is rendered
         dispatchNotifyEvent("notifyStart", mockNotification);
         await component.vm.$nextTick();
 
-        // Manually trigger setPosition since waitForPageElement won't find the elements in tests
         // @ts-expect-error - Accessing private method for testing
         component.vm.setPosition();
         await component.vm.$nextTick();
 
-        // Access the internal notifyPositionStyles ref
         // @ts-expect-error - Accessing private property for testing
-        const positionStyles = component.vm.notifyPositionStyles;
+        return component.vm.notifyPositionStyles as Record<string, string | undefined>;
+      }
 
-        // For center position, we expect a calculated left value
-        if (position === "center") {
-          expect(positionStyles).toHaveProperty("left");
-          expect(positionStyles.left).toBeDefined();
-        } else {
-          expect(positionStyles).toHaveProperty(position);
-          expect(positionStyles[position]).toBe("0px");
-        }
+      for (const position of ["left", "right"] as const) {
+        const positionStyles = await mountAndGetPositionStyles(position);
+
+        expect(positionStyles).toHaveProperty(position);
+        expect(positionStyles[position]).toBe("0px");
       }
+
+      const centerStyles = await mountAndGetPositionStyles("center");
+
+      expect(centerStyles).toHaveProperty("left");
+      expect(centerStyles.left).toBeDefined();
     });
 
     it("Y Position – applies the correct yPosition style", async () => {

package/utils/node/helper.js

@@ -1,4 +1,4 @@
-import esbuild from "esbuild";
+import { build as rolldownBuild } from "rolldown";
 import path from "node:path";
 import { cwd } from "node:process";
 import { pathToFileURL } from "node:url";
@@ -191,21 +191,20 @@ export async function cacheMergedConfigs({ vuelessSrcDir, basePath } = {}) {
 }
 
 /**
- * Builds a TypeScript file into a JavaScript file using esbuild.
+ * Bundles a TypeScript component config to ESM `.mjs` via Rolldown (Oxc transform).
  *
  * @param {string} entryPath - The path to the TypeScript file to be built.
  * @param {string} configOutFile - The output path for the resulting JavaScript file.
  * @return {Promise<void>} A promise that resolves when the build is complete.
  */
 export async function buildTSFile(entryPath, configOutFile) {
-  await esbuild.build({
-    entryPoints: [entryPath],
-    outfile: configOutFile,
-    bundle: true,
+  await rolldownBuild({
+    input: entryPath,
     platform: "node",
-    format: "esm",
-    target: "ESNext",
-    loader: { ".ts": "ts" },
+    output: {
+      file: configOutFile,
+      format: "esm",
+    },
   });
 }