From ad90b4ed4f58a56ef0f1bdce1db25e6e47685121 Mon Sep 17 00:00:00 2001 From: AMAN SINGH <89124765+Aman1919@users.noreply.github.com> Date: Wed, 11 Oct 2023 16:43:47 +0530 Subject: [PATCH] test(e2e,playwright): progress-bar.tsx (#51865) --- .../components/ProgressBar/progress-bar.tsx | 5 ++- e2e/progress-bar.spec.ts | 41 +++++++++++++++++++ 2 files changed, 45 insertions(+), 1 deletion(-) create mode 100644 e2e/progress-bar.spec.ts diff --git a/client/src/components/ProgressBar/progress-bar.tsx b/client/src/components/ProgressBar/progress-bar.tsx index ac739adf100..6055ff8a5a9 100644 --- a/client/src/components/ProgressBar/progress-bar.tsx +++ b/client/src/components/ProgressBar/progress-bar.tsx @@ -71,7 +71,10 @@ function ProgressBar({ percent: completedPercent }); return ( -
+
{ + 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( + '

CatPhotoApp

Cat Photos

' + ); + 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(); + }); +});