gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

test(e2e): add E2E tests for signout-modal ui component (#51772)

Browse Source 
Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>
This commit is contained in:
Maciek Sitkowski
2023-10-05 12:16:13 +02:00
committed by GitHub
parent a66ebf5e21
commit 091b1ad562
1 changed files with 66 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e/signout-modal.spec.ts
+66
View File
@@ -0,0 +1,66 @@
import { test, expect } from '@playwright/test';
import translations from '../client/i18n/locales/english/translations.json';
test.use({ storageState: 'playwright/.auth/certified-user.json' });
test.beforeEach(async ({ page }) => {
await page.goto('/');
});
test.afterEach(async ({ page }) => {
await page.close();
});
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.getByText(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 /learn 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 page
.getByRole('button', { name: translations.signout.certain })
.click();
await expect(page).toHaveURL(/.*\/learn\/?$/);
});
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 page
.getByRole('button', { name: translations.signout.nevermind })
.click();
await expect(page).toHaveURL('/');
await expect(
page.getByText(translations.signout.heading)
).not.toBeVisible();
});
});