✨(app-desk) integrate static menu in the app
Integrate the menu from the mockup in the app.
This commit is contained in:
@@ -36,5 +36,12 @@ test.describe('Header', () => {
|
||||
await expect(header.getByAltText('Cells icon')).toBeVisible();
|
||||
|
||||
await expect(header.getByAltText('Language Icon')).toBeVisible();
|
||||
|
||||
await expect(header.getByText('John Doe')).toBeVisible();
|
||||
await expect(
|
||||
header.getByRole('img', {
|
||||
name: 'profile picture',
|
||||
}),
|
||||
).toBeVisible();
|
||||
});
|
||||
});
|
||||
|
||||
26
src/frontend/apps/e2e/__tests__/app-desk/menu.spec.ts
Normal file
26
src/frontend/apps/e2e/__tests__/app-desk/menu.spec.ts
Normal file
@@ -0,0 +1,26 @@
|
||||
import { expect, test } from "@playwright/test";
|
||||
|
||||
import { keyCloakSignIn } from "./common";
|
||||
|
||||
test.beforeEach(async ({ page }) => {
|
||||
await page.goto("/");
|
||||
await keyCloakSignIn(page);
|
||||
});
|
||||
|
||||
test.describe("Menu", () => {
|
||||
test("checks all the elements are visible", async ({ page }) => {
|
||||
const menu = page.locator("menu").first();
|
||||
|
||||
await expect(menu.getByLabel("Search button")).toBeVisible();
|
||||
await expect(menu.getByLabel("Favoris button")).toBeVisible();
|
||||
await expect(menu.getByLabel("Recent button")).toBeVisible();
|
||||
await expect(menu.getByLabel("Contacts button")).toBeVisible();
|
||||
await expect(menu.getByLabel("Groups button")).toBeVisible();
|
||||
|
||||
await menu.getByLabel("Search button").hover();
|
||||
await expect(menu.getByLabel("tooltip")).toHaveText("Search");
|
||||
|
||||
await menu.getByLabel("Contacts button").hover();
|
||||
await expect(menu.getByLabel("tooltip")).toHaveText("Contacts");
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user