feat: convert progressbar test to Playwright

e2e/progress-bar.spec.ts

@@ -1,4 +1,5 @@
 import { expect, test } from '@playwright/test';
+test.use({ storageState: 'playwright/.auth/certified-user.json' });
 
 test.describe('Progress bar component', () => {
   test('Should appear with the correct content after the user has submitted their code', async ({
@@ -33,4 +34,32 @@ test.describe('Progress bar component', () => {
       .getByRole('button', { name: 'Submit and go to next challenge' })
       .click();
   });
+
+  test('Declare JavaScript Variables Test', async ({ page }) => {
+    await page.goto(
+      '/learn/javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables'
+    );
+
+    const monacoEditor = page.getByLabel('Editor content');
+    await monacoEditor.focus();
+
+    await page.keyboard.press('Control+A');
+
+    await page.keyboard.press('Meta+A');
+    await page.keyboard.press('Backspace');
+
+    await page.keyboard.insertText('var myName;');
+
+    await page
+      .getByRole('button', { name: 'Run the Tests (Ctrl + Enter)' })
+      .click();
+
+    await expect(page.locator('.completion-block-meta')).toContainText(
+      '99% complete'
+    );
+
+    await page
+      .getByRole('button', { name: 'Submit and go to next challenge' })
+      .click();
+  });
 });