diff --git a/browser_tests/assets/note_nodes.json b/browser_tests/assets/note_nodes.json
new file mode 100644
index 000000000..280c44135
--- /dev/null
+++ b/browser_tests/assets/note_nodes.json
@@ -0,0 +1,55 @@
+{
+  "last_node_id": 2,
+  "last_link_id": 0,
+  "nodes": [
+    {
+      "id": 1,
+      "type": "Note",
+      "pos": [
+        50, 50
+      ],
+      "size": [
+        322.3645935058594,
+        167.91612243652344
+      ],
+      "flags": {},
+      "order": 0,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [],
+      "properties": {},
+      "widgets_values": [
+        "Foo\n123"
+      ],
+      "color": "#432",
+      "bgcolor": "#653"
+    },
+    {
+      "id": 2,
+      "type": "MarkdownNote",
+      "pos": [
+        50, 300
+      ],
+      "size": [
+        320.9985656738281,
+        179.52735900878906
+      ],
+      "flags": {},
+      "order": 1,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [],
+      "properties": {},
+      "widgets_values": [
+        "# Bar\n123"
+      ],
+      "color": "#432",
+      "bgcolor": "#653"
+    }
+  ],
+  "links": [],
+  "groups": [],
+  "config": {},
+  "extra": {},
+  "version": 0.4
+}
\ No newline at end of file
diff --git a/browser_tests/noteNode.spec.ts b/browser_tests/noteNode.spec.ts
new file mode 100644
index 000000000..2e9a59255
--- /dev/null
+++ b/browser_tests/noteNode.spec.ts
@@ -0,0 +1,10 @@
+import { expect } from '@playwright/test'
+
+import { comfyPageFixture as test } from './fixtures/ComfyPage'
+
+test.describe('Note Node', () => {
+  test('Can load node nodes', async ({ comfyPage }) => {
+    await comfyPage.loadWorkflow('note_nodes')
+    await expect(comfyPage.canvas).toHaveScreenshot('note_nodes.png')
+  })
+})
diff --git a/browser_tests/noteNode.spec.ts-snapshots/note-nodes-chromium-2x-linux.png b/browser_tests/noteNode.spec.ts-snapshots/note-nodes-chromium-2x-linux.png
new file mode 100644
index 000000000..54bfd4263
Binary files /dev/null and b/browser_tests/noteNode.spec.ts-snapshots/note-nodes-chromium-2x-linux.png differ
diff --git a/browser_tests/noteNode.spec.ts-snapshots/note-nodes-chromium-linux.png b/browser_tests/noteNode.spec.ts-snapshots/note-nodes-chromium-linux.png
new file mode 100644
index 000000000..78eb3dcab
Binary files /dev/null and b/browser_tests/noteNode.spec.ts-snapshots/note-nodes-chromium-linux.png differ