ed99b08e62
add also playwright test with the multi tab
78 lines
3.3 KiB
TypeScript
78 lines
3.3 KiB
TypeScript
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' });
|
|
// The context-menu `favorite` click is fire-and-forget in the SPA
|
|
// (closeContext() runs before the POST) — the test's next
|
|
// navigation can race the write. Wait for the actual POST to
|
|
// land before going to /favorites so the list-fetch there sees
|
|
// the new row committed. The batch test doesn't need this because
|
|
// it queues 2 POSTs sequentially, which naturally gives the first
|
|
// one time to commit.
|
|
const favorited = page.waitForResponse(
|
|
(r) => r.url().includes('/api/favorites') && r.request().method() === 'POST' && r.ok()
|
|
);
|
|
await page.getByTestId('files-ctx-favorite-item').click();
|
|
await expect(page.getByTestId('files-context-menu')).toHaveCount(0);
|
|
await favorited;
|
|
|
|
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-remove-from-favorite un-stars every selected row without
|
|
// touching the underlying file — the /favorites batch bar was
|
|
// trimmed to Download + Remove-from-favorite (destructive-to-content
|
|
// actions moved into the row context menu). Verify the two folders
|
|
// vanish from the list after the click.
|
|
await page.getByTestId('favorites-batch-remove-btn').click();
|
|
await expect(page.getByTestId(f1)).toHaveCount(0, { timeout: 15_000 });
|
|
await expect(page.getByTestId(f2)).toHaveCount(0);
|
|
});
|