yext / search-ui-react / 16125266659 / 1

86%

main: 86%

push

github

Use react-i18next for default translations (#543)

* Use react-i18next for default translations

The default translations live in the locales/ folder.
To enable translation on the react components, use <SearchI18nextProvider/> wrapper.
SearchI18nextProvider component accepts a seach headless instance and an optional translation overrides object.

J=WAT-3442,WAT-3443
TEST=manual

updated test-site to enable translation with some overrides. Spun up test-site and saw expected translations and overrides on initial load and upon locale changes.

* Removed fallbacks.

Manually tested on test-site and VLE locator.
1. Tested without SearchI18nextProvider wrapper, saw the strings rendered in English regardless of the locale.
2. Tested with SearchI18nextProvider wrapper, saw strings translated based on locale files and overrides are applied as expected.

Updated jest tests.

820 of 1025 branches covered (80.0%)

Branch coverage included in aggregate %.

2066 of 2242 relevant lines covered (92.15%)

136.4 hits per line