Oxicloud/tests/e2e/spa/favorites.spec.ts

import { test, expect } from './coverage-helpers';
import { apiLogin, apiCreateFolder } from '../scenarios/helpers';

/**
 * Favorites route — favorite a folder from the files context menu, see it in
 * /favorites, then unfavorite it via the row star. Covers the favorites page +
 * favorites endpoint.
 */
test.beforeEach(async ({ page }) => {
  await apiLogin(page);
});

function uniq(p: string): string {
  return `${p}-${Date.now()}-${Math.floor(Math.random() * 1e6)}`;
}

test('favorite, view, and unfavorite a folder', async ({ page }) => {
  const name = uniq('Fav');
  await apiCreateFolder(page, name);

  await page.goto('/files');
  await expect(page.getByTestId(name)).toBeVisible({ timeout: 15_000 });
  await page.getByTestId(name).click({ button: 'right' });
  await page.getByTestId('files-ctx-favorite-item').click();
  await expect(page.getByTestId('files-context-menu')).toHaveCount(0);

  await page.goto('/favorites');
  const row = page.getByTestId(name);
  await expect(row).toBeVisible({ timeout: 15_000 });

  // The favorite star is hover-revealed; dispatch the click to toggle it off.
  await row.locator('[data-testid^="resource-list-favorite-"]').dispatchEvent('click');
  await expect(page.getByTestId(name)).toHaveCount(0, { timeout: 15_000 });
});

test('favorites batch select-all then move dialog', async ({ page }) => {
  const f1 = uniq('FavB1');
  const f2 = uniq('FavB2');
  await apiCreateFolder(page, f1);
  await apiCreateFolder(page, f2);

  // Favorite both via the files context menu.
  await page.goto('/files');
  for (const n of [f1, f2]) {
    await expect(page.getByTestId(n)).toBeVisible({ timeout: 15_000 });
    await page.getByTestId(n).click({ button: 'right' });
    await page.getByTestId('files-ctx-favorite-item').click();
    await expect(page.getByTestId('files-context-menu')).toHaveCount(0);
  }

  await page.goto('/favorites');
  await expect(page.getByTestId(f1)).toBeVisible({ timeout: 15_000 });
  // The select-all checkbox lives in the list-view header.
  await page.getByTestId('display-mode-view-list-btn').click();
  await page.getByTestId('resource-list-select-all-checkbox').check();
  await expect(page.getByTestId('resource-list-batch-close-btn')).toBeVisible();

  // Batch-move opens the move dialog; cancel it.
  await page.getByTestId('favorites-batch-move-btn').click();
  await expect(page.getByTestId('move-dialog')).toBeVisible({ timeout: 15_000 });
  await page.getByTestId('move-dialog-cancel-btn').click();
});