diff --git a/client/src/templates/Challenges/classic/multifile-editor.tsx b/client/src/templates/Challenges/classic/multifile-editor.tsx
index 965c6006b46..5e2dd6ffe8f 100644
--- a/client/src/templates/Challenges/classic/multifile-editor.tsx
+++ b/client/src/templates/Challenges/classic/multifile-editor.tsx
@@ -127,6 +127,7 @@ const MultifileEditor = (props: MultifileEditorProps) => {
               return (
                 <ReflexElement
                   data-cy={`editor-container-${key}`}
+                  data-playwright-test-label={`editor-container-${key}`}
                   {...reflexProps}
                   {...resizeProps}
                   key={key}
diff --git a/e2e/editor-tabs.spec.ts b/e2e/editor-tabs.spec.ts
new file mode 100644
index 00000000000..b9107a11210
--- /dev/null
+++ b/e2e/editor-tabs.spec.ts
@@ -0,0 +1,30 @@
+import { test, expect } from '@playwright/test';
+
+test.beforeEach(async ({ page }) => {
+  await page.goto(
+    '/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form'
+  );
+});
+
+test('should toggle editor visibility correctly', async ({ page }) => {
+  const htmlTabToggle = page.getByRole('button', { name: 'index.html Editor' });
+  const cssTabToggle = page.getByRole('button', { name: 'styles.css Editor' });
+  const htmlTab = page.getByTestId('editor-container-indexhtml');
+  const cssTab = page.getByTestId('editor-container-stylescss');
+
+  await expect(htmlTabToggle).toBeVisible();
+  // HTML tab is opened by default
+  await expect(htmlTabToggle).toHaveAttribute('aria-expanded', 'true');
+  await expect(htmlTab).toBeVisible();
+  await htmlTabToggle.click();
+  await expect(htmlTabToggle).toHaveAttribute('aria-expanded', 'false');
+  await expect(htmlTab).not.toBeVisible();
+
+  await expect(cssTabToggle).toBeVisible();
+  // CSS tab is not opened by default
+  await expect(cssTabToggle).toHaveAttribute('aria-expanded', 'false');
+  await expect(cssTab).not.toBeVisible();
+  await cssTabToggle.click();
+  await expect(cssTabToggle).toHaveAttribute('aria-expanded', 'true');
+  await expect(cssTab).toBeVisible();
+});