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,playwright): progress-bar.tsx (#51865)

Browse Source
This commit is contained in:
AMAN SINGH
2023-10-11 16:43:47 +05:30
committed by GitHub
parent 3657ef24d5
commit ad90b4ed4f
2 changed files with 45 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/ProgressBar/progress-bar.tsx
+4 -1
View File
@@ -71,7 +71,10 @@ function ProgressBar({
percent: completedPercent
});
return (
<div className='progress-bar-container'>
<div
className='progress-bar-container'
data-playwright-test-label='progress-bar-container'
>
<ProgressBarInner
title={blockTitle}
meta={meta}
e2e/progress-bar.spec.ts
+41
View File
@@ -0,0 +1,41 @@
import { test, expect, type Page } 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.afterAll(async () => {
await page.close();
});
test.describe('Progress bar component', () => {
test('Should appear with the correct content after the user has submitted their code', async () => {
const monacoEditor = page.getByLabel('Editor content');
await monacoEditor.click();
await page.keyboard.press('Control+A');
//Meta + A works in webkit
await page.keyboard.press('Meta+A');
await page.keyboard.press('Backspace');
await page.keyboard.insertText(
'<html><body><h1>CatPhotoApp</h1><h2>Cat Photos</h2></body></html>'
);
await page
.getByRole('button', { name: 'Check Your Code (Ctrl + Enter)' })
.click();
const progressBarContainer = page.getByTestId('progress-bar-container');
await expect(progressBarContainer).toContainText(
'Learn HTML by Building a Cat Photo App'
);
await expect(progressBarContainer).toContainText('0% complete');
await page
.getByRole('button', { name: 'Submit and go to next challenge' })
.click();
});
});