2023-06-30 08:40:00 +03:00
|
|
|
import { test } from '@affine-test/kit/playwright';
|
2023-07-13 12:05:01 +03:00
|
|
|
import { openHomePage } from '@affine-test/kit/utils/load-page';
|
2023-06-30 08:40:00 +03:00
|
|
|
import {
|
2023-09-02 08:57:04 +03:00
|
|
|
clickNewPageButton,
|
2023-06-30 08:40:00 +03:00
|
|
|
getBlockSuiteEditorTitle,
|
2023-09-02 06:31:07 +03:00
|
|
|
waitForEditorLoad,
|
2023-07-13 12:05:01 +03:00
|
|
|
} from '@affine-test/kit/utils/page-logic';
|
2023-11-17 10:50:01 +03:00
|
|
|
import {
|
|
|
|
clickSideBarAllPageButton,
|
|
|
|
clickSideBarCurrentWorkspaceBanner,
|
|
|
|
} from '@affine-test/kit/utils/sidebar';
|
2023-09-15 12:19:22 +03:00
|
|
|
import { createLocalWorkspace } from '@affine-test/kit/utils/workspace';
|
2023-07-13 12:05:01 +03:00
|
|
|
import type { Page } from '@playwright/test';
|
|
|
|
import { expect } from '@playwright/test';
|
2023-06-30 08:40:00 +03:00
|
|
|
|
2023-12-28 16:59:21 +03:00
|
|
|
const removeOnboardingPages = async (page: Page) => {
|
|
|
|
await page.getByTestId('all-pages').click();
|
|
|
|
await page.getByTestId('page-list-header-selection-checkbox').click();
|
|
|
|
// click again to select all
|
|
|
|
await page.getByTestId('page-list-header-selection-checkbox').click();
|
2024-01-26 10:42:47 +03:00
|
|
|
await page.getByTestId('list-toolbar-delete').click();
|
2023-12-28 16:59:21 +03:00
|
|
|
// confirm delete
|
|
|
|
await page.getByTestId('confirm-delete-page').click();
|
|
|
|
};
|
|
|
|
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
|
|
await openHomePage(page);
|
|
|
|
await waitForEditorLoad(page);
|
|
|
|
});
|
|
|
|
|
2023-06-30 08:40:00 +03:00
|
|
|
const createAndPinCollection = async (
|
|
|
|
page: Page,
|
|
|
|
options?: {
|
|
|
|
collectionName?: string;
|
|
|
|
}
|
|
|
|
) => {
|
2023-09-02 08:57:04 +03:00
|
|
|
await clickNewPageButton(page);
|
2023-06-30 08:40:00 +03:00
|
|
|
await getBlockSuiteEditorTitle(page).click();
|
|
|
|
await getBlockSuiteEditorTitle(page).fill('test page');
|
2023-12-28 16:59:21 +03:00
|
|
|
|
2024-08-07 09:43:10 +03:00
|
|
|
// fixme: remove this timeout. looks like an issue with useBindWorkbenchToBrowserRouter?
|
|
|
|
await page.waitForTimeout(500);
|
|
|
|
|
2023-06-30 08:40:00 +03:00
|
|
|
await page.getByTestId('all-pages').click();
|
2023-12-28 16:59:21 +03:00
|
|
|
|
2023-10-27 12:06:59 +03:00
|
|
|
const cell = page.getByTestId('page-list-item-title').getByText('test page');
|
2023-06-30 08:40:00 +03:00
|
|
|
await expect(cell).toBeVisible();
|
2023-09-28 05:53:04 +03:00
|
|
|
await page.getByTestId('create-first-filter').click({
|
|
|
|
delay: 200,
|
|
|
|
});
|
2023-10-27 12:06:59 +03:00
|
|
|
await page
|
|
|
|
.getByTestId('variable-select')
|
|
|
|
.getByTestId(`filler-tag-Created`)
|
|
|
|
.click({
|
|
|
|
delay: 200,
|
|
|
|
});
|
2023-09-28 05:53:04 +03:00
|
|
|
await page.getByTestId('save-as-collection').click({
|
|
|
|
delay: 200,
|
|
|
|
});
|
2023-06-30 08:40:00 +03:00
|
|
|
const title = page.getByTestId('input-collection-title');
|
2023-12-13 10:51:59 +03:00
|
|
|
await expect(title).toBeVisible();
|
2023-06-30 08:40:00 +03:00
|
|
|
await title.fill(options?.collectionName ?? 'test collection');
|
|
|
|
await page.getByTestId('save-collection').click();
|
2023-07-05 05:50:43 +03:00
|
|
|
await page.waitForTimeout(100);
|
2023-06-30 08:40:00 +03:00
|
|
|
};
|
2023-07-24 12:02:35 +03:00
|
|
|
|
2023-08-11 09:59:06 +03:00
|
|
|
test('Show collections items in sidebar', async ({ page }) => {
|
2023-12-28 16:59:21 +03:00
|
|
|
await removeOnboardingPages(page);
|
2023-06-30 08:40:00 +03:00
|
|
|
await createAndPinCollection(page);
|
2024-07-26 07:35:31 +03:00
|
|
|
const collections = page.getByTestId('explorer-collections');
|
2024-07-29 12:57:33 +03:00
|
|
|
await collections.getByTestId('category-divider-collapse-button').click();
|
2024-07-26 07:35:31 +03:00
|
|
|
const items = collections.locator('[data-testid^="explorer-collection-"]');
|
2024-08-07 09:43:10 +03:00
|
|
|
await expect(items).toHaveCount(1);
|
2023-06-30 08:40:00 +03:00
|
|
|
const first = items.first();
|
|
|
|
expect(await first.textContent()).toBe('test collection');
|
2024-07-26 07:35:31 +03:00
|
|
|
await first.getByTestId('explorer-collapsed-button').click();
|
|
|
|
const collectionPage = first.locator('[data-testid^="explorer-doc-"]').nth(0);
|
2023-06-30 08:40:00 +03:00
|
|
|
expect(await collectionPage.textContent()).toBe('test page');
|
2023-08-17 21:36:17 +03:00
|
|
|
await collectionPage.hover();
|
2023-12-12 19:04:57 +03:00
|
|
|
await collectionPage
|
2024-07-26 07:35:31 +03:00
|
|
|
.getByTestId('explorer-tree-node-operation-button')
|
2023-12-12 19:04:57 +03:00
|
|
|
.click();
|
2024-07-09 10:05:20 +03:00
|
|
|
const deletePage = page.getByText('Move to Trash');
|
2023-06-30 08:40:00 +03:00
|
|
|
await deletePage.click();
|
2024-07-26 07:35:31 +03:00
|
|
|
await page.getByTestId('confirm-modal-confirm').click();
|
|
|
|
expect(await first.locator('[data-testid^="explorer-doc-"]').count()).toBe(0);
|
2024-08-01 12:41:12 +03:00
|
|
|
// position is a workaround for the hover issue when empty collection status's height > 26px (will cause scroll)
|
|
|
|
await first.hover({ position: { x: 10, y: 10 } });
|
2024-07-26 07:35:31 +03:00
|
|
|
await first.getByTestId('explorer-tree-node-operation-button').click();
|
2023-12-12 19:04:57 +03:00
|
|
|
const deleteCollection = page.getByText('Delete');
|
2023-06-30 08:40:00 +03:00
|
|
|
await deleteCollection.click();
|
2023-07-08 09:30:17 +03:00
|
|
|
await page.waitForTimeout(50);
|
2024-08-07 09:43:10 +03:00
|
|
|
await expect(items).toHaveCount(0);
|
2023-12-28 16:59:21 +03:00
|
|
|
await createAndPinCollection(page);
|
2023-09-15 12:19:22 +03:00
|
|
|
expect(await items.count()).toBe(1);
|
2023-11-17 10:50:01 +03:00
|
|
|
await clickSideBarAllPageButton(page);
|
2023-09-15 12:19:22 +03:00
|
|
|
await createLocalWorkspace(
|
|
|
|
{
|
|
|
|
name: 'Test 1',
|
|
|
|
},
|
|
|
|
page
|
|
|
|
);
|
|
|
|
await waitForEditorLoad(page);
|
|
|
|
expect(await items.count()).toBe(0);
|
|
|
|
await clickSideBarCurrentWorkspaceBanner(page);
|
|
|
|
await page.getByTestId('workspace-card').nth(0).click();
|
2023-06-30 08:40:00 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
test('edit collection', async ({ page }) => {
|
2023-12-28 16:59:21 +03:00
|
|
|
await removeOnboardingPages(page);
|
2023-06-30 08:40:00 +03:00
|
|
|
await createAndPinCollection(page);
|
2024-07-26 07:35:31 +03:00
|
|
|
const collections = page.getByTestId('explorer-collections');
|
2024-07-29 12:57:33 +03:00
|
|
|
await collections.getByTestId('category-divider-collapse-button').click();
|
2024-07-26 07:35:31 +03:00
|
|
|
const items = collections.locator('[data-testid^="explorer-collection-"]');
|
2023-06-30 08:40:00 +03:00
|
|
|
expect(await items.count()).toBe(1);
|
|
|
|
const first = items.first();
|
2023-08-17 21:36:17 +03:00
|
|
|
await first.hover();
|
2024-07-26 07:35:31 +03:00
|
|
|
await first.getByTestId('explorer-tree-node-operation-button').click();
|
2023-12-12 19:04:57 +03:00
|
|
|
const editCollection = page.getByText('Rename');
|
2023-06-30 08:40:00 +03:00
|
|
|
await editCollection.click();
|
2023-12-12 19:04:57 +03:00
|
|
|
await page.getByTestId('rename-modal-input').fill('123');
|
|
|
|
await page.keyboard.press('Enter');
|
2023-07-06 09:17:19 +03:00
|
|
|
await page.waitForTimeout(100);
|
|
|
|
expect(await first.textContent()).toBe('123');
|
|
|
|
});
|
2023-07-13 15:41:46 +03:00
|
|
|
|
2023-07-06 09:17:19 +03:00
|
|
|
test('edit collection and change filter date', async ({ page }) => {
|
2023-12-28 16:59:21 +03:00
|
|
|
await removeOnboardingPages(page);
|
2023-07-06 09:17:19 +03:00
|
|
|
await createAndPinCollection(page);
|
2024-07-26 07:35:31 +03:00
|
|
|
const collections = page.getByTestId('explorer-collections');
|
2024-07-29 12:57:33 +03:00
|
|
|
await collections.getByTestId('category-divider-collapse-button').click();
|
2024-07-26 07:35:31 +03:00
|
|
|
const items = collections.locator('[data-testid^="explorer-collection-"]');
|
2023-07-06 09:17:19 +03:00
|
|
|
expect(await items.count()).toBe(1);
|
|
|
|
const first = items.first();
|
2023-08-17 21:36:17 +03:00
|
|
|
await first.hover();
|
2024-07-26 07:35:31 +03:00
|
|
|
await first.getByTestId('explorer-tree-node-operation-button').click();
|
|
|
|
const editCollection = page.getByText('Rename');
|
2023-07-06 09:17:19 +03:00
|
|
|
await editCollection.click();
|
2023-12-12 19:04:57 +03:00
|
|
|
await page.getByTestId('rename-modal-input').fill('123');
|
|
|
|
await page.keyboard.press('Enter');
|
2023-07-05 05:50:43 +03:00
|
|
|
await page.waitForTimeout(100);
|
2023-06-30 08:40:00 +03:00
|
|
|
expect(await first.textContent()).toBe('123');
|
|
|
|
});
|
2023-07-04 10:32:11 +03:00
|
|
|
|
2023-07-26 07:32:55 +03:00
|
|
|
test('add collection from sidebar', async ({ page }) => {
|
2023-12-28 16:59:21 +03:00
|
|
|
await removeOnboardingPages(page);
|
2023-09-02 08:57:04 +03:00
|
|
|
await clickNewPageButton(page);
|
2023-07-26 07:32:55 +03:00
|
|
|
await getBlockSuiteEditorTitle(page).click();
|
|
|
|
await getBlockSuiteEditorTitle(page).fill('test page');
|
|
|
|
await page.getByTestId('all-pages').click();
|
2023-10-27 12:06:59 +03:00
|
|
|
const cell = page.getByTestId('page-list-item-title').getByText('test page');
|
2023-07-26 07:32:55 +03:00
|
|
|
await expect(cell).toBeVisible();
|
2024-07-29 12:57:33 +03:00
|
|
|
await page
|
|
|
|
.getByTestId('explorer-collections')
|
|
|
|
.getByTestId('category-divider-collapse-button')
|
|
|
|
.click();
|
2023-07-26 07:32:55 +03:00
|
|
|
const nullCollection = page.getByTestId(
|
2024-07-26 07:35:31 +03:00
|
|
|
'slider-bar-collection-empty-message'
|
2023-07-26 07:32:55 +03:00
|
|
|
);
|
|
|
|
await expect(nullCollection).toBeVisible();
|
2024-07-26 07:35:31 +03:00
|
|
|
await page.getByTestId('explorer-bar-add-collection-button').click();
|
2023-07-26 07:32:55 +03:00
|
|
|
const title = page.getByTestId('input-collection-title');
|
2023-12-13 10:51:59 +03:00
|
|
|
await expect(title).toBeVisible();
|
2023-07-26 07:32:55 +03:00
|
|
|
await title.fill('test collection');
|
|
|
|
await page.getByTestId('save-collection').click();
|
|
|
|
await page.waitForTimeout(100);
|
2024-07-26 07:35:31 +03:00
|
|
|
const collections = page.getByTestId('explorer-collections');
|
|
|
|
const items = collections.locator('[data-testid^="explorer-collection-"]');
|
2023-07-26 07:32:55 +03:00
|
|
|
expect(await items.count()).toBe(1);
|
|
|
|
await expect(nullCollection).not.toBeVisible();
|
|
|
|
});
|