@marimo-team/islands 0.23.15-dev33 → 0.23.15-dev4

package/src/plugins/impl/image-comparison/__tests__/ImageComparisonComponent.test.tsx

@@ -1,71 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { fireEvent, render } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-import ImageComparisonComponent from "../ImageComparisonComponent";
-
-const baseProps = {
-  beforeSrc: "before.png",
-  afterSrc: "after.png",
-  value: 50,
-  direction: "horizontal" as const,
-};
-
-describe("ImageComparisonComponent", () => {
-  it("renders the comparison slider with both images", () => {
-    const { getByAltText, container } = render(
-      <ImageComparisonComponent {...baseProps} />,
-    );
-    expect(getByAltText("Before")).toBeTruthy();
-    expect(getByAltText("After")).toBeTruthy();
-    expect(container.querySelector("img-comparison-slider")).toBeTruthy();
-  });
-
-  it("shows a visible error instead of collapsing when an image fails to load", () => {
-    const brokenSrc = "https://example.com/does-not-exist.png";
-    const { getByAltText, queryByText, container } = render(
-      <ImageComparisonComponent {...baseProps} beforeSrc={brokenSrc} />,
-    );
-
-    // No error before the image fails.
-    expect(queryByText(/Failed to load/)).toBeNull();
-
-    fireEvent.error(getByAltText("Before"));
-
-    // The slider is replaced with a visible error mentioning the source, so
-    // the output is never a silent blank.
-    expect(container.querySelector("img-comparison-slider")).toBeNull();
-    const error = queryByText(/Failed to load image/);
-    expect(error).toBeTruthy();
-    expect(error?.textContent).toContain(brokenSrc);
-  });
-
-  it("clears the error when the sources change so new images can load", () => {
-    const brokenSrc = "https://example.com/does-not-exist.png";
-    const { getByAltText, queryByText, container, rerender } = render(
-      <ImageComparisonComponent {...baseProps} beforeSrc={brokenSrc} />,
-    );
-
-    fireEvent.error(getByAltText("Before"));
-    expect(queryByText(/Failed to load/)).toBeTruthy();
-
-    // Re-render with a new source (e.g. the user fixed the notebook): the error
-    // should clear and the slider should mount again rather than stay stuck.
-    rerender(<ImageComparisonComponent {...baseProps} beforeSrc="fixed.png" />);
-    expect(queryByText(/Failed to load/)).toBeNull();
-    expect(container.querySelector("img-comparison-slider")).toBeTruthy();
-  });
-
-  it("truncates long sources (e.g. data URLs) in the error message", () => {
-    const longSrc = `data:image/png;base64,${"A".repeat(200)}`;
-    const { getByAltText, queryByText } = render(
-      <ImageComparisonComponent {...baseProps} afterSrc={longSrc} />,
-    );
-
-    fireEvent.error(getByAltText("After"));
-
-    const error = queryByText(/Failed to load image/);
-    expect(error?.textContent).toContain("…");
-    expect(error?.textContent).not.toContain("A".repeat(200));
-  });
-});

package/src/theme/__tests__/useTheme.test.ts

@@ -1,68 +0,0 @@
-/* Copyright 2026 Marimo. All rights reserved. */
-
-import { afterEach, describe, expect, it } from "vitest";
-import { configOverridesAtom, userConfigAtom } from "@/core/config/config";
-import { defaultUserConfig } from "@/core/config/config-schema";
-import { store } from "@/core/state/jotai";
-import type { Theme } from "../useTheme";
-import { resolvedThemeAtom, visibleForTesting } from "../useTheme";
-
-const { themeFromQueryParam } = visibleForTesting;
-
-function setQuery(search: string): void {
-  window.history.replaceState({}, "", search === "" ? "/" : `/?${search}`);
-}
-
-function setConfigTheme(theme: Theme): void {
-  const config = defaultUserConfig();
-  store.set(userConfigAtom, {
-    ...config,
-    display: { ...config.display, theme },
-  });
-}
-
-afterEach(() => {
-  setQuery("");
-  store.set(userConfigAtom, defaultUserConfig());
-  store.set(configOverridesAtom, {});
-});
-
-describe("themeFromQueryParam", () => {
-  it.each(["light", "dark", "system"] as const)(
-    "returns the valid theme %s",
-    (theme) => {
-      setQuery(`theme=${theme}`);
-      expect(themeFromQueryParam()).toBe(theme);
-    },
-  );
-
-  it("returns undefined when the param is absent", () => {
-    setQuery("");
-    expect(themeFromQueryParam()).toBeUndefined();
-  });
-
-  it("returns undefined for an invalid value", () => {
-    setQuery("theme=blue");
-    expect(themeFromQueryParam()).toBeUndefined();
-  });
-});
-
-describe("resolvedThemeAtom with a theme query param", () => {
-  it("uses the saved config theme when no param is present", () => {
-    setConfigTheme("dark");
-    setQuery("");
-    expect(store.get(resolvedThemeAtom)).toBe("dark");
-  });
-
-  it("lets the query param override the saved config theme", () => {
-    setConfigTheme("light");
-    setQuery("theme=dark");
-    expect(store.get(resolvedThemeAtom)).toBe("dark");
-  });
-
-  it("falls back to the config theme for an invalid param value", () => {
-    setConfigTheme("dark");
-    setQuery("theme=blue");
-    expect(store.get(resolvedThemeAtom)).toBe("dark");
-  });
-});