homeio

1/* @vitest-environment jsdom */
2
3import { Dock } from "@/modules/shell/components/dock";
4import { render, screen } from "@testing-library/react";
5import { describe, expect, it } from "vitest";
6
7describe("Dock", () => {
8  it("highlights only the focused app while keeping running indicators for open apps", () => {
9    const { container } = render(
10      <Dock
11        activeWindows={["terminal", "app-store"]}
12        focusedWindow="app-store"
13        animationsEnabled={false}
14      />,
15    );
16
17    const terminalButton = screen.getByRole("button", { name: "Terminal" });
18    const appStoreButton = screen.getByRole("button", { name: "App Store" });
19
20    expect(appStoreButton.getAttribute("aria-pressed")).toBe("true");
21    expect(terminalButton.getAttribute("aria-pressed")).toBe("false");
22    // focused state is expressed as a ring shadow on the inner icon element
23    const appStoreIcon = appStoreButton.querySelector("img, [class*='rounded-2xl']");
24    const terminalIcon = terminalButton.querySelector("img, [class*='rounded-2xl']");
25    expect(appStoreIcon?.className).toContain("shadow-[0_0_0_2px_hsl(var(--primary)");
26    expect(terminalIcon?.className).not.toContain("shadow-[0_0_0_2px_hsl(var(--primary)");
27
28    const runningDots = Array.from(container.querySelectorAll("span")).filter(
29      (element) =>
30        element.className.includes("rounded-full") &&
31        element.className.includes("h-[3px]") &&
32        element.className.includes("transition-all") &&
33        !element.className.includes("invisible"),
34    );
35    expect(runningDots).toHaveLength(2);
36    expect(runningDots.some((element) => element.className.includes("w-4"))).toBe(
37      true,
38    );
39    expect(
40      runningDots.some((element) => element.className.includes("w-2.5")),
41    ).toBe(true);
42  });
43});
44