mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-15 05:37:32 +00:00
13d882d6d8
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Introduced a new Collection entity and store with reactive management and real-time updates. - Added reactive favorite and shared filters with expanded filtering options. - **Refactor** - Overhauled collection and filtering logic for better performance and maintainability. - Replaced legacy filtering UI and logic with a streamlined, service-driven rules system. - Updated collection components to use reactive data streams and simplified props. - Simplified collection creation by delegating ID generation and instantiation to the service layer. - Removed deprecated hooks and replaced state-based filtering with observable-driven filtering. - **Bug Fixes** - Improved accuracy and consistency of tag and favorite filtering in collections. - **Chores** - Removed deprecated and unused filter-related files, types, components, and styles to reduce complexity. - Cleaned up imports and removed unused code across multiple components. - **Documentation** - Corrected inline documentation for improved clarity. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
383 lines
13 KiB
TypeScript
383 lines
13 KiB
TypeScript
/* oxlint-disable unicorn/prefer-dom-node-dataset */
|
|
import { test } from '@affine-test/kit/playwright';
|
|
import { getPagesCount } from '@affine-test/kit/utils/filter';
|
|
import { openHomePage } from '@affine-test/kit/utils/load-page';
|
|
import {
|
|
clickNewPageButton,
|
|
clickPageMoreActions,
|
|
getAllPage,
|
|
getBlockSuiteEditorTitle,
|
|
waitForAllPagesLoad,
|
|
waitForEditorLoad,
|
|
} from '@affine-test/kit/utils/page-logic';
|
|
import { clickSideBarAllPageButton } from '@affine-test/kit/utils/sidebar';
|
|
import { expect } from '@playwright/test';
|
|
|
|
test('all page', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickSideBarAllPageButton(page);
|
|
});
|
|
|
|
test('all page can create new page', async ({ page }) => {
|
|
const { clickNewPageButton } = getAllPage(page);
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickSideBarAllPageButton(page);
|
|
await clickNewPageButton();
|
|
const title = getBlockSuiteEditorTitle(page);
|
|
await title.fill('this is a new page');
|
|
await clickSideBarAllPageButton(page);
|
|
const cell = page.getByRole('cell', { name: 'this is a new page' });
|
|
expect(cell).not.toBeUndefined();
|
|
});
|
|
|
|
test('all page can create new edgeless page', async ({ page }) => {
|
|
const { clickNewEdgelessDropdown } = getAllPage(page);
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickSideBarAllPageButton(page);
|
|
await clickNewEdgelessDropdown();
|
|
await expect(page.locator('affine-edgeless-root')).toBeVisible();
|
|
});
|
|
|
|
test('enable selection and use ESC to disable selection', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickSideBarAllPageButton(page);
|
|
await waitForAllPagesLoad(page);
|
|
|
|
// there should be no checkbox in the page list by default
|
|
expect(
|
|
await page
|
|
.locator('[data-testid="page-list-item"] [data-testid="affine-checkbox"]')
|
|
.count()
|
|
).toBe(0);
|
|
|
|
// by clicking [data-testid="page-list-header-selection-checkbox"], checkboxes should appear
|
|
await page
|
|
.locator('[data-testid="page-list-header-selection-checkbox"]')
|
|
.click();
|
|
|
|
// there should be checkboxes in the page list now
|
|
expect(
|
|
await page
|
|
.locator('[data-testid="page-list-item"] [data-testid="affine-checkbox"]')
|
|
.count()
|
|
).toBeGreaterThan(0);
|
|
|
|
// by ESC, checkboxes should NOT disappear (because it is too early)
|
|
await page.keyboard.press('Escape');
|
|
|
|
expect(
|
|
await page
|
|
.locator('[data-testid="page-list-item"] [data-testid="affine-checkbox"]')
|
|
.count()
|
|
).toBeGreaterThan(0);
|
|
|
|
// wait for 500ms
|
|
await page.waitForTimeout(500);
|
|
|
|
// esc again, checkboxes should disappear
|
|
await page.keyboard.press('Escape');
|
|
|
|
expect(
|
|
await page
|
|
.locator('[data-testid="page-list-item"] [data-testid="affine-checkbox"]')
|
|
.count()
|
|
).toBe(0);
|
|
});
|
|
|
|
test('select two pages and delete', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickNewPageButton(page);
|
|
await clickSideBarAllPageButton(page);
|
|
await waitForAllPagesLoad(page);
|
|
|
|
const pageCount = await getPagesCount(page);
|
|
|
|
// by clicking [data-testid="page-list-header-selection-checkbox"], checkboxes should appear
|
|
await page
|
|
.locator('[data-testid="page-list-header-selection-checkbox"]')
|
|
.click();
|
|
|
|
// select the first two pages
|
|
await page
|
|
.locator('[data-testid="page-list-item"] [data-testid="affine-checkbox"]')
|
|
.nth(0)
|
|
.click();
|
|
|
|
await page
|
|
.locator('[data-testid="page-list-item"] [data-testid="affine-checkbox"]')
|
|
.nth(1)
|
|
.click();
|
|
|
|
// the floating popover should appear
|
|
await expect(page.locator('[data-testid="floating-toolbar"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="floating-toolbar"]')).toHaveText(
|
|
'2 doc(s) selected'
|
|
);
|
|
|
|
// click delete button
|
|
await page.locator('[data-testid="list-toolbar-delete"]').click();
|
|
|
|
// the confirm dialog should appear
|
|
await expect(page.getByText('Delete 2 docs?')).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'Delete' }).click();
|
|
|
|
// check the page count again
|
|
await page.waitForTimeout(300);
|
|
|
|
expect(await getPagesCount(page)).toBe(pageCount - 2);
|
|
});
|
|
test('select two pages and permanently delete', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickNewPageButton(page);
|
|
await clickSideBarAllPageButton(page);
|
|
await waitForAllPagesLoad(page);
|
|
|
|
const pageCount = await getPagesCount(page);
|
|
|
|
await page.keyboard.down('Shift');
|
|
await page.locator('[data-testid="page-list-item"]').nth(0).click();
|
|
|
|
await page.locator('[data-testid="page-list-item"]').nth(1).click();
|
|
await page.keyboard.up('Shift');
|
|
|
|
// the floating popover should appear
|
|
await expect(page.locator('[data-testid="floating-toolbar"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="floating-toolbar"]')).toHaveText(
|
|
'2 doc(s) selected'
|
|
);
|
|
|
|
// click delete button
|
|
await page.locator('[data-testid="list-toolbar-delete"]').click();
|
|
|
|
// the confirm dialog should appear
|
|
await expect(page.getByText('Delete 2 docs?')).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'Delete' }).click();
|
|
|
|
// check the page count again
|
|
await page.waitForTimeout(300);
|
|
|
|
expect(await getPagesCount(page)).toBe(pageCount - 2);
|
|
|
|
await page.getByTestId('trash-page').click();
|
|
await page.waitForTimeout(300);
|
|
const trashPageCount = await getPagesCount(page);
|
|
|
|
expect(trashPageCount).toBe(2);
|
|
|
|
await page.keyboard.down('Shift');
|
|
await page.locator('[data-testid="page-list-item"]').nth(0).click();
|
|
|
|
await page.locator('[data-testid="page-list-item"]').nth(1).click();
|
|
await page.keyboard.up('Shift');
|
|
|
|
await expect(page.locator('[data-testid="floating-toolbar"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="floating-toolbar"]')).toHaveText(
|
|
'2 doc(s) selected'
|
|
);
|
|
|
|
await page.locator('[data-testid="list-toolbar-delete"]').click();
|
|
|
|
await page.getByRole('button', { name: 'Delete' }).click();
|
|
|
|
await page.waitForTimeout(300);
|
|
|
|
expect(await getPagesCount(page)).toBe(trashPageCount - 2);
|
|
});
|
|
|
|
test('select a group of items by clicking "Select All" in group header', async ({
|
|
page,
|
|
}) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickNewPageButton(page);
|
|
await clickSideBarAllPageButton(page);
|
|
await waitForAllPagesLoad(page);
|
|
|
|
// Select All will appear when hovering the header
|
|
await page.hover('[data-testid="page-list-group-header"]');
|
|
|
|
// click Select All
|
|
await page.getByRole('button', { name: 'Select All' }).click();
|
|
|
|
const selectedItemCount = await page
|
|
.locator('[data-testid="page-list-group-header"]')
|
|
.getAttribute('data-group-selected-items-count');
|
|
|
|
const selectedGroupItemTotalCount = await page
|
|
.locator('[data-testid="page-list-group-header"]')
|
|
.getAttribute('data-group-items-count');
|
|
expect(selectedItemCount).toBe(selectedGroupItemTotalCount);
|
|
|
|
// check the selected count is equal to the one displayed in the floating toolbar
|
|
await expect(page.locator('[data-testid="floating-toolbar"]')).toHaveText(
|
|
`${selectedItemCount} doc(s) selected`
|
|
);
|
|
});
|
|
|
|
test('click display button to group pages', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickNewPageButton(page);
|
|
await getBlockSuiteEditorTitle(page).click();
|
|
await getBlockSuiteEditorTitle(page).fill('this is a new page to favorite');
|
|
|
|
await clickPageMoreActions(page);
|
|
const favoriteBtn = page.getByTestId('editor-option-menu-favorite');
|
|
await favoriteBtn.click();
|
|
|
|
await clickSideBarAllPageButton(page);
|
|
await waitForAllPagesLoad(page);
|
|
// click the display button
|
|
await page.locator('[data-testid="page-display-menu-button"]').click();
|
|
|
|
// click grouping menu item and wait for submenu
|
|
|
|
await page.locator('[data-testid="page-display-grouping-menuItem"]').click();
|
|
|
|
// don't know why the `page.getByTestId('group-by-favourites').click()` will make the submenu disappear and failed
|
|
await page.getByTestId('group-by-favourites').evaluate((el: HTMLElement) => {
|
|
el.click();
|
|
});
|
|
|
|
// the group header should appear
|
|
await expect(
|
|
page.locator('[data-testid="group-label-favourited"]')
|
|
).toBeVisible();
|
|
|
|
await expect(
|
|
page.locator('[data-testid="group-label-notFavourited"]')
|
|
).toBeVisible();
|
|
});
|
|
|
|
test('select display properties to hide bodyNotes', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickNewPageButton(page);
|
|
await getBlockSuiteEditorTitle(page).click();
|
|
await getBlockSuiteEditorTitle(page).fill(
|
|
'this is a new page to test display properties'
|
|
);
|
|
await page.keyboard.press('Enter', { delay: 10 });
|
|
await page.keyboard.insertText('DRAGON BALL: Sparking! ZERO');
|
|
await clickSideBarAllPageButton(page);
|
|
await waitForAllPagesLoad(page);
|
|
const cell = page
|
|
.getByTestId('page-list-item')
|
|
.getByText('DRAGON BALL: Sparking! ZERO');
|
|
await expect(cell).toBeVisible();
|
|
await page.locator('[data-testid="page-display-menu-button"]').click();
|
|
await page.locator('[data-testid="property-bodyNotes"]').click();
|
|
await expect(cell).not.toBeVisible();
|
|
await page.locator('[data-testid="property-bodyNotes"]').click();
|
|
await expect(cell).toBeVisible();
|
|
});
|
|
|
|
test('select three pages with shiftKey and delete', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickNewPageButton(page);
|
|
await clickNewPageButton(page);
|
|
await clickNewPageButton(page);
|
|
await clickSideBarAllPageButton(page);
|
|
await waitForAllPagesLoad(page);
|
|
|
|
const pageCount = await getPagesCount(page);
|
|
await page.keyboard.down('Shift');
|
|
await page.locator('[data-testid="page-list-item"]').nth(0).click();
|
|
|
|
await page.locator('[data-testid="page-list-item"]').nth(2).click();
|
|
await page.keyboard.up('Shift');
|
|
|
|
// the floating popover should appear
|
|
await expect(page.locator('[data-testid="floating-toolbar"]')).toBeVisible();
|
|
await expect(page.locator('[data-testid="floating-toolbar"]')).toHaveText(
|
|
'3 doc(s) selected'
|
|
);
|
|
|
|
// click delete button
|
|
await page.locator('[data-testid="list-toolbar-delete"]').click();
|
|
|
|
// the confirm dialog should appear
|
|
await expect(page.getByText('Delete 3 docs?')).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'Delete' }).click();
|
|
|
|
// check the page count again
|
|
await page.waitForTimeout(300);
|
|
|
|
expect(await getPagesCount(page)).toBe(pageCount - 3);
|
|
});
|
|
|
|
test('create a collection and delete it', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickNewPageButton(page);
|
|
await clickSideBarAllPageButton(page);
|
|
await waitForAllPagesLoad(page);
|
|
await page.getByTestId('workspace-collections-button').click();
|
|
|
|
// create a collection
|
|
await page.getByTestId('all-collection-new-button').click();
|
|
await expect(page.getByTestId('prompt-modal-input')).toBeVisible();
|
|
await page.getByTestId('prompt-modal-input').fill('test collection');
|
|
await page.getByTestId('prompt-modal-confirm').click();
|
|
|
|
// check the collection is created
|
|
await clickSideBarAllPageButton(page);
|
|
await waitForAllPagesLoad(page);
|
|
await page.getByTestId('workspace-collections-button').click();
|
|
const cell = page
|
|
.getByTestId('collection-list-item')
|
|
.getByText('test collection');
|
|
await expect(cell).toBeVisible();
|
|
|
|
// delete the collection
|
|
await page.getByTestId('collection-item-operation-button').click();
|
|
await page.getByTestId('delete-collection').click();
|
|
await page.waitForURL(url => url.pathname.endsWith('collection'));
|
|
|
|
const newCell = page
|
|
.getByTestId('collection-list-item')
|
|
.getByText('test collection');
|
|
await expect(newCell).not.toBeVisible();
|
|
});
|
|
|
|
test('create a tag and delete it', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await clickNewPageButton(page);
|
|
await clickSideBarAllPageButton(page);
|
|
await waitForAllPagesLoad(page);
|
|
await page.getByTestId('workspace-tags-button').click();
|
|
|
|
// create a tag
|
|
await page.getByTestId('all-tags-new-button').click();
|
|
await expect(page.getByTestId('edit-tag-modal')).toBeVisible();
|
|
await page.getByTestId('edit-tag-input').fill('test-tag');
|
|
await page.getByTestId('save-tag').click();
|
|
|
|
// check the tag is created
|
|
await clickSideBarAllPageButton(page);
|
|
await waitForAllPagesLoad(page);
|
|
await page.getByTestId('workspace-tags-button').click();
|
|
const cell = page.getByTestId('tag-list-item').getByText('test-tag');
|
|
await expect(cell).toBeVisible();
|
|
|
|
// delete the tag
|
|
await page.getByTestId('tag-item-operation-button').click();
|
|
await page.getByTestId('delete-tag').click();
|
|
await page.getByTestId('confirm-modal-confirm').getByText('Delete').click();
|
|
await page.waitForURL(url => url.pathname.endsWith('tag'));
|
|
|
|
const newCell = page.getByTestId('tag-list-item').getByText('test-tag');
|
|
await expect(newCell).not.toBeVisible();
|
|
});
|