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: use challenge with visible buttons for spec (#54566)

Browse Source
This commit is contained in:
Oliver Eyton-Williams
2024-04-29 19:38:13 +02:00
committed by GitHub
parent 9f7ecffc0d
commit 868a7c62bf
5 changed files with 15 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e/editor.spec.ts
+1 -1
View File
@@ -2,7 +2,7 @@ import { expect, test } from '@playwright/test';
test.beforeEach(async ({ page }) => { test.beforeEach(async ({ page }) => {
await page.goto( await page.goto(
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2' '/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-3'
); );
}); });
e2e/lower-jaw.spec.ts
+1 -1
View File
@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test';
test.beforeEach(async ({ page }) => { test.beforeEach(async ({ page }) => {
await page.goto( await page.goto(
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2' '/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-3'
); );
}); });
e2e/preview.spec.ts
+1 -1
View File
@@ -3,7 +3,7 @@ import translations from '../client/i18n/locales/english/translations.json';
test.beforeEach(async ({ page }) => { test.beforeEach(async ({ page }) => {
await page.goto( await page.goto(
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2' '/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-3'
); );
}); });
e2e/progress-bar.spec.ts
+9 -22
View File
@@ -1,31 +1,18 @@
import { expect, test, type Page } from '@playwright/test'; import { expect, test } from '@playwright/test';
let page: Page;
test.beforeAll(async ({ browser }) => {
page = await browser.newPage();
await page.goto(
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2'
);
});
test.describe('Progress bar component', () => { test.describe('Progress bar component', () => {
test('Should appear with the correct content after the user has submitted their code', async ({ test('Should appear with the correct content after the user has submitted their code', async ({
isMobile, page
browserName
}) => { }) => {
await page.goto(
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2'
);
const monacoEditor = page.getByLabel('Editor content'); const monacoEditor = page.getByLabel('Editor content');
// The editor has an overlay div, which prevents the click event from bubbling up in iOS Safari. // Using focus instead of click since we're not testing if the editor
// This is a quirk in this browser-OS combination, and the workaround here is to use `.focus()` // behaves correctly, we're using it to complete the challenge.
// in place of `.click()` to focus on the editor. await monacoEditor.focus();
// Ref: https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
if (isMobile && browserName === 'webkit') {
await monacoEditor.focus();
} else {
await monacoEditor.click();
}
await page.keyboard.press('Control+A'); await page.keyboard.press('Control+A');
//Meta + A works in webkit //Meta + A works in webkit
await page.keyboard.press('Meta+A'); await page.keyboard.press('Meta+A');
e2e/reset-modal.spec.ts
+3 -3
View File
@@ -4,7 +4,7 @@ import translations from '../client/i18n/locales/english/translations.json';
test('should render the modal content correctly', async ({ page }) => { test('should render the modal content correctly', async ({ page }) => {
await page.goto( await page.goto(
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2' '/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-3'
); );
await page.getByRole('button', { name: translations.buttons.reset }).click(); await page.getByRole('button', { name: translations.buttons.reset }).click();
@@ -48,7 +48,7 @@ test('User can reset challenge', async ({ page }) => {
.getByText(updatedText); .getByText(updatedText);
await page.goto( await page.goto(
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2' '/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-3'
); );
// Building the preview can take a while // Building the preview can take a while
@@ -137,7 +137,7 @@ test('User can reset classic challenge', async ({ page, isMobile }) => {
test('should close when the user clicks the close button', async ({ page }) => { test('should close when the user clicks the close button', async ({ page }) => {
await page.goto( await page.goto(
'/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2' '/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-3'
); );
await page.getByRole('button', { name: translations.buttons.reset }).click(); await page.getByRole('button', { name: translations.buttons.reset }).click();