From bc1d326155ec6bb6961a52047b09edbac482c447 Mon Sep 17 00:00:00 2001
From: Radi Totev <raditotev@gmail.com>
Date: Wed, 1 Nov 2023 09:31:56 +0200
Subject: [PATCH] test(e2e,playwright): notes (#52162)

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

diff --git a/e2e/notes.spec.ts b/e2e/notes.spec.ts
new file mode 100644
index 00000000000..168a2100c86
--- /dev/null
+++ b/e2e/notes.spec.ts
@@ -0,0 +1,28 @@
+import { test, expect } from '@playwright/test';
+
+import translations from '../client/i18n/locales/english/translations.json';
+
+const notesButtonLabel = translations.learn['editor-tabs'].notes;
+
+test('User can see notes', async ({ page }) => {
+  const noteContent = 'This is a test note';
+
+  await page.route(
+    '**/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-30/page-data.json',
+    async route => {
+      const response = await route.fetch();
+      const json = await response.json();
+
+      json.result.data.challengeNode.challenge.notes = noteContent;
+
+      await route.fulfill({ response, json });
+    }
+  );
+
+  await page.goto(
+    'learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-30'
+  );
+
+  await page.getByRole('button', { name: notesButtonLabel }).click();
+  await expect(page.getByText(noteContent)).toBeVisible();
+});