luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: css hydration error (#1397)

Browse Source
This commit is contained in:
Himself65
2023-03-07 17:08:33 -06:00
committed by GitHub
parent e5e3dceee8
commit b976ac8084
8 changed files with 38 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
tests/theme.spec.ts
View File

@@ -7,19 +7,23 @@ loadPage();
test.describe('Change Theme', () => {
// default could be anything according to the system
test.skip('default white', async ({ page }) => {
test('default white', async ({ browser }) => {
const context = await browser.newContext({
colorScheme: 'light',
});
const page = await context.newPage();
await page.goto('http://localhost:8080');
// waiting for page loading end
await page.waitForSelector('#__next');
await page.waitForSelector('html');
const root = page.locator('html');
const themeMode = await root.evaluate(element =>
window.getComputedStyle(element).getPropertyValue('--affine-theme-mode')
element.getAttribute('data-theme')
);
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');
const lightButton = page.locator('[data-testid=change-theme-dark]');
expect(await lightButton.isVisible()).toBe(false);
});
test('change theme to dark', async ({ page }) => {
@@ -40,7 +44,7 @@ test.describe('Change Theme', () => {
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')
element.getAttribute('data-theme')
);
expect(themeMode).toBe('dark');
});