@marimo-team/frontend 0.22.1-dev26 → 0.22.1-dev27

package/src/core/static/__tests__/download-html.test.ts

@@ -44,23 +44,24 @@ describe("updateAssetUrl", () => {
 });
 
 describe("filename handling for downloads", () => {
-  it.each(
-    EDGE_CASE_FILENAMES,
-  )("should handle edge case filenames in download operations: %s", (filename) => {
-    // Test that basename extraction works correctly for downloads
-    const basename = Paths.basename(filename);
-    expect(basename).toBe(filename);
+  it.each(EDGE_CASE_FILENAMES)(
+    "should handle edge case filenames in download operations: %s",
+    (filename) => {
+      // Test that basename extraction works correctly for downloads
+      const basename = Paths.basename(filename);
+      expect(basename).toBe(filename);
 
-    // Test filename conversion for HTML downloads
-    const htmlFilename = Filenames.toHTML(filename);
-    expect(htmlFilename).toMatch(/\.html$/);
-    expect(htmlFilename).toContain(Filenames.withoutExtension(filename));
+      // Test filename conversion for HTML downloads
+      const htmlFilename = Filenames.toHTML(filename);
+      expect(htmlFilename).toMatch(/\.html$/);
+      expect(htmlFilename).toContain(Filenames.withoutExtension(filename));
 
-    // Ensure unicode and spaces are preserved in basename
-    const withoutExt = Filenames.withoutExtension(filename);
-    expect(withoutExt).not.toBe("");
-    expect(typeof withoutExt).toBe("string");
-  });
+      // Ensure unicode and spaces are preserved in basename
+      const withoutExt = Filenames.withoutExtension(filename);
+      expect(withoutExt).not.toBe("");
+      expect(typeof withoutExt).toBe("string");
+    },
+  );
 
   it("should handle blob download filename generation", () => {
     // Mock URL.createObjectURL for blob testing

package/src/core/static/__tests__/files.test.ts

@@ -192,20 +192,21 @@ describe("patchVegaLoader - loader.http", () => {
     "http://foo.com/virtual-file.json",
   ];
 
-  it.each(
-    pathsToTest,
-  )("should return file content for virtual files for %s", async (s) => {
-    const virtualFiles = {
-      "/virtual-file.json":
-        "data:application/json;base64,eyJrZXkiOiAidmFsdWUifQ==" as DataURLString,
-    };
-
-    const loader = createLoader();
-    const unpatch = patchVegaLoader(loader, virtualFiles);
-    const content = await loader.http(s);
-    unpatch();
-    expect(content).toBe('{"key": "value"}');
-  });
+  it.each(pathsToTest)(
+    "should return file content for virtual files for %s",
+    async (s) => {
+      const virtualFiles = {
+        "/virtual-file.json":
+          "data:application/json;base64,eyJrZXkiOiAidmFsdWUifQ==" as DataURLString,
+      };
+
+      const loader = createLoader();
+      const unpatch = patchVegaLoader(loader, virtualFiles);
+      const content = await loader.http(s);
+      unpatch();
+      expect(content).toBe('{"key": "value"}');
+    },
+  );
 
   it("should fallback to original http method for non-virtual files", async () => {
     const loader = createLoader();
@@ -236,20 +237,21 @@ describe("patchVegaLoader - loader.load", () => {
     "http://foo.com/virtual-file.json",
   ];
 
-  it.each(
-    pathsToTest,
-  )("should return file content for virtual files for %s", async (s) => {
-    const virtualFiles = {
-      "/virtual-file.json":
-        "data:application/json;base64,eyJrZXkiOiAidmFsdWUifQ==" as DataURLString,
-    };
-
-    const loader = createLoader();
-    const unpatch = patchVegaLoader(loader, virtualFiles);
-    const content = await loader.load(s);
-    unpatch();
-    expect(content).toBe('{"key": "value"}');
-  });
+  it.each(pathsToTest)(
+    "should return file content for virtual files for %s",
+    async (s) => {
+      const virtualFiles = {
+        "/virtual-file.json":
+          "data:application/json;base64,eyJrZXkiOiAidmFsdWUifQ==" as DataURLString,
+      };
+
+      const loader = createLoader();
+      const unpatch = patchVegaLoader(loader, virtualFiles);
+      const content = await loader.load(s);
+      unpatch();
+      expect(content).toBe('{"key": "value"}');
+    },
+  );
 
   it("should fallback to original load method for non-virtual  files", async () => {
     const loader = createLoader();

package/src/css/app/Cell.css

@@ -99,7 +99,9 @@
 
     /* Special case for particular components */
 
-    .output-area:has(> .output:only-child > marimo-ui-element:only-child > marimo-table) {
+    .output-area:has(
+      > .output:only-child > marimo-ui-element:only-child > marimo-table
+    ) {
       padding: 0 0 5px;
       max-height: none;
       overflow: hidden;
@@ -124,12 +126,12 @@
       }
     }
 
-    &> :first-child {
+    & > :first-child {
       border-top-left-radius: 9px;
       border-top-right-radius: 9px;
     }
 
-    &> :last-child {
+    & > :last-child {
       border-bottom-left-radius: 9px;
       border-bottom-right-radius: 9px;
     }
@@ -143,11 +145,11 @@
     }
   }
 
-  >[data-hidden="true"]~* {
+  > [data-hidden="true"] ~ * {
     border-top: none;
   }
 
-  >*~[data-hidden="true"] {
+  > * ~ [data-hidden="true"] {
     border-top: none;
   }
 
@@ -155,7 +157,6 @@
 
   &.stale,
   &.disabled.stale {
-
     .output-area,
     .cm-gutters,
     .cm {
@@ -170,7 +171,6 @@
   &.disabled.has-error,
   &.disabled:hover,
   &.disabled.has-error:hover {
-
     .output-area,
     .cm-gutters,
     .cm {
@@ -275,7 +275,7 @@
   &.borderless {
     border-color: transparent;
 
-    &>* {
+    & > * {
       border-bottom: none;
     }
 
@@ -325,7 +325,7 @@
   &.borderless {
     border-color: transparent;
 
-    &>* {
+    & > * {
       border-bottom: none;
     }
 
@@ -420,7 +420,6 @@
 
 /* Hide tray when dragging a cell, to prevent messing up the measurements. */
 .marimo-cell.is-moving {
-
   .tray::before,
   .tray::after {
     display: none;
@@ -513,7 +512,8 @@
 
 .marimo-output-stale.marimo-output-loading,
 .marimo-cell.stale .output-area.marimo-output-stale.marimo-output-loading,
-.marimo-cell.stale .console-output-area.marimo-output-stale.marimo-output-loading {
+.marimo-cell.stale
+  .console-output-area.marimo-output-stale.marimo-output-loading {
   opacity: 0.4;
   filter: grayscale(50%);
   transition: 300ms;

package/src/css/globals.css

@@ -148,46 +148,72 @@
   --shadow-xxs: 0px 0px 2px 0px var(--base-shadow-darker);
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-xs: 1px 1px 2px 0px var(--base-shadow), 0px 0px 2px 0px hsl(0deg 0% 25% / var(--base-shadow-opacity));
+  --shadow-xs:
+    1px 1px 2px 0px var(--base-shadow),
+    0px 0px 2px 0px hsl(0deg 0% 25% / var(--base-shadow-opacity));
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-sm: 2px 2px 2px 0px var(--base-shadow), 0px 0px 2px 0px hsl(0deg 0% 25% / var(--base-shadow-opacity));
+  --shadow-sm:
+    2px 2px 2px 0px var(--base-shadow),
+    0px 0px 2px 0px hsl(0deg 0% 25% / var(--base-shadow-opacity));
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-md: 4px 4px 4px 0px var(--base-shadow), 0 0px 4px 0px hsl(0deg 0% 60% / var(--base-shadow-opacity));
+  --shadow-md:
+    4px 4px 4px 0px var(--base-shadow),
+    0 0px 4px 0px hsl(0deg 0% 60% / var(--base-shadow-opacity));
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-lg: 5px 6px 4px 0px var(--base-shadow), 0 0px 4px 0px hsl(0deg 0% 75% / var(--base-shadow-opacity));
+  --shadow-lg:
+    5px 6px 4px 0px var(--base-shadow),
+    0 0px 4px 0px hsl(0deg 0% 75% / var(--base-shadow-opacity));
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-xl: 8px 9px 4px 0px var(--base-shadow), 0 0px 6px 0px hsl(0deg 0% 85% / var(--base-shadow-opacity));
+  --shadow-xl:
+    8px 9px 4px 0px var(--base-shadow),
+    0 0px 6px 0px hsl(0deg 0% 85% / var(--base-shadow-opacity));
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-2xl: 10px 12px 10px 0px var(--base-shadow), 0 0px 8px 0px hsl(0deg 0% 90% / var(--base-shadow-opacity));
+  --shadow-2xl:
+    10px 12px 10px 0px var(--base-shadow),
+    0 0px 8px 0px hsl(0deg 0% 90% / var(--base-shadow-opacity));
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-xs-solid: 1px 1px 0px 0px var(--base-shadow-darker), 0px 0px 2px 0px hsl(0deg 0% 50% / 20%);
+  --shadow-xs-solid:
+    1px 1px 0px 0px var(--base-shadow-darker),
+    0px 0px 2px 0px hsl(0deg 0% 50% / 20%);
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-sm-solid: 2px 2px 0px 0px var(--base-shadow-darker), 0px 0px 2px 0px hsl(0deg 0% 50% / 20%);
+  --shadow-sm-solid:
+    2px 2px 0px 0px var(--base-shadow-darker),
+    0px 0px 2px 0px hsl(0deg 0% 50% / 20%);
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-md-solid: 4px 4px 0px 0px var(--base-shadow-darker), 0 0px 2px 0px hsl(0deg 0% 60% / 50%);
+  --shadow-md-solid:
+    4px 4px 0px 0px var(--base-shadow-darker),
+    0 0px 2px 0px hsl(0deg 0% 60% / 50%);
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-lg-solid: 5px 6px 0px 0px var(--base-shadow-darker), 0 0px 4px 0px hsl(0deg 0% 75% / 50%);
+  --shadow-lg-solid:
+    5px 6px 0px 0px var(--base-shadow-darker),
+    0 0px 4px 0px hsl(0deg 0% 75% / 50%);
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-xl-solid: 7px 8px 0px 0px var(--base-shadow-darker), 0 0px 4px 0px hsl(0deg 0% 85% / 50%);
+  --shadow-xl-solid:
+    7px 8px 0px 0px var(--base-shadow-darker),
+    0 0px 4px 0px hsl(0deg 0% 85% / 50%);
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-2xl-solid: 10px 12px 0px 0px var(--base-shadow-darker), 0 0px 8px 0px hsl(0deg 0% 90% / 50%);
+  --shadow-2xl-solid:
+    10px 12px 0px 0px var(--base-shadow-darker),
+    0 0px 8px 0px hsl(0deg 0% 90% / 50%);
 
   /* Solid shadows with lighter shade color */
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-sm-solid-shade: 2px 2px 0px 0px var(--base-shadow), 0px 0px 2px 0px hsl(0deg 0% 50% / 20%);
+  --shadow-sm-solid-shade:
+    2px 2px 0px 0px var(--base-shadow), 0px 0px 2px 0px hsl(0deg 0% 50% / 20%);
 
   /* biome-ignore format: definition needs to be oneline or breaks variants */
-  --shadow-md-solid-shade: 4px 4px 0px 0px var(--base-shadow), 0 0px 2px 0px hsl(0deg 0% 60% / 50%);
+  --shadow-md-solid-shade:
+    4px 4px 0px 0px var(--base-shadow), 0 0px 2px 0px hsl(0deg 0% 60% / 50%);
 }

package/src/plugins/impl/DataEditorPlugin.tsx

@@ -76,8 +76,10 @@ export const DataEditorPlugin = createPlugin<Edits>("marimo-data-editor", {
     );
   });
 
-interface Props
-  extends Omit<DataEditorProps<object>, "data" | "onAddEdits" | "onAddRows"> {
+interface Props extends Omit<
+  DataEditorProps<object>,
+  "data" | "onAddEdits" | "onAddRows"
+> {
   data: TableData<object>;
   edits: Edits;
   onEdits: Setter<Edits>;

package/src/plugins/impl/FormPlugin.tsx

@@ -80,8 +80,7 @@ export const FormPlugin = createPlugin("marimo-form")
   });
 
 export interface FormWrapperProps<T>
-  extends Omit<Data, "elementId">,
-    Functions {
+  extends Omit<Data, "elementId">, Functions {
   children: React.ReactNode;
   currentValue: T;
   newValue: T;

package/src/plugins/impl/data-frames/forms/__tests__/form.test.tsx

@@ -44,16 +44,14 @@ describe("renderZodSchema", () => {
     [...TransformTypeSchema.options],
     (z) => getUnionLiteral(z).value,
   );
-  it.each(
-    Object.entries(options),
-  )("should render a form %s", (name, schema: z.ZodType<
-    unknown,
-    FieldValues
-  >) => {
-    const expected = render(<Subject schema={schema} />);
+  it.each(Object.entries(options))(
+    "should render a form %s",
+    (name, schema: z.ZodType<unknown, FieldValues>) => {
+      const expected = render(<Subject schema={schema} />);
 
-    expect(expected.asFragment()).toMatchSnapshot();
-  });
+      expect(expected.asFragment()).toMatchSnapshot();
+    },
+  );
 });
 
 const options = [

package/src/plugins/impl/vega/__tests__/make-selectable.test.ts

@@ -578,20 +578,19 @@ describe("makeSelectable", () => {
     `);
   });
 
-  it.each([
-    "errorbar",
-    "errorband",
-    "boxplot",
-  ])("should return the same spec if mark is %s", (mark) => {
-    const spec = {
-      mark,
-    } as unknown as VegaLiteSpec;
-    const newSpec = makeSelectable(spec, {});
-    expect(newSpec).toEqual(spec);
-    expect(getSelectionParamNames(newSpec)).toEqual([]);
-    expect(newSpec).toMatchSnapshot();
-    expect(parse(newSpec)).toBeDefined();
-  });
+  it.each(["errorbar", "errorband", "boxplot"])(
+    "should return the same spec if mark is %s",
+    (mark) => {
+      const spec = {
+        mark,
+      } as unknown as VegaLiteSpec;
+      const newSpec = makeSelectable(spec, {});
+      expect(newSpec).toEqual(spec);
+      expect(getSelectionParamNames(newSpec)).toEqual([]);
+      expect(newSpec).toMatchSnapshot();
+      expect(parse(newSpec)).toBeDefined();
+    },
+  );
 
   it("should add legend selection to composite charts (issue #6676)", () => {
     // Test case from https://github.com/marimo-team/marimo/issues/6676

package/src/plugins/layout/ImageComparisonPlugin.tsx

@@ -11,9 +11,7 @@ const LazyImageComparisonComponent = React.lazy(
   () => import("../impl/image-comparison/ImageComparisonComponent"),
 );
 
-export class ImageComparisonPlugin
-  implements IStatelessPlugin<ImageComparisonData>
-{
+export class ImageComparisonPlugin implements IStatelessPlugin<ImageComparisonData> {
   tagName = "marimo-image-comparison";
 
   validator = z.object({

package/src/plugins/stateless-plugin.ts

@@ -20,8 +20,10 @@ export interface IStatelessPluginProps<D> {
   children?: React.ReactNode | undefined;
 }
 
-export interface IStatelessPlugin<D>
-  extends Omit<IPlugin<never, D>, "render" | "functions"> {
+export interface IStatelessPlugin<D> extends Omit<
+  IPlugin<never, D>,
+  "render" | "functions"
+> {
   /**
    * Render the plugin.
    */

package/src/utils/__tests__/cell-urls.test.ts

@@ -92,27 +92,30 @@ describe("cell-urls utilities", () => {
   });
 
   describe("edge case cell names with unicode and special characters", () => {
-    it.each(
-      EDGE_CASE_CELL_NAMES,
-    )("should handle unicode cell names in createCellLink: %s", (cellName) => {
-      const url = createCellLink(cellName);
-      expect(url).toContain("scrollTo=");
-      expect(url).toContain(encodeURIComponent(cellName));
-    });
-
-    it.each(
-      EDGE_CASE_CELL_NAMES,
-    )("should round-trip unicode cell names correctly: %s", (cellName) => {
-      const url = createCellLink(cellName);
-      const hash = url.split("#")[1];
-      const extracted = extractCellNameFromHash(`#${hash}`);
-      expect(extracted).toBe(cellName);
-    });
+    it.each(EDGE_CASE_CELL_NAMES)(
+      "should handle unicode cell names in createCellLink: %s",
+      (cellName) => {
+        const url = createCellLink(cellName);
+        expect(url).toContain("scrollTo=");
+        expect(url).toContain(encodeURIComponent(cellName));
+      },
+    );
+
+    it.each(EDGE_CASE_CELL_NAMES)(
+      "should round-trip unicode cell names correctly: %s",
+      (cellName) => {
+        const url = createCellLink(cellName);
+        const hash = url.split("#")[1];
+        const extracted = extractCellNameFromHash(`#${hash}`);
+        expect(extracted).toBe(cellName);
+      },
+    );
 
-    it.each(
-      EDGE_CASE_CELL_NAMES,
-    )("should allow linking to unicode cell names: %s", (cellName) => {
-      expect(canLinkToCell(cellName)).toBe(true);
-    });
+    it.each(EDGE_CASE_CELL_NAMES)(
+      "should allow linking to unicode cell names: %s",
+      (cellName) => {
+        expect(canLinkToCell(cellName)).toBe(true);
+      },
+    );
   });
 });

package/src/utils/__tests__/filenames.test.ts

@@ -35,22 +35,23 @@ describe("Filenames", () => {
     expect(Filenames.withoutExtension("test.foo.txt")).toEqual("test.foo");
   });
 
-  it.each(
-    EDGE_CASE_FILENAMES,
-  )("should handle edge case filenames: %s", (filename) => {
-    // Test all filename operations with edge cases
-    const withoutExt = Filenames.withoutExtension(filename);
+  it.each(EDGE_CASE_FILENAMES)(
+    "should handle edge case filenames: %s",
+    (filename) => {
+      // Test all filename operations with edge cases
+      const withoutExt = Filenames.withoutExtension(filename);
 
-    expect(Filenames.toMarkdown(filename)).toEqual(`${withoutExt}.md`);
-    expect(Filenames.toHTML(filename)).toEqual(`${withoutExt}.html`);
-    expect(Filenames.toPNG(filename)).toEqual(`${withoutExt}.png`);
-    expect(Filenames.toPY(filename)).toEqual(`${withoutExt}.py`);
-    expect(Filenames.toIPYNB(filename)).toEqual(`${withoutExt}.ipynb`);
+      expect(Filenames.toMarkdown(filename)).toEqual(`${withoutExt}.md`);
+      expect(Filenames.toHTML(filename)).toEqual(`${withoutExt}.html`);
+      expect(Filenames.toPNG(filename)).toEqual(`${withoutExt}.png`);
+      expect(Filenames.toPY(filename)).toEqual(`${withoutExt}.py`);
+      expect(Filenames.toIPYNB(filename)).toEqual(`${withoutExt}.ipynb`);
 
-    // Ensure operations preserve unicode and special characters in base name
-    expect(withoutExt).not.toEqual("");
-    expect(typeof withoutExt).toBe("string");
-  });
+      // Ensure operations preserve unicode and special characters in base name
+      expect(withoutExt).not.toEqual("");
+      expect(typeof withoutExt).toBe("string");
+    },
+  );
 });
 
 describe("getImageExtension", () => {

package/src/utils/__tests__/json-parser.test.ts

@@ -184,9 +184,8 @@ it("can convert json to markdown - with URLs", () => {
   `);
 
   // Mixed content - URL and text in same cell
-  expect(
-    jsonToMarkdown([{ info: "Visit https://example.com for more" }]),
-  ).toMatchInlineSnapshot(`
+  expect(jsonToMarkdown([{ info: "Visit https://example.com for more" }]))
+    .toMatchInlineSnapshot(`
     "| info |
     |---|
     | Visit [https://example.com](https://example.com) for more |"
@@ -203,9 +202,8 @@ it("can convert json to markdown - with URLs", () => {
 });
 
 it("can convert json to markdown - handles nulls and undefined", () => {
-  expect(
-    jsonToMarkdown([{ a: null, b: undefined, c: 1 }]),
-  ).toMatchInlineSnapshot(`
+  expect(jsonToMarkdown([{ a: null, b: undefined, c: 1 }]))
+    .toMatchInlineSnapshot(`
     "| a | b | c |
     |---|---|---|
     |  |  | 1 |"
@@ -226,18 +224,16 @@ it("can convert json to markdown - handles nulls and undefined", () => {
 
 it("can convert json to markdown - handles special characters", () => {
   // Pipes need to be escaped since they're markdown table delimiters
-  expect(
-    jsonToMarkdown([{ a: "value|with|pipes", b: "normal" }]),
-  ).toMatchInlineSnapshot(`
+  expect(jsonToMarkdown([{ a: "value|with|pipes", b: "normal" }]))
+    .toMatchInlineSnapshot(`
     "| a | b |
     |---|---|
     | value\\|with\\|pipes | normal |"
   `);
 
   // Newlines should be replaced with spaces
-  expect(
-    jsonToMarkdown([{ a: "line1\nline2", b: "normal" }]),
-  ).toMatchInlineSnapshot(`
+  expect(jsonToMarkdown([{ a: "line1\nline2", b: "normal" }]))
+    .toMatchInlineSnapshot(`
     "| a | b |
     |---|---|
     | line1 line2 | normal |"
@@ -252,9 +248,8 @@ it("can convert json to markdown - handles special characters", () => {
 });
 
 it("can convert json to markdown - handles different data types", () => {
-  expect(
-    jsonToMarkdown([{ str: "text", num: 42, bool: true, nil: null }]),
-  ).toMatchInlineSnapshot(`
+  expect(jsonToMarkdown([{ str: "text", num: 42, bool: true, nil: null }]))
+    .toMatchInlineSnapshot(`
     "| str | num | bool | nil |
     |---|---|---|---|
     | text | 42 | true |  |"
@@ -282,9 +277,8 @@ it("can convert json to markdown - handles different data types", () => {
     | [1,2,3] |"
   `);
 
-  expect(
-    jsonToMarkdown([{ data: { nested: "value" } }]),
-  ).toMatchInlineSnapshot(`
+  expect(jsonToMarkdown([{ data: { nested: "value" } }]))
+    .toMatchInlineSnapshot(`
     "| data |
     |---|
     | {"nested":"value"} |"
@@ -293,9 +287,8 @@ it("can convert json to markdown - handles different data types", () => {
 
 it("can convert json to markdown - handles existing markdown links", () => {
   // When input already contains a markdown link, it should be preserved as-is
-  expect(
-    jsonToMarkdown([{ link: "[Google](https://google.com)" }]),
-  ).toMatchInlineSnapshot(`
+  expect(jsonToMarkdown([{ link: "[Google](https://google.com)" }]))
+    .toMatchInlineSnapshot(`
     "| link |
     |---|
     | [Google](https://google.com) |"

package/src/utils/__tests__/path.test.ts

@@ -170,36 +170,39 @@ describe("PathBuilder", () => {
   });
 
   describe("edge case filenames", () => {
-    it.each(
-      EDGE_CASE_FILENAMES,
-    )("should handle unicode and spaces in basename: %s", (filename) => {
-      const basename = Paths.basename(filename);
-      expect(basename).toBe(filename);
-      expect(typeof basename).toBe("string");
-      expect(basename).not.toBe("");
-    });
-
-    it.each(
-      EDGE_CASE_FILENAMES,
-    )("should handle unicode and spaces in dirname: %s", (filename) => {
-      const fullPath = `/path/to/${filename}`;
-      const dirname = Paths.dirname(fullPath);
-      expect(dirname).toBe("/path/to");
-    });
-
-    it.each(
-      EDGE_CASE_FILENAMES,
-    )("should handle unicode and spaces in path operations: %s", (filename) => {
-      const baseName = Paths.basename(filename);
-      const extension = Paths.extension(filename);
-
-      // Should preserve unicode characters in basename
-      expect(baseName).toContain(filename.split(".")[0]);
-
-      // Should correctly extract extension
-      if (filename.includes(".")) {
-        expect(extension).toBe(filename.split(".").pop());
-      }
-    });
+    it.each(EDGE_CASE_FILENAMES)(
+      "should handle unicode and spaces in basename: %s",
+      (filename) => {
+        const basename = Paths.basename(filename);
+        expect(basename).toBe(filename);
+        expect(typeof basename).toBe("string");
+        expect(basename).not.toBe("");
+      },
+    );
+
+    it.each(EDGE_CASE_FILENAMES)(
+      "should handle unicode and spaces in dirname: %s",
+      (filename) => {
+        const fullPath = `/path/to/${filename}`;
+        const dirname = Paths.dirname(fullPath);
+        expect(dirname).toBe("/path/to");
+      },
+    );
+
+    it.each(EDGE_CASE_FILENAMES)(
+      "should handle unicode and spaces in path operations: %s",
+      (filename) => {
+        const baseName = Paths.basename(filename);
+        const extension = Paths.extension(filename);
+
+        // Should preserve unicode characters in basename
+        expect(baseName).toContain(filename.split(".")[0]);
+
+        // Should correctly extract extension
+        if (filename.includes(".")) {
+          expect(extension).toBe(filename.split(".").pop());
+        }
+      },
+    );
   });
 });