New specs: search, files, comms, tasks, theme, groups, keyboard, notifications, diagnostics, splash. All under 300 lines, CSS class selectors matching actual components, display toggle aware.
65 lines
1.9 KiB
TypeScript
65 lines
1.9 KiB
TypeScript
/**
|
|
* Keyboard / command palette tests — open, commands, filtering, close.
|
|
*/
|
|
|
|
describe("Command palette", () => {
|
|
it("should open via Ctrl+K", async () => {
|
|
await browser.keys(["Control", "k"]);
|
|
await browser.pause(400);
|
|
|
|
const backdrop = await $(".palette-backdrop");
|
|
if (await backdrop.isExisting()) {
|
|
const display = await backdrop.getCSSProperty("display");
|
|
expect(display.value).not.toBe("none");
|
|
}
|
|
});
|
|
|
|
it("should show the palette panel with input", async () => {
|
|
const panel = await $(".palette-panel");
|
|
if (await panel.isExisting()) {
|
|
expect(await panel.isDisplayed()).toBe(true);
|
|
}
|
|
|
|
const input = await $(".palette-input");
|
|
if (await input.isExisting()) {
|
|
expect(await input.isDisplayed()).toBe(true);
|
|
}
|
|
});
|
|
|
|
it("should list 18 commands", async () => {
|
|
const items = await $$(".palette-item");
|
|
expect(items.length).toBe(18);
|
|
});
|
|
|
|
it("should show command labels and shortcuts", async () => {
|
|
const labels = await $$(".cmd-label");
|
|
expect(labels.length).toBeGreaterThan(0);
|
|
|
|
const shortcuts = await $$(".cmd-shortcut");
|
|
expect(shortcuts.length).toBeGreaterThan(0);
|
|
});
|
|
|
|
it("should filter commands on text input", async () => {
|
|
const input = await $(".palette-input");
|
|
if (!(await input.isExisting())) return;
|
|
|
|
await input.setValue("terminal");
|
|
await browser.pause(200);
|
|
|
|
const items = await $$(".palette-item");
|
|
// Should have fewer than 18 after filtering
|
|
expect(items.length).toBeLessThan(18);
|
|
expect(items.length).toBeGreaterThan(0);
|
|
});
|
|
|
|
it("should close on Escape key", async () => {
|
|
await browser.keys("Escape");
|
|
await browser.pause(300);
|
|
|
|
const backdrop = await $(".palette-backdrop");
|
|
if (await backdrop.isExisting()) {
|
|
const display = await backdrop.getCSSProperty("display");
|
|
expect(display.value).toBe("none");
|
|
}
|
|
});
|
|
});
|