Test case rich text support in FormattedMessage function-as-child pat…

…tern (formatjs#837)

* Add breaking test case for rich-text in FormattedMessage function-as-child

* Fix the test case rich-text in FormattedMessage function-as-child pattern

test/unit/components/message.js

@@ -208,4 +208,31 @@ describe('<FormattedMessage>', () => {
             <span>Hello, <b>Eric</b>!</span>
         );
     });
+
+    it('supports rich-text message formatting in function-as-child pattern', () => {
+        const {intl} = intlProvider.getChildContext();
+
+        const el = (
+            <FormattedMessage
+                id="hello"
+                defaultMessage="Hello, {name}!"
+                values={{
+                    name: <b>Prem</b>,
+                }}
+            >
+                {(...formattedMessage) => (
+                    <strong>{formattedMessage}</strong>
+                )}
+
+            </FormattedMessage>
+        );
+
+        renderer.render(el, {intl});
+        const rendered = renderer.getRenderOutput();
+
+        expect(rendered.props.children).toBeAn('array');
+        expect(rendered).toEqualJSX(
+            <strong>Hello, <b>Prem</b>!</strong>
+        );
+    });
 });