From 1d5c2de5312cf1ac3f8b598cb475403c8f0b621f Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Mon, 20 May 2024 16:16:39 +1000
Subject: [PATCH] feat: added custom render function for react testing library

so we can load our own providers
---
 ts/test/components/renderComponent.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 ts/test/components/renderComponent.tsx

diff --git a/ts/test/components/renderComponent.tsx b/ts/test/components/renderComponent.tsx
new file mode 100644
index 000000000..cad06d5b7
--- /dev/null
+++ b/ts/test/components/renderComponent.tsx
@@ -0,0 +1,19 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { render, RenderOptions } from '@testing-library/react';
+import { AnimatePresence } from 'framer-motion';
+import { ReactElement, ReactNode } from 'react';
+import { SessionTheme } from '../../themes/SessionTheme';
+
+const Providers = ({ children }: { children: ReactNode }) => {
+  return (
+    <SessionTheme>
+      <AnimatePresence>{children}</AnimatePresence>
+    </SessionTheme>
+  );
+};
+
+const renderComponent = (ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>) =>
+  render(ui, { wrapper: Providers, ...options });
+
+export * from '@testing-library/react';
+export { renderComponent };