AFFiNE/tests/affine-local/e2e/local-first-workspace-list.spec.ts

159 lines
4.5 KiB
TypeScript
Raw Normal View History

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 { waitForEditorLoad } from '@affine-test/kit/utils/page-logic';
import { clickSideBarAllPageButton } from '@affine-test/kit/utils/sidebar';
import {
2023-09-02 08:57:04 +03:00
createLocalWorkspace,
openWorkspaceListModal,
} from '@affine-test/kit/utils/workspace';
import { expect } from '@playwright/test';
2023-02-17 10:33:32 +03:00
2023-07-13 15:41:46 +03:00
test('just one item in the workspace list at first', async ({
page,
workspace,
}) => {
await openHomePage(page);
await waitForEditorLoad(page);
const workspaceName = page.getByTestId('workspace-name');
await workspaceName.click();
expect(
page
.locator('div')
.filter({ hasText: 'AFFiNE TestLocal WorkspaceAvailable Offline' })
.nth(3)
).not.toBeNull();
2023-07-13 15:41:46 +03:00
const currentWorkspace = await workspace.current();
2023-12-15 10:20:50 +03:00
expect(currentWorkspace.meta.flavour).toContain('local');
});
2023-07-13 15:41:46 +03:00
test('create one workspace in the workspace list', async ({
page,
workspace,
}) => {
await openHomePage(page);
await waitForEditorLoad(page);
const newWorkspaceNameStr = 'New Workspace';
2023-09-02 08:57:04 +03:00
await createLocalWorkspace({ name: newWorkspaceNameStr }, page);
// check new workspace name
const newWorkspaceName = page.getByTestId('workspace-name');
await newWorkspaceName.click();
//check workspace list length
const workspaceCards = await page.$$('data-testid=workspace-card');
expect(workspaceCards.length).toBe(2);
//check page list length
await page.keyboard.press('Escape');
await clickSideBarAllPageButton(page);
await page.waitForTimeout(2000);
const result = await getPagesCount(page);
2024-02-21 15:57:18 +03:00
expect(result).toBe(1);
await page.reload();
await page.waitForTimeout(4000);
const result1 = await getPagesCount(page);
2024-02-21 15:57:18 +03:00
expect(result1).toBe(1);
2023-07-13 15:41:46 +03:00
const currentWorkspace = await workspace.current();
2023-12-15 10:20:50 +03:00
expect(currentWorkspace.meta.flavour).toContain('local');
});
test.skip('create multi workspace in the workspace list', async ({
2023-07-13 15:41:46 +03:00
page,
workspace,
}) => {
await openHomePage(page);
await waitForEditorLoad(page);
2023-09-02 08:57:04 +03:00
await createLocalWorkspace({ name: 'New Workspace 2' }, page);
await createLocalWorkspace({ name: 'New Workspace 3' }, page);
2023-02-08 12:48:03 +03:00
// show workspace list
const workspaceName = page.getByTestId('workspace-name');
await workspaceName.click();
2023-08-30 02:21:18 +03:00
await page.waitForTimeout(1000);
{
// check workspace list length
const workspaceCards = page.getByTestId('workspace-card');
await expect(workspaceCards).toHaveCount(3);
}
await page.reload();
await openWorkspaceListModal(page);
await page.getByTestId('draggable-item').nth(1).click();
await page.waitForTimeout(500);
2023-07-13 15:41:46 +03:00
const currentWorkspace = await workspace.current();
2023-12-15 10:20:50 +03:00
expect(currentWorkspace.meta.flavour).toContain('local');
await openWorkspaceListModal(page);
await page.waitForTimeout(1000);
const sourceElement = page.getByTestId('draggable-item').nth(2);
const targetElement = page.getByTestId('draggable-item').nth(1);
const sourceBox = await sourceElement.boundingBox();
const targetBox = await targetElement.boundingBox();
if (!sourceBox || !targetBox) {
throw new Error('sourceBox or targetBox is null');
}
await page.mouse.move(
sourceBox.x + sourceBox.width / 2,
sourceBox.y + sourceBox.height / 2,
{
steps: 5,
}
);
await page.mouse.down();
await page.mouse.move(
targetBox.x + targetBox.width / 2,
targetBox.y + targetBox.height / 2,
{
steps: 5,
}
);
await page.mouse.up();
// check workspace list order
await page.waitForFunction(
() => {
const cards = document.querySelectorAll('[data-testid="workspace-card"]');
return (
cards[1].textContent?.includes('New Workspace 3') &&
cards[2].textContent?.includes('New Workspace 2')
);
},
[],
{ timeout: 5000 }
);
await page.reload();
await openWorkspaceListModal(page);
2023-07-07 17:15:27 +03:00
await page.waitForTimeout(1000);
// check workspace list length
{
const workspaceCards = page.getByTestId('workspace-card');
await expect(workspaceCards).toHaveCount(3);
}
const workspaceChangePromise = page.evaluate(() => {
new Promise(resolve => {
window.addEventListener('affine:workspace:change', resolve, {
once: true,
});
});
});
await page.getByTestId('draggable-item').nth(2).click();
await workspaceChangePromise;
2023-07-13 15:41:46 +03:00
const nextWorkspace = await workspace.current();
2023-12-15 10:20:50 +03:00
expect(currentWorkspace.meta.id).toBe(nextWorkspace.meta.id);
});