Function expandViewsFolder

e2e/tasknotes.spec.ts:147–175

(page: Page)

test.describe('TaskNotes Views', () => {
  // Helper to expand TaskNotes and Views folders if needed
  async function expandViewsFolder(page: Page): Promise<void> {
    // First ensure the sidebar is expanded
    await ensureSidebarExpanded(page);

    // First expand TaskNotes folder if collapsed
    // The folder structure is: .nav-folder > .nav-folder-title (clickable) + .nav-folder-children
    // When collapsed, .nav-folder has class 'is-collapsed'
    const tasknotesFolder = page.locator('.nav-folder-title').filter({ hasText: /^TaskNotes$/ }).first();
    if (await tasknotesFolder.isVisible({ timeout: 5000 }).catch(() => false)) {
      // Check if the parent .nav-folder has is-collapsed
      const parentFolder = tasknotesFolder.locator('xpath=ancestor::div[contains(@class, "nav-folder")][1]');
      const isTasknotesCollapsed = await parentFolder.evaluate(el => el.classList.contains('is-collapsed')).catch(() => true);
      if (isTasknotesCollapsed) {
        await tasknotesFolder.click();
        await page.waitForTimeout(500);
      }
    }

    // Then expand Views folder if collapsed
    const viewsFolder = page.locator('.nav-folder-title').filter({ hasText: /^Views$/ });
    if (await viewsFolder.isVisible({ timeout: 5000 }).catch(() => false)) {
      const parentFolder = viewsFolder.locator('xpath=ancestor::div[contains(@class, "nav-folder")][1]');
      const isCollapsed = await parentFolder.evaluate(el => el.classList.contains('is-collapsed')).catch(() => true);
      if (isCollapsed) {
        await viewsFolder.click();
        await page.waitForTimeout(500);
      }
    }
  }

  test('should open kanban board via sidebar', async () => {
    const page = getPage();