super-productivity/e2e/tests/keyboard/keyboard-shortcuts.spec.ts

import { expect, test } from '../../fixtures/test.fixture';

/**
 * Keyboard Shortcuts E2E Tests
 *
 * Tests keyboard navigation and shortcuts:
 * - Add task via keyboard
 * - Navigate via keyboard
 * - Mark task done via keyboard
 */

test.describe('Keyboard Shortcuts', () => {
  test('should focus add task input with keyboard shortcut', async ({
    page,
    workViewPage,
  }) => {
    await workViewPage.waitForTaskList();

    // Press 'a' to focus add task input (common shortcut)
    await page.keyboard.press('a');
    await page.waitForTimeout(500);

    // Check if any input became focused (the exact element may vary)
    // The shortcut may or may not work depending on app config
    await expect(page.locator('task-list').first()).toBeVisible();

    // Press Escape to ensure clean state
    await page.keyboard.press('Escape');
  });

  test('should navigate between tasks with keyboard', async ({
    page,
    workViewPage,
    testPrefix,
  }) => {
    await workViewPage.waitForTaskList();

    // Create multiple tasks
    await workViewPage.addTask(`${testPrefix}-Task One`);
    await workViewPage.addTask(`${testPrefix}-Task Two`);

    // Verify tasks are visible
    await expect(
      page.locator('task').filter({ hasText: `${testPrefix}-Task One` }),
    ).toBeVisible();
    await expect(
      page.locator('task').filter({ hasText: `${testPrefix}-Task Two` }),
    ).toBeVisible();

    // Press Escape to ensure we're not in edit mode
    await page.keyboard.press('Escape');
    await page.waitForTimeout(300);

    // Try arrow key navigation (j/k or arrow keys)
    await page.keyboard.press('j');
    await page.waitForTimeout(200);
    await page.keyboard.press('k');
    await page.waitForTimeout(200);

    // App should still be responsive
    await expect(page.locator('task-list').first()).toBeVisible();
  });

  test('should mark task done with keyboard shortcut', async ({
    page,
    workViewPage,
    taskPage,
    testPrefix,
  }) => {
    await workViewPage.waitForTaskList();

    // Create a task
    const taskName = `${testPrefix}-Keyboard Done Task`;
    await workViewPage.addTask(taskName);

    const task = taskPage.getTaskByText(taskName);
    await expect(task).toBeVisible({ timeout: 10000 });

    // Click on task to select it
    await task.click();
    await page.waitForTimeout(300);

    // Press 'd' to mark as done (common shortcut)
    await page.keyboard.press('d');
    await page.waitForTimeout(500);

    // The shortcut may or may not work depending on config
    // Just verify app is responsive
    await expect(page.locator('task-list').first()).toBeVisible();
  });

  test('should open task detail with keyboard', async ({
    page,
    workViewPage,
    taskPage,
    testPrefix,
  }) => {
    await workViewPage.waitForTaskList();

    // Create a task
    const taskName = `${testPrefix}-Detail Task`;
    await workViewPage.addTask(taskName);

    const task = taskPage.getTaskByText(taskName);
    await expect(task).toBeVisible({ timeout: 10000 });

    // Click on task to select it
    await task.click();
    await page.waitForTimeout(300);

    // Press Enter or space to open detail (common pattern)
    await page.keyboard.press('Enter');
    await page.waitForTimeout(500);

    // Press Escape to close any opened panel/mode
    await page.keyboard.press('Escape');
  });

  test('should escape from edit mode', async ({ page, workViewPage, testPrefix }) => {
    await workViewPage.waitForTaskList();

    // Create a task
    const taskName = `${testPrefix}-Escape Test`;
    await workViewPage.addTask(taskName);

    // Press Escape to ensure we're not in any edit mode
    await page.keyboard.press('Escape');
    await page.waitForTimeout(300);

    // Verify app is responsive after escape
    await expect(page.locator('task-list').first()).toBeVisible();
  });

  test('should use tab to navigate between tasks', async ({
    page,
    workViewPage,
    testPrefix,
  }) => {
    await workViewPage.waitForTaskList();

    // Create multiple tasks
    await workViewPage.addTask(`${testPrefix}-Tab1`);
    await workViewPage.addTask(`${testPrefix}-Tab2`);

    // Press Escape to ensure no input is focused
    await page.keyboard.press('Escape');
    await page.waitForTimeout(300);

    // Press Tab to navigate between elements
    await page.keyboard.press('Tab');
    await page.waitForTimeout(200);

    // Verify app is responsive
    await expect(page.locator('task-list').first()).toBeVisible();
  });
});