Miguel PalhasandClaude Opus 5
31158cdb1a
Spawn and Spawn similar open a draft pane behind the open sidebar on mobile, so the tap read as dead. Extract the drawer into its own module and close it on both spawn events as well as a session tap. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
48 lines
1.7 KiB
TypeScript
48 lines
1.7 KiB
TypeScript
// @vitest-environment happy-dom
|
|
import { beforeEach, describe, expect, it } from "vitest";
|
|
|
|
import { OPEN_SPAWN_EVENT, SPAWN_SIMILAR_EVENT } from "./catalog.js";
|
|
import { installDrawer, type Drawer } from "./drawer.js";
|
|
|
|
function mount(): { shell: HTMLElement; sidebar: HTMLElement; drawer: Drawer } {
|
|
const shell = document.createElement("div");
|
|
const sidebar = document.createElement("aside");
|
|
const backdrop = document.createElement("div");
|
|
const row = document.createElement("div");
|
|
row.className = "tree-leaf";
|
|
sidebar.appendChild(row);
|
|
shell.append(sidebar, backdrop);
|
|
document.body.replaceChildren(shell);
|
|
const drawer = installDrawer(shell, sidebar, backdrop);
|
|
drawer.open();
|
|
return { shell, sidebar, drawer };
|
|
}
|
|
|
|
describe("mobile drawer", () => {
|
|
beforeEach(() => document.body.replaceChildren());
|
|
|
|
it("closes when a session row is tapped", () => {
|
|
const { shell, sidebar } = mount();
|
|
(sidebar.querySelector(".tree-leaf") as HTMLElement).click();
|
|
expect(shell.classList.contains("drawer-open")).toBe(false);
|
|
});
|
|
|
|
it("closes when a spawn is requested", () => {
|
|
const { shell } = mount();
|
|
document.dispatchEvent(new CustomEvent(OPEN_SPAWN_EVENT));
|
|
expect(shell.classList.contains("drawer-open")).toBe(false);
|
|
});
|
|
|
|
it("closes when spawn similar is requested", () => {
|
|
const { shell } = mount();
|
|
document.dispatchEvent(new CustomEvent(SPAWN_SIMILAR_EVENT, { detail: {} }));
|
|
expect(shell.classList.contains("drawer-open")).toBe(false);
|
|
});
|
|
|
|
it("leaves the backdrop click closing it", () => {
|
|
const { shell } = mount();
|
|
(shell.lastElementChild as HTMLElement).click();
|
|
expect(shell.classList.contains("drawer-open")).toBe(false);
|
|
});
|
|
});
|