Fix IntlProvider throw console error
The internationalization provider needs the locale information in order to work properly. The locale setup uses domain-based detection. Since the test run without domain-based context, we need to tell the component manually which locale is used.
Seto Elkahfi committed
Jan 26, 2020 at 00:59 UTC
d89f41cb41a5f419a9cd0cad43d5bdfb3a066c82
1 file changed
+6
-3
src/components/__tests__/App.test.js
+6
-3
@@ -1,13 +1,16 @@
1
import React from 'react';
2
import ReactDOM from 'react-dom';
3
import { BrowserRouter } from "react-router-dom";
4
+import { IntlProvider } from 'react-intl';
5
import App from '../App';
6
7
it('renders without crashing', () => {
8
const div = document.createElement('div');
9
ReactDOM.render(
9
- <BrowserRouter>
10
- <App />
11
- </BrowserRouter>, div);
10
+ <IntlProvider locale="en">
11
+ <BrowserRouter>
12
+ <App />
13
+ </BrowserRouter>
14
+ </IntlProvider>, div);
15
ReactDOM.unmountComponentAtNode(div);
16
});