Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 12:28:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(storybook): fix test (#5325)

Browse Source 
<img width="440" alt="image" src="https://github.com/toeverything/AFFiNE/assets/102217452/329f9c12-cc0b-4aae-9352-3811ab0a27a6">
This commit is contained in:
JimmFly
2023-12-18 13:36:56 +00:00
parent a1c9ac80d8
commit cef9e0539d
9 changed files with 41 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
tests/affine-desktop/e2e/basic.spec.ts
View File

@@ -14,7 +14,7 @@ const historyShortcut = async (page: Page, command: 'goBack' | 'goForward') => {
};
test('new page', async ({ page, workspace }) => {
await page.getByTestId('new-page-button').click({
await page.getByTestId('sidebar-new-page-button').click({
delay: 100,
});
await page.waitForSelector('v-line');
@@ -32,7 +32,7 @@ test('app sidebar router forward/back', async ({ page }) => {
{
// create pages
await page.waitForTimeout(500);
await page.getByTestId('new-page-button').click({
await page.getByTestId('sidebar-new-page-button').click({
delay: 100,
});
await page.waitForSelector('v-line');
@@ -42,7 +42,7 @@ test('app sidebar router forward/back', async ({ page }) => {
delay: 100,
});
await page.waitForTimeout(500);
await page.getByTestId('new-page-button').click({
await page.getByTestId('sidebar-new-page-button').click({
delay: 100,
});
await page.waitForSelector('v-line');
@@ -52,7 +52,7 @@ test('app sidebar router forward/back', async ({ page }) => {
delay: 100,
});
await page.waitForTimeout(500);
await page.getByTestId('new-page-button').click({
await page.getByTestId('sidebar-new-page-button').click({
delay: 100,
});
await page.waitForSelector('v-line');

7
tests/affine-local/e2e/all-page.spec.ts
View File

@@ -26,12 +26,13 @@ import type { Page } from '@playwright/test';
import { expect } from '@playwright/test';
function getAllPage(page: Page) {
const newPageButton = page.getByTestId('new-page-button');
const newPageButton = page.getByTestId('new-page-button-trigger');
const newPageDropdown = newPageButton.locator('svg');
const edgelessBlockCard = page.getByTestId('switch-edgeless-mode-button');
const edgelessBlockCard = page.getByTestId('new-edgeless-button-in-all-page');
async function clickNewPageButton() {
return newPageButton.click();
const newPageButton = page.getByTestId('new-page-button-trigger');
return await newPageButton.click();
}
async function clickNewEdgelessDropdown() {

2
tests/kit/utils/page-logic.ts
View File

@@ -16,7 +16,7 @@ export async function waitForAllPagesLoad(page: Page) {
export async function clickNewPageButton(page: Page) {
// fixme(himself65): if too fast, the page will crash
await page.getByTestId('new-page-button').first().click({
await page.getByTestId('sidebar-new-page-button').click({
delay: 100,
});
await waitForEditorLoad(page);

2
tests/kit/utils/sidebar.ts
View File

@@ -13,5 +13,5 @@ export async function clickSideBarCurrentWorkspaceBanner(page: Page) {
}
export async function clickNewPageButton(page: Page) {
return page.getByTestId('new-page-button').click();
return page.getByTestId('sidebar-new-page-button').click();
}

1
tests/storybook/.storybook/preview.tsx
View File

@@ -116,6 +116,7 @@ bootstrapPluginSystem(store).catch(err => {
workspaceManager
.createWorkspace(WorkspaceFlavour.LOCAL, async w => {
w.meta.setName('test-workspace');
w.meta.writeVersion(w);
})
.then(id => {
store.set(

40
tests/storybook/src/stories/core.stories.tsx
View File

@@ -37,16 +37,17 @@ export const SettingPage: StoryFn = () => {
};
SettingPage.play = async ({ canvasElement, step }) => {
const canvas = within(canvasElement);
await waitFor(
() => {
assertExists(canvasElement.querySelector('v-line'));
},
{
timeout: 10000,
}
);
await waitFor(async () => {
assertExists(
document.body.querySelector(
'[data-testid="slider-bar-workspace-setting-button"]'
)
);
});
await step('click setting modal button', async () => {
await userEvent.click(canvas.getByTestId('settings-modal-trigger'));
await userEvent.click(
canvas.getByTestId('slider-bar-workspace-setting-button')
);
});
await waitFor(async () => {
assertExists(
@@ -120,14 +121,13 @@ export const SearchPage: StoryFn = () => {
};
SearchPage.play = async ({ canvasElement }) => {
const canvas = within(canvasElement);
await waitFor(
() => {
assertExists(canvasElement.querySelector('v-line'));
},
{
timeout: 10000,
}
);
await waitFor(async () => {
assertExists(
document.body.querySelector(
'[data-testid="slider-bar-quick-search-button"]'
)
);
});
await userEvent.click(canvas.getByTestId('slider-bar-quick-search-button'));
await waitFor(
() => {
@@ -153,6 +153,12 @@ export const ImportPage: StoryFn = () => {
};
ImportPage.play = async ({ canvasElement }) => {
const canvas = within(canvasElement);
await waitFor(async () => {
assertExists(
document.body.querySelector('[data-testid="sidebar-new-page-button"]')
);
});
await userEvent.click(canvas.getByTestId('sidebar-new-page-button'));
await waitFor(
() => {
assertExists(canvasElement.querySelector('v-line'));