jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-22 19:02:54 -04:00
Code Issues Projects Releases Wiki Activity

test: try to make reset-modal.spec reliable (#54520)

Browse Source 
Co-authored-by: Naomi <nhcarrigan@gmail.com>
This commit is contained in:
Oliver Eyton-Williams
2024-04-26 01:58:45 +02:00
committed by GitHub
parent b4d4b2578a
commit 3ca4dc0c9b
1 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
e2e/reset-modal.spec.ts
View File

@@ -44,21 +44,34 @@ test('should render the modal content correctly', async ({ page }) => {
});
test('User can reset challenge', async ({ page }) => {
const initialText = 'CatPhotoApp';
const initialFrame = page
.frameLocator('iframe[title="challenge preview"]')
.getByText(initialText);
const updatedText = 'Only Dogs';
const updatedFrame = page
.frameLocator('iframe[title="challenge preview"]')
.getByText(updatedText);
await page.goto(
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2'
);
// Building the preview can take a while
await expect(initialFrame).toBeVisible({ timeout: 10000 });
const editorPaneLabel =
'Editor content;Press Alt+F1 for Accessibility Options.';
const challengeSolution = '<h2>Cat Photos</h2>';
await page.getByLabel(editorPaneLabel).fill(challengeSolution);
await expect(
page
.frameLocator('iframe[title="challenge preview"]')
.getByRole('heading', { name: 'Cat Photos' })
).toBeVisible();
// Modify the text in the editor pane, clearing first, otherwise the existing
// text will be selected before typing
await page.getByLabel(editorPaneLabel).fill('');
await page.getByLabel(editorPaneLabel).fill(updatedText);
await expect(updatedFrame).toBeVisible({ timeout: 10000 });
// Run the tests so the lower jaw updates (later we confirm that the update
// are reset)
await page
.getByRole('button', {
name: translations.buttons['check-code']
@@ -69,16 +82,14 @@ test('User can reset challenge', async ({ page }) => {
page.getByText(translations.learn['sorry-keep-trying'])
).toBeVisible();
// Reset the challenge
await page.getByTestId('lowerJaw-reset-button').click();
await page
.getByRole('button', { name: translations.buttons['reset-lesson'] })
.click();
await expect(
page
.frameLocator('iframe[title="challenge preview"]')
.getByRole('heading', { name: 'Cat Photos' })
).not.toBeVisible();
// Check it's back to the initial state
await expect(initialFrame).toBeVisible({ timeout: 10000 });
await expect(
page.getByText(translations.learn['sorry-keep-trying'])
).not.toBeVisible();