mirror of
https://github.com/toeverything/AFFiNE.git
synced 2024-12-23 01:01:40 +03:00
9043e6607e
closes AF-1397
125 lines
3.9 KiB
TypeScript
125 lines
3.9 KiB
TypeScript
import { test } from '@affine-test/kit/playwright';
|
|
import { openHomePage } from '@affine-test/kit/utils/load-page';
|
|
import { waitForEditorLoad } from '@affine-test/kit/utils/page-logic';
|
|
import {
|
|
confirmExperimentalPrompt,
|
|
openAboutPanel,
|
|
openAppearancePanel,
|
|
openEditorSetting,
|
|
openExperimentalFeaturesPanel,
|
|
openSettingModal,
|
|
openShortcutsPanel,
|
|
} from '@affine-test/kit/utils/setting';
|
|
import { createLocalWorkspace } from '@affine-test/kit/utils/workspace';
|
|
import { expect } from '@playwright/test';
|
|
|
|
test('Open settings modal', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await openSettingModal(page);
|
|
|
|
const modal = page.getByTestId('setting-modal');
|
|
await expect(modal).toBeVisible();
|
|
});
|
|
|
|
test('change language using keyboard', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await openSettingModal(page);
|
|
|
|
const locator = page.getByTestId('language-menu-button');
|
|
const oldName = await locator.textContent();
|
|
await locator.click();
|
|
await page.waitForTimeout(200);
|
|
await page.keyboard.press('ArrowDown', {
|
|
delay: 50,
|
|
});
|
|
// incase the current language is the top one
|
|
await page.keyboard.press('ArrowDown', {
|
|
delay: 50,
|
|
});
|
|
await page.keyboard.press('Enter', {
|
|
delay: 50,
|
|
});
|
|
{
|
|
const newName = await locator.textContent();
|
|
expect(oldName).not.toBe(newName);
|
|
}
|
|
});
|
|
|
|
test('Change theme', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await openSettingModal(page);
|
|
await openAppearancePanel(page);
|
|
const root = page.locator('html');
|
|
|
|
await page.getByTestId('light-theme-trigger').click();
|
|
const lightMode = await root.evaluate(element => element.dataset.theme);
|
|
expect(lightMode).toBe('light');
|
|
|
|
await page.getByTestId('dark-theme-trigger').click();
|
|
const darkMode = await root.evaluate(element => element.dataset.theme);
|
|
expect(darkMode).toBe('dark');
|
|
});
|
|
|
|
test('Change layout width', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await openEditorSetting(page);
|
|
|
|
await page.getByTestId('full-width-layout-trigger').click();
|
|
|
|
const editorWrapper = page.locator('.editor-wrapper');
|
|
const className = await editorWrapper.getAttribute('class');
|
|
expect(className).toContain('full-screen');
|
|
});
|
|
|
|
test('Open shortcuts panel', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await openSettingModal(page);
|
|
await openShortcutsPanel(page);
|
|
const title = page.getByTestId('keyboard-shortcuts-title');
|
|
await expect(title).toBeVisible();
|
|
});
|
|
|
|
test('Open about panel', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await openSettingModal(page);
|
|
await openAboutPanel(page);
|
|
const title = page.getByTestId('about-title');
|
|
await expect(title).toBeVisible();
|
|
});
|
|
|
|
test('Open experimental features panel', async ({ page }) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await openSettingModal(page);
|
|
await openExperimentalFeaturesPanel(page);
|
|
const prompt = page.getByTestId('experimental-prompt');
|
|
await expect(prompt).toBeVisible();
|
|
await confirmExperimentalPrompt(page);
|
|
const settings = page.getByTestId('experimental-settings');
|
|
await expect(settings).toBeVisible();
|
|
});
|
|
|
|
test('Different workspace should have different name in the setting panel', async ({
|
|
page,
|
|
}) => {
|
|
await openHomePage(page);
|
|
await waitForEditorLoad(page);
|
|
await createLocalWorkspace({ name: 'New Workspace 2' }, page);
|
|
await createLocalWorkspace({ name: 'New Workspace 3' }, page);
|
|
await openSettingModal(page);
|
|
await page.getByTestId('current-workspace-label').click();
|
|
await expect(page.getByTestId('workspace-name-input')).toHaveValue(
|
|
'New Workspace 3'
|
|
);
|
|
await page.getByText('New Workspace 2').click();
|
|
await expect(page.getByTestId('workspace-name-input')).toHaveValue(
|
|
'New Workspace 2'
|
|
);
|
|
});
|