1e38174c1b
We have added workers to playwright to run tests in parallel, this will help us to run tests faster. The tests run on a commun database, so to keep the tests stable between browsers, we created 3 different users to run the tests, it will avoid to have commun data stepping on each other.
79 lines
2.2 KiB
TypeScript
79 lines
2.2 KiB
TypeScript
import { expect, test } from '@playwright/test';
|
|
|
|
import { keyCloakSignIn } from './common';
|
|
|
|
test.beforeEach(async ({ page, browserName }) => {
|
|
await page.goto('/');
|
|
await keyCloakSignIn(page, browserName);
|
|
});
|
|
|
|
test.describe('Menu', () => {
|
|
const menuItems = [
|
|
{ name: 'Search', isDefault: true },
|
|
{ name: 'Favorite', isDefault: false },
|
|
{ name: 'Recent', isDefault: false },
|
|
{ name: 'Contacts', isDefault: false },
|
|
{ name: 'Groups', isDefault: false },
|
|
];
|
|
for (const { name, isDefault } of menuItems) {
|
|
test(`checks that ${name} menu item is displaying correctly`, async ({
|
|
page,
|
|
}) => {
|
|
const menu = page.locator('menu').first();
|
|
|
|
const buttonMenu = menu.getByLabel(`${name} button`);
|
|
await expect(buttonMenu).toBeVisible();
|
|
await buttonMenu.hover();
|
|
await expect(menu.getByLabel('tooltip')).toHaveText(name);
|
|
|
|
// Checks the tooltip is with inactive color
|
|
await expect(menu.getByLabel('tooltip')).toHaveCSS(
|
|
'background-color',
|
|
isDefault ? 'rgb(255, 255, 255)' : 'rgb(22, 22, 22)',
|
|
);
|
|
|
|
await buttonMenu.click();
|
|
|
|
// Checks the tooltip has active color
|
|
await buttonMenu.hover();
|
|
await expect(menu.getByLabel('tooltip')).toHaveCSS(
|
|
'background-color',
|
|
'rgb(255, 255, 255)',
|
|
);
|
|
});
|
|
|
|
test(`checks that ${name} menu item is routing correctly`, async ({
|
|
page,
|
|
}) => {
|
|
await expect(
|
|
page.getByRole('button', {
|
|
name: 'Create a new team',
|
|
}),
|
|
).toBeVisible();
|
|
|
|
const menu = page.locator('menu').first();
|
|
|
|
const buttonMenu = menu.getByLabel(`${name} button`);
|
|
await buttonMenu.click();
|
|
|
|
// eslint-disable-next-line playwright/no-conditional-in-test
|
|
if (isDefault) {
|
|
await expect(
|
|
page.getByRole('button', {
|
|
name: 'Create a new team',
|
|
}),
|
|
).toBeVisible();
|
|
} else {
|
|
await expect(
|
|
page.getByRole('button', {
|
|
name: 'Create a new team',
|
|
}),
|
|
).toBeHidden();
|
|
|
|
const reg = new RegExp(name.toLowerCase());
|
|
await expect(page).toHaveURL(reg);
|
|
}
|
|
});
|
|
}
|
|
});
|