Fix regression with custom mapTranslationToProps behaviour

everydayhero · Mar 6, 2018 · 2cd1c9c · 2cd1c9c
1 parent 9d950a5
commit 2cd1c9c
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 1 deletion.
diff --git a/packages/translated-components/src/index.js b/packages/translated-components/src/index.js
@@ -40,7 +40,7 @@ const translated = ({
                   locale: props.locale || locale || defaultLocale,
                   defaultLocale,
                   reducer: templateReducer(templateParamValues(props, params))
-                }))}
+                }), props)}
               />
             )
           }}

diff --git a/packages/translated-components/test/translated-component-test.js b/packages/translated-components/test/translated-component-test.js
@@ -210,4 +210,31 @@ describe('Translate', () => {
 
     assert(wrapper.text().includes(translations['en_AU'].two))
   })
+
+  it('should execute a custom mapTranslationsToProps to provide interpolated translations, if it exists', () => {
+    const translations = {
+      en_AU: {
+        one: 'AUOne',
+        two: 'AUTwo'
+      },
+      en_NZ: {
+        one: 'NZOne'
+      }
+    }
+    const mapTranslationsToProps = (translations, props) => {
+      return {
+        ...translations,
+        three: props.three + ' Extra info!'
+      }
+    }
+    const Dummy = (props) => <div>{props.one}{props.two}{props.three}</div>
+    const DummyTranslated = translated({translations, mapTranslationsToProps})(Dummy)
+    const wrapper = mount(
+      <LocaleProvider locale='en_NZ' defaultLocale='en_AU'>
+        <DummyTranslated three='Three' />
+      </LocaleProvider>
+    )
+
+    assert(wrapper.text().includes('Three Extra info!'))
+  })
 })