fixup! Split RUIProvider into two

react-ui-org · Dec 20, 2024 · 2b0daaa · 2b0daaa
1 parent ff97cc3
commit 2b0daaa
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 16 deletions.
diff --git a/src/providers/translations/TranslationsProvider.jsx b/src/providers/translations/TranslationsProvider.jsx
@@ -10,11 +10,11 @@ const TranslationsProvider = ({
   children,
   translations,
 }) => {
-  const context = useContext(TranslationsContext);
+  const contextTranslations = useContext(TranslationsContext);
 
   return (
     <TranslationsContext.Provider
-      value={mergeDeep(context?.translations, translations)}
+      value={mergeDeep(contextTranslations, translations)}
     >
       {children}
     </TranslationsContext.Provider>

diff --git a/src/providers/translations/__tests__/TranslationsProvider.test.jsx b/src/providers/translations/__tests__/TranslationsProvider.test.jsx
@@ -4,27 +4,47 @@ import {
   within,
 } from '@testing-library/react';
 import { Alert } from '../../../components/Alert';
+import { ScrollView } from '../../../components/ScrollView';
 import TranslationsProvider from '../TranslationsProvider';
 
 describe('rendering', () => {
-  it.each([
-    [
-      {
-        children: <Alert onClose={() => {}}>alert text</Alert>,
-        translations: {
+  it('renders with translations', () => {
+    const dom = render((
+      <TranslationsProvider
+        translations={{
           Alert: { close: 'Zavřít' },
-        },
-      },
-      (rootElement) => expect(within(rootElement).getByTitle('Zavřít')),
-    ],
-  ])('renders with props: "%s"', (testedProps, assert) => {
+        }}
+      >
+        <Alert onClose={() => {}}>alert text</Alert>
+      </TranslationsProvider>
+
+    ));
+
+    expect(within(dom.container.firstChild).getByTitle('Zavřít'));
+  });
+
+  it('renders with nested translations', () => {
     const dom = render((
       <TranslationsProvider
-        {...testedProps}
-      />
+        translations={{
+          ScrollView: {
+            next: 'Další',
+            previous: 'Předchozí',
+          },
+        }}
+      >
+        <TranslationsProvider
+          translations={{
+            ScrollView: { next: 'Sigiente' },
+          }}
+        >
+          <ScrollView arrows>some scrolable text</ScrollView>
+        </TranslationsProvider>
+      </TranslationsProvider>
+
     ));
 
-    assert(dom.container.firstChild);
+    expect(within(dom.container.firstChild).getByTitle('Předchozí'));
+    expect(within(dom.container.firstChild).getByTitle('Sigiente'));
   });
 });
-