Merge branch 'main' into image-slider-component

Redback-Operations · Sep 17, 2024 · bf945d4 · bf945d4
2 parents ba2e25d + 290454d
commit bf945d4
Show file tree

Hide file tree

Showing 23 changed files with 946 additions and 26 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -41,6 +41,7 @@ const config: StorybookConfig = {
 		'@storybook/addon-essentials',
 		'@storybook/addon-docs',
 		'@storybook/addon-a11y',
+		'@storybook/addon-actions',
 		'storybook-dark-mode',
 		'@storybook/addon-mdx-gfm'
 	],

diff --git a/jest.setup.ts b/jest.setup.ts
@@ -1,6 +1,9 @@
 import '@testing-library/jest-dom';
+import { toHaveNoViolations } from 'jest-axe';
 
 jest.mock('./src/providers/RedbackUiThemeProvider/GlobalStyle.tsx', () => ({
 	GlobalStyle: () => null
 }));
 
+// Ref: https://github.com/NickColley/jest-axe?tab=readme-ov-file#testing-react-with-react-testing-library
+expect.extend(toHaveNoViolations);
diff --git a/jest.utils.tsx b/jest.utils.tsx
@@ -1,4 +1,4 @@
-import { DiProvider, injectable } from 'react-magnetic-di';
+import { DiProvider, Injectable, injectable } from 'react-magnetic-di';
 import { ThemeProvider } from 'styled-components';
 import { ReactNode } from 'react';
 import { themes } from './src';
@@ -12,11 +12,13 @@ const commonDeps = [
 ];
 
 
-export const renderWithDeps = (component: ReactNode) => {
+export const renderWithDeps = (component: ReactNode, deps: Injectable[] = []) => {
 	return render(
-		<DiProvider use={commonDeps}>
+		<DiProvider use={[...commonDeps, ...deps]}>
 			<RedbackUiThemeProvider theme={themes.default}>
 				{component}
 			</RedbackUiThemeProvider>
-		</DiProvider>);
+		</DiProvider>
+	);
 };
+