Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 30 additions & 0 deletions apps/web/src/components/RightPanelTabs.keyboard.browser.test.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -218,6 +218,7 @@ describe("right panel new-tab shortcut", () => {
expect((await press("t", { metaKey: true, isComposing: true })).defaultPrevented).toBe(false);
const dialog = document.createElement("div");
dialog.dataset.slot = "dialog-popup";
dialog.dataset.open = "";
container.append(dialog);
for (const state of ["data-open", "data-ending-style"]) {
dialog.setAttribute(state, "");
Expand All @@ -229,6 +230,35 @@ describe("right panel new-tab shortcut", () => {
}
});

it("blocks panel shortcuts until a mounted popup finishes closing", async () => {
await renderPanel();
const popover = document.createElement("div");
popover.dataset.slot = "popover-popup";
popover.dataset.open = "";
container.append(popover);

expect((await press("t", { metaKey: true })).defaultPrevented).toBe(false);
expect((await press("f")).defaultPrevented).toBe(false);
expect(document.querySelector('[role="menu"]')).toBeNull();
expect(addFiles).not.toHaveBeenCalled();

delete popover.dataset.open;
popover.dataset.closed = "";
popover.dataset.endingStyle = "";
expect((await press("t", { metaKey: true })).defaultPrevented).toBe(false);
expect((await press("f")).defaultPrevented).toBe(false);
expect(document.querySelector('[role="menu"]')).toBeNull();
expect(addFiles).not.toHaveBeenCalled();

delete popover.dataset.endingStyle;
popover.hidden = true;
expect((await press("f")).defaultPrevented).toBe(true);
expect(addFiles).toHaveBeenCalledOnce();
expect((await press("t", { metaKey: true })).defaultPrevented).toBe(true);
expect(document.querySelector('[role="menu"]')?.textContent).toContain("Files");
expect(document.activeElement?.closest('[role="menu"]')).not.toBeNull();
});

it("supports arrow keys with an existing tab in sheet mode and clears the menu on close", async () => {
const panel = {
mode: "sheet" as const,
Expand Down
Loading