From 0c53d757006f90780932f4fa6a2bc422e8d24bd5 Mon Sep 17 00:00:00 2001
From: Ankit Kumar <47681425+0xLBlaze@users.noreply.github.com>
Date: Tue, 31 Oct 2023 22:34:41 +0530
Subject: [PATCH] test(e2e,playwright): side-panel.tsx (#52053)

---
 e2e/side-panel.spec.ts | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 e2e/side-panel.spec.ts

diff --git a/e2e/side-panel.spec.ts b/e2e/side-panel.spec.ts
new file mode 100644
index 00000000000..a1f81a9730c
--- /dev/null
+++ b/e2e/side-panel.spec.ts
@@ -0,0 +1,22 @@
+import { test, expect } from '@playwright/test';
+import translations from '../client/i18n/locales/english/translations.json';
+
+test.beforeEach(async ({ page }) => {
+  await page.goto(
+    '/learn/javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables'
+  );
+});
+
+test.describe('Challenge Side Panel Component', () => {
+  test('should render correctly', async ({ page, isMobile }) => {
+    const toolPanelItem = page.getByText(translations.buttons['get-help']);
+    if (isMobile) {
+      await expect(toolPanelItem).not.toBeVisible();
+    } else {
+      await expect(toolPanelItem).toBeVisible();
+    }
+    await expect(page.getByTestId('challenge-title')).toBeVisible();
+    await expect(page.getByTestId('challenge-description')).toBeVisible();
+    await expect(page.getByTestId('test-result')).toBeVisible();
+  });
+});