From 328ba39171b645bebbdfbde745f0097c2e72dbce Mon Sep 17 00:00:00 2001
From: AMAN SINGH <89124765+Aman1919@users.noreply.github.com>
Date: Fri, 13 Oct 2023 12:56:46 +0530
Subject: [PATCH] feat (e2e, playwright) : e2e tests for Editor component
 (#51915)

---
 e2e/editor.spec.ts | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 e2e/editor.spec.ts

diff --git a/e2e/editor.spec.ts b/e2e/editor.spec.ts
new file mode 100644
index 00000000000..5e4f50085b6
--- /dev/null
+++ b/e2e/editor.spec.ts
@@ -0,0 +1,20 @@
+import { test, expect } from '@playwright/test';
+
+test.beforeEach(async ({ page }) => {
+  await page.goto(
+    '/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-2'
+  );
+});
+test.afterEach(async ({ page }) => {
+  await page.close();
+});
+
+test.describe('Editor Component', () => {
+  test('Should be clicked and able to insert text', async ({ page }) => {
+    const monacoEditor = page.getByLabel('Editor content');
+    await monacoEditor.click();
+    await page.keyboard.insertText('<h2>FreeCodeCamp</h2>');
+    const text = page.getByText('<h2>FreeCodeCamp</h2>');
+    await expect(text).toBeVisible();
+  });
+});