From 835824cf53d90d1c10e14b58959f9e0727dc6090 Mon Sep 17 00:00:00 2001
From: Csaba Tuncsik <csaba@n8n.io>
Date: Thu, 3 Oct 2024 09:28:40 +0200
Subject: [PATCH] test(editor): Add test render helper to design system
 (#11064)

---
 .../design-system/src/__tests__/render.ts     | 20 +++++++++++++++++++
 packages/design-system/src/__tests__/setup.ts |  8 ++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 packages/design-system/src/__tests__/render.ts

diff --git a/packages/design-system/src/__tests__/render.ts b/packages/design-system/src/__tests__/render.ts
new file mode 100644
index 000000000..afe27e685
--- /dev/null
+++ b/packages/design-system/src/__tests__/render.ts
@@ -0,0 +1,20 @@
+import { render } from '@testing-library/vue';
+
+import { N8nPlugin } from 'n8n-design-system/plugin';
+
+type Component = Parameters<typeof render>[0];
+type RenderOptions = Parameters<typeof render>[1];
+
+export const createComponentRenderer = (component: Component) => (options: RenderOptions) => {
+	const mergedOptions: RenderOptions = {
+		...options,
+		global: {
+			...(options?.global ?? {}),
+			stubs: {
+				...(options?.global?.stubs ?? {}),
+			},
+			plugins: [N8nPlugin, ...(options?.global?.plugins ?? [])],
+		},
+	};
+	return render(component, mergedOptions);
+};
diff --git a/packages/design-system/src/__tests__/setup.ts b/packages/design-system/src/__tests__/setup.ts
index 3ad85f014..6eb1c426f 100644
--- a/packages/design-system/src/__tests__/setup.ts
+++ b/packages/design-system/src/__tests__/setup.ts
@@ -4,3 +4,11 @@ import { config } from '@vue/test-utils';
 import { N8nPlugin } from 'n8n-design-system/plugin';
 
 config.global.plugins = [N8nPlugin];
+
+window.ResizeObserver =
+	window.ResizeObserver ||
+	vi.fn().mockImplementation(() => ({
+		disconnect: vi.fn(),
+		observe: vi.fn(),
+		unobserve: vi.fn(),
+	}));