mirror of
https://github.com/toeverything/AFFiNE.git
synced 2024-09-21 00:18:02 +03:00
6c2c7dcd48
- document folder - full-text search - blob storage - basic edgeless support Co-authored-by: tzhangchi <terry.zhangchi@outlook.com> Co-authored-by: QiShaoXuan <qishaoxuan777@gmail.com> Co-authored-by: DiamondThree <diamond.shx@gmail.com> Co-authored-by: MingLiang Wang <mingliangwang0o0@gmail.com> Co-authored-by: JimmFly <yangjinfei001@gmail.com> Co-authored-by: Yifeng Wang <doodlewind@toeverything.info> Co-authored-by: Himself65 <himself65@outlook.com> Co-authored-by: lawvs <18554747+lawvs@users.noreply.github.com> Co-authored-by: Qi <474021214@qq.com>
45 lines
1.5 KiB
TypeScript
45 lines
1.5 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { loadPage } from './libs/load-page';
|
|
|
|
loadPage();
|
|
|
|
test.describe('Change Theme', () => {
|
|
test('default white', async ({ page }) => {
|
|
await page.waitForSelector('html');
|
|
const root = page.locator('html');
|
|
const themeMode = await root.evaluate(element =>
|
|
window.getComputedStyle(element).getPropertyValue('--affine-theme-mode')
|
|
);
|
|
expect(themeMode).toBe('light');
|
|
|
|
const lightButton = page.locator('[data-testid=change-theme-light]');
|
|
const buttonPositionTop = await lightButton.evaluate(
|
|
element => window.getComputedStyle(element).top
|
|
);
|
|
expect(buttonPositionTop).toBe('0px');
|
|
});
|
|
|
|
test('change theme to dark', async ({ page }) => {
|
|
const changeThemeContainer = page.locator(
|
|
'[data-testid=change-theme-container]'
|
|
);
|
|
const box = await changeThemeContainer.boundingBox();
|
|
expect(box?.x).not.toBeUndefined();
|
|
|
|
await page.mouse.move((box?.x ?? 0) + 5, (box?.y ?? 0) + 5);
|
|
await page.waitForTimeout(1000);
|
|
const darkButton = page.locator('[data-testid=change-theme-dark]');
|
|
const darkButtonPositionTop = await darkButton.evaluate(
|
|
element => element.getBoundingClientRect().y
|
|
);
|
|
expect(darkButtonPositionTop).toBe(box?.y);
|
|
|
|
await page.mouse.click((box?.x ?? 0) + 5, (box?.y ?? 0) + 5);
|
|
const root = page.locator('html');
|
|
const themeMode = await root.evaluate(element =>
|
|
window.getComputedStyle(element).getPropertyValue('--affine-theme-mode')
|
|
);
|
|
expect(themeMode).toBe('dark');
|
|
});
|
|
});
|