mirror of
https://github.com/l0ng-ai/openidea.git
synced 2026-11-14 16:07:52 +00:00
Alexanderandformiat
6f62917730
A tool window's Options menu gets a View Mode submenu with Dock Pinned (the default), Dock Unpinned and Undock, as actions `toolwindow.viewMode.dockPinned|dockUnpinned|undock` (category Window). Unpinned and undocked windows hide when focus moves to the editor or another tool window, not to a popup, menu or dialog; an undocked window lies over the editor at its side without resizing it, and its inner edge resizes it. The mode is kept per window in the project layout, saved with Tool Window Layouts and reset by Restore Default Layout. A menu button in a tool window now takes focus when clicked: WebKit doesn't focus clicked buttons, so the menu returned focus to the editor on close and hid a window just switched to Dock Unpinned or Undock. Co-authored-by: formiat <29867335+formiat@users.noreply.github.com>
76 lines
3.5 KiB
TypeScript
76 lines
3.5 KiB
TypeScript
import type { Page } from "@playwright/test";
|
|
import { expect, openFromTree, test } from "./fixtures";
|
|
|
|
const project = (page: Page) => page.locator('[data-toolwindow="project"]');
|
|
const editorArea = (page: Page) => page.locator("[data-editor-area]");
|
|
|
|
async function setViewMode(page: Page, mode: "Dock Pinned" | "Dock Unpinned" | "Undock") {
|
|
await project(page).getByRole("button", { name: "Options" }).click();
|
|
await page.getByRole("menuitem", { name: "View Mode" }).click();
|
|
await page.getByRole("menuitemcheckbox", { name: mode }).click();
|
|
}
|
|
|
|
test("Undock shows the Project window over the editor; focusing the editor hides it", async ({ workbench: page }) => {
|
|
const editor = await openFromTree(page, "build.gradle.kts");
|
|
const docked = (await editorArea(page).boundingBox())!;
|
|
|
|
await setViewMode(page, "Undock");
|
|
await expect(project(page)).toBeVisible();
|
|
const area = (await editorArea(page).boundingBox())!;
|
|
// The editor takes the Project window's place and keeps it while the window shows over it.
|
|
expect(area.x).toBeLessThan(docked.x);
|
|
expect(area.width).toBeGreaterThan(docked.width);
|
|
const over = (await project(page).boundingBox())!;
|
|
expect(over.x + over.width).toBeGreaterThan(area.x + 100);
|
|
|
|
// Its inner edge resizes it over the editor.
|
|
const edge = (await page.getByRole("separator", { name: "Resize undocked left tool window" }).boundingBox())!;
|
|
await page.mouse.move(edge.x + edge.width / 2, edge.y + edge.height / 2);
|
|
await page.mouse.down();
|
|
await page.mouse.move(edge.x + edge.width / 2 + 100, edge.y + edge.height / 2, { steps: 5 });
|
|
await page.mouse.up();
|
|
expect((await project(page).boundingBox())!.width).toBeCloseTo(over.width + 100, -1);
|
|
expect(await editorArea(page).boundingBox()).toEqual(area);
|
|
|
|
// Right of the window, which covers the editor's left part.
|
|
const content = editor.locator(".cm-content");
|
|
await content.click({ position: { x: (await content.boundingBox())!.width * 0.75, y: 40 } });
|
|
await expect(project(page)).toBeHidden();
|
|
expect(await editorArea(page).boundingBox()).toEqual(area);
|
|
|
|
await page.keyboard.press("Meta+1");
|
|
await expect(project(page)).toBeVisible();
|
|
await expect(page.getByRole("tree", { name: "Project" })).toBeFocused();
|
|
expect(await editorArea(page).boundingBox()).toEqual(area);
|
|
});
|
|
|
|
test("a menu opened from an undocked window leaves it open", async ({ workbench: page }) => {
|
|
await setViewMode(page, "Undock");
|
|
await project(page).getByRole("button", { name: "Options" }).click();
|
|
await expect(page.getByRole("menuitem", { name: "View Mode" })).toBeVisible();
|
|
await page.keyboard.press("Escape");
|
|
await expect(project(page)).toBeVisible();
|
|
await page.getByRole("treeitem", { name: /acme-api/ }).click({ button: "right" });
|
|
await page.keyboard.press("Escape");
|
|
await expect(project(page)).toBeVisible();
|
|
});
|
|
|
|
test("Dock Unpinned docks the window and hides it when another tool window takes focus", async ({
|
|
workbench: page,
|
|
}) => {
|
|
const docked = (await editorArea(page).boundingBox())!;
|
|
await setViewMode(page, "Dock Unpinned");
|
|
expect(await editorArea(page).boundingBox()).toEqual(docked);
|
|
|
|
await page.getByRole("tree", { name: "Project" }).focus();
|
|
await page.keyboard.press("Meta+6");
|
|
await expect(page.locator('[data-toolwindow="problems"]')).toBeVisible();
|
|
await expect(project(page)).toBeHidden();
|
|
|
|
// Back to Dock Pinned: the window stays when focus moves on.
|
|
await page.keyboard.press("Meta+1");
|
|
await setViewMode(page, "Dock Pinned");
|
|
await page.keyboard.press("Meta+6");
|
|
await expect(project(page)).toBeVisible();
|
|
});
|