wehub-resource-sync
dde272c4b8
i18n - Build Validation / Validate i18n Builds (24) (push) Has been cancelled
CI - Node.js / Lint (24) (push) Has been cancelled
CI - Node.js / Build (24) (push) Has been cancelled
CI - Node.js / Test (24) (push) Has been cancelled
CI - Node.js / Test - Upcoming Changes (24) (push) Has been cancelled
CI - Node.js / Test - i18n (italian, 24) (push) Has been cancelled
CI - Node.js / Test - i18n (portuguese, 24) (push) Has been cancelled
CD - Docker - GHCR Images / Build and Push Images (push) Has been cancelled
77 lines
2.4 KiB
TypeScript
77 lines
2.4 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import translations from '../client/i18n/locales/english/translations.json';
|
|
import { allowTrailingSlash } from './utils/url';
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto('/');
|
|
});
|
|
|
|
test.describe('Signout Modal component', () => {
|
|
test('renders the modal correctly', async ({ page }) => {
|
|
await page.getByRole('button', { name: translations.buttons.menu }).click();
|
|
await page
|
|
.getByRole('button', { name: translations.buttons['sign-out'] })
|
|
.click();
|
|
|
|
await expect(
|
|
page.getByRole('dialog', { name: translations.signout.heading })
|
|
).toBeVisible();
|
|
|
|
await expect(page.getByText(translations.signout.p1)).toBeVisible();
|
|
await expect(page.getByText(translations.signout.p2)).toBeVisible();
|
|
|
|
await expect(
|
|
page.getByRole('button', { name: translations.signout.nevermind })
|
|
).toBeVisible();
|
|
await expect(
|
|
page.getByRole('button', { name: translations.signout.certain })
|
|
).toBeVisible();
|
|
await expect(
|
|
page.getByRole('button', { name: translations.buttons.close })
|
|
).toBeVisible();
|
|
});
|
|
|
|
test('signs out and redirects to / after user confirms they want to sign out', async ({
|
|
page
|
|
}) => {
|
|
await page.getByRole('button', { name: translations.buttons.menu }).click();
|
|
await page
|
|
.getByRole('button', { name: translations.buttons['sign-out'] })
|
|
.click();
|
|
|
|
await expect(
|
|
page.getByRole('dialog', { name: translations.signout.heading })
|
|
).toBeVisible();
|
|
|
|
await page
|
|
.getByRole('button', { name: translations.signout.certain })
|
|
.click();
|
|
|
|
await expect(
|
|
page.getByRole('dialog', { name: translations.signout.heading })
|
|
).not.toBeVisible();
|
|
await expect(page).toHaveURL(allowTrailingSlash(''));
|
|
});
|
|
|
|
test('closes modal after user cancels signing out', async ({ page }) => {
|
|
await page.getByRole('button', { name: translations.buttons.menu }).click();
|
|
await page
|
|
.getByRole('button', { name: translations.buttons['sign-out'] })
|
|
.click();
|
|
|
|
await expect(
|
|
page.getByRole('dialog', { name: translations.signout.heading })
|
|
).toBeVisible();
|
|
|
|
await page
|
|
.getByRole('button', { name: translations.signout.nevermind })
|
|
.click();
|
|
|
|
await expect(
|
|
page.getByRole('dialog', { name: translations.signout.heading })
|
|
).not.toBeVisible();
|
|
|
|
await expect(page).toHaveURL('/');
|
|
});
|
|
});
|