homeio

1/* @vitest-environment jsdom */
2
3import { fireEvent, render, screen } from "@testing-library/react";
4import { describe, expect, it } from "vitest";
5import { Window } from "@/modules/shell/components/window";
6
7describe("Window", () => {
8  it("maximizes into the desktop area above a bottom dock", () => {
9    render(
10      <Window
11        title="App Store"
12        onClose={() => {}}
13        dockPosition="bottom"
14        animationsEnabled={false}
15      >
16        <div>content</div>
17      </Window>,
18    );
19
20    fireEvent.click(screen.getByRole("button", { name: "Maximize window" }));
21
22    const container = screen.getByText("content").closest("div.absolute");
23    expect(container).toBeTruthy();
24    expect(container?.getAttribute("style")).toContain("top: 0px");
25    expect(container?.getAttribute("style")).toContain("right: 0px");
26    expect(container?.getAttribute("style")).toContain("bottom: 88px");
27    expect(container?.getAttribute("style")).toContain("left: 0px");
28  });
29
30  it("maximizes around a side dock", () => {
31    render(
32      <Window
33        title="Monitor"
34        onClose={() => {}}
35        dockPosition="left"
36        animationsEnabled={false}
37      >
38        <div>monitor</div>
39      </Window>,
40    );
41
42    fireEvent.click(screen.getByRole("button", { name: "Maximize window" }));
43
44    const container = screen.getByText("monitor").closest("div.absolute");
45    expect(container).toBeTruthy();
46    expect(container?.getAttribute("style")).toContain("top: 0px");
47    expect(container?.getAttribute("style")).toContain("right: 0px");
48    expect(container?.getAttribute("style")).toContain("bottom: 0px");
49    expect(container?.getAttribute("style")).toContain("left: 80px");
50  });
51});
52