AFFiNE/tests/affine-local/e2e/navigation.spec.ts
EYHN 7c76c25a9c
refactor(core): new back&forward button base on workbench (#6012)
# feature:

## In Browser:
- hidden back&forward button in sidebar.
- back and forward is equal with `window.history.back()` `window.history.forward()`

## In Desktop:
- Back and forward can be controlled through the sidebar, cmdk, and shortcut keys.
- back and forward act on the currently **active** view.
- buttons change disable&enable style based on current active view history

# Refactor:

Move app-sidebar and app-container from @affine/component to @affine/core
2024-03-05 07:01:24 +00:00

45 lines
1.6 KiB
TypeScript

import { test } from '@affine-test/kit/playwright';
import { withCtrlOrMeta } from '@affine-test/kit/utils/keyboard';
import { openHomePage } from '@affine-test/kit/utils/load-page';
import {
clickNewPageButton,
getBlockSuiteEditorTitle,
waitForEditorLoad,
} from '@affine-test/kit/utils/page-logic';
import { clickSideBarAllPageButton } from '@affine-test/kit/utils/sidebar';
import { expect, type Page } from '@playwright/test';
const historyShortcut = async (page: Page, command: 'goBack' | 'goForward') => {
await withCtrlOrMeta(page, () =>
page.keyboard.press(command === 'goBack' ? '[' : ']', { delay: 300 })
);
};
test('back and forward buttons', async ({ page }) => {
await openHomePage(page);
await expect(page.getByTestId('app-navigation-button-back')).toBeHidden();
await expect(page.getByTestId('app-navigation-button-forward')).toBeHidden();
await clickNewPageButton(page);
await waitForEditorLoad(page);
const title = getBlockSuiteEditorTitle(page);
await title.fill('test1');
await clickSideBarAllPageButton(page);
await page.getByTestId('workspace-collections-button').click({ delay: 50 });
await page.waitForURL(url => url.pathname.endsWith('collection'));
await page.getByTestId('workspace-tags-button').click({ delay: 50 });
await page.waitForURL(url => url.pathname.endsWith('tag'));
await page.goBack();
await page.waitForURL(url => url.pathname.endsWith('collection'));
await page.goBack();
await page.waitForURL(url => url.pathname.endsWith('all'));
await historyShortcut(page, 'goBack');
await waitForEditorLoad(page);
await expect(getBlockSuiteEditorTitle(page)).toHaveText('test1');
});