Function ensureSidebarExpanded

e2e/tasknotes.spec.ts:29–85

(page: Page)

// Helper to ensure sidebar is expanded
async function ensureSidebarExpanded(page: Page): Promise<void> {
  // Check if file-explorer is already visible
  const fileExplorer = page.locator('.nav-files-container');
  if (await fileExplorer.isVisible({ timeout: 1000 }).catch(() => false)) {
    return; // Sidebar is already expanded
  }

  // Method 1: Look for the "Expand" button which appears when sidebar is collapsed
  const expandButtonSelectors = [
    'button:has-text("Expand")',
    '.sidebar-toggle-button',
    '[aria-label="Expand"]',
    '.mod-left-split .sidebar-toggle-button',
  ];

  for (const selector of expandButtonSelectors) {
    const expandButton = page.locator(selector).first();
    if (await expandButton.isVisible({ timeout: 500 }).catch(() => false)) {
      await expandButton.click();
      await page.waitForTimeout(500);
      if (await fileExplorer.isVisible({ timeout: 500 }).catch(() => false)) {
        return;
      }
    }
  }

  // Method 2: Use Obsidian command to toggle left sidebar
  await page.keyboard.press('Control+p');
  await page.waitForSelector('.prompt', { timeout: 3000 }).catch(() => null);
  const promptInput = page.locator('.prompt-input');
  if (await promptInput.isVisible({ timeout: 1000 }).catch(() => false)) {
    await promptInput.fill('Toggle left sidebar');
    await page.waitForTimeout(300);
    const suggestion = page.locator('.suggestion-item').first();
    if (await suggestion.isVisible({ timeout: 1000 }).catch(() => false)) {
      await page.keyboard.press('Enter');
      await page.waitForTimeout(500);
    } else {
      await page.keyboard.press('Escape');
    }
  }

  // Method 3: Try clicking ribbon icons if sidebar still not visible
  if (!await fileExplorer.isVisible({ timeout: 500 }).catch(() => false)) {
    const ribbonIcons = page.locator('.side-dock-ribbon-action');
    const count = await ribbonIcons.count();
    for (let i = 0; i < Math.min(count, 5); i++) {
      const icon = ribbonIcons.nth(i);
      const ariaLabel = await icon.getAttribute('aria-label').catch(() => '');
      if (ariaLabel && (ariaLabel.toLowerCase().includes('file') || ariaLabel.toLowerCase().includes('explorer'))) {
        await icon.click();
        await page.waitForTimeout(500);
        break;
      }
    }
  }
}