You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.2 KiB
TypeScript
32 lines
1.2 KiB
TypeScript
import { _electron, expect, Page, test } from '@playwright/test';
|
|
import { beforeAllClean, forceCloseAllWindows } from './setup/beforeEach';
|
|
import { openAppsAndNewUsers } from './setup/new_user';
|
|
import { clickOnTestIdWithText } from './utils';
|
|
|
|
let windows: Array<Page> = [];
|
|
test.beforeEach(beforeAllClean);
|
|
|
|
test.afterEach(() => forceCloseAllWindows(windows));
|
|
|
|
test('Switch themes', async () => {
|
|
// Open App
|
|
// Create User
|
|
const windowLoggedIn = await openAppsAndNewUsers(1);
|
|
windows = windowLoggedIn.windows;
|
|
const [windowA] = windows;
|
|
// Check light theme colour is correct
|
|
const darkThemeColor = windowA.locator('.inbox.index');
|
|
await expect(darkThemeColor).toHaveCSS('background-color', 'rgb(27, 27, 27)');
|
|
|
|
// Click theme button and change to dark theme
|
|
await clickOnTestIdWithText(windowA, 'theme-section');
|
|
// Check background colour of background to verify dark theme
|
|
const lightThemeColor = windowA.locator('.inbox.index');
|
|
await expect(lightThemeColor).toHaveCSS('background-color', 'rgb(255, 255, 255)');
|
|
|
|
// Toggle back to light theme
|
|
await clickOnTestIdWithText(windowA, 'theme-section');
|
|
// Check background colour again
|
|
await expect(darkThemeColor).toHaveCSS('background-color', 'rgb(27, 27, 27)');
|
|
});
|