jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-24 11:03:17 -04:00
Code Issues Projects Releases Wiki Activity

test(e2e, playwright): add tests for close buttons in solution-viewer improvements (#52382)

Browse Source
This commit is contained in:
weilirs
2023-11-22 01:47:15 -06:00
committed by GitHub
parent ccdf4e30ba
commit 9689ad415d
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
e2e/solution-viewer.spec.ts
View File

@@ -12,6 +12,11 @@ test.describe('Solution Viewer component', () => {
test('renders the modal correctly', async ({ page }) => {
await page.getByRole('button').filter({ hasText: /view/i }).first().click();
const projectSolutionViewerModal = page.getByTestId(
'project-solution-viewer-modal'
);
await expect(projectSolutionViewerModal).toBeVisible();
// The modal should show the solution title...
await expect(
page.getByRole('heading').and(page.getByText(/solution for/i))
@@ -19,5 +24,18 @@ test.describe('Solution Viewer component', () => {
// ...and relevant code file/s
await expect(page.getByText(/js/i)).toBeVisible();
await expect(page.locator('pre').first()).toBeVisible();
const closeButtons = await page
.getByRole('button', { name: 'Close' })
.all();
const topRightCloseButton = closeButtons[0];
await topRightCloseButton.click();
await expect(projectSolutionViewerModal).toBeHidden();
await page.getByRole('button', { name: 'View' }).first().click();
const bottomRightCloseButton = closeButtons[1];
await bottomRightCloseButton.click();
await expect(projectSolutionViewerModal).toBeHidden();
});
});