chore: add tests for the style provider component

test/core/ChicStyleProvider.test.ts

@@ -0,0 +1,17 @@
+import ChicStyleProvider from '@src/core/ChicStyleProvider';
+import StyleContext from '@src/lib/StyleContext';
+import styles from '@test/__mocks__/styles.module.json';
+import { createElement } from 'react';
+import { render, screen } from '@testing-library/react';
+import type { CSSModule } from '@types';
+
+describe('core/ChicStyleProvider', () => {
+  it('should return a context provider that child components can read from', () => {
+    const Consumer = createElement(StyleContext.Consumer, null, (context: CSSModule) => {
+      return createElement('h1', null, context.hero);
+    });
+
+    render(createElement(ChicStyleProvider, { styles: styles }, Consumer));
+    expect(screen.getByRole('heading').innerHTML).toBe('hero');
+  });
+});

types/index.d.ts

@@ -58,7 +58,7 @@ export type ChicTagWithAttrsInterface = {
 };
 
 export type ChicStyleProviderProps = {
-  children: ReactNode;
+  children?: ReactNode;
   styles: CSSModule;
 };