Ability to parse formatMessage method from intl prop (elastic#21277)

add support for extracting default messages from code strings like:

formatMessage();
intl.formatMessage();
props.intl.formatMessage();
this.props.intl.formatMessage();

src/dev/i18n/extract_code_messages.js

@@ -32,15 +32,28 @@ import { extractIntlMessages, extractFormattedMessages } from './extract_react_m
 
 /**
  * Detect Intl.formatMessage() function call (React).
- *
- * Example: `intl.formatMessage({ id: 'message-id', defaultMessage: 'Message text' });`
+ * @param {Object} node
+ * @returns {boolean}
+ * @example
+ * formatMessage({ id: 'message-id', defaultMessage: 'Message text' });
+ * intl.formatMessage({ id: 'message-id', defaultMessage: 'Message text' });
+ * props.intl.formatMessage({ id: 'message-id', defaultMessage: 'Message text' });
+ * this.props.intl.formatMessage({ id: 'message-id', defaultMessage: 'Message text' });
  */
 export function isIntlFormatMessageFunction(node) {
   return (
     isCallExpression(node) &&
-    isMemberExpression(node.callee) &&
-    isIdentifier(node.callee.object, { name: 'intl' }) &&
-    isIdentifier(node.callee.property, { name: 'formatMessage' })
+    (
+      isIdentifier(node.callee, { name: 'formatMessage' }) ||
+      (
+        isMemberExpression(node.callee) &&
+        (
+          isIdentifier(node.callee.object, { name: 'intl' }) ||
+          isIdentifier(node.callee.object.property, { name: 'intl' })
+        ) &&
+        isIdentifier(node.callee.property, { name: 'formatMessage' })
+      )
+    )
   );
 }
 

src/dev/i18n/extract_code_messages.test.js

@@ -47,7 +47,10 @@ class Component extends PureComponent {
 `);
 
 const intlFormatMessageSource = `
-intl.formatMessage({ id: 'kbn.mgmt.id-1', defaultMessage: 'Message text 1', context: 'Message context' });
+  formatMessage({ id: 'kbn.mgmt.id-1', defaultMessage: 'Message text 1', context: 'Message context' });
+  intl.formatMessage({ id: 'kbn.mgmt.id-2', defaultMessage: 'Message text 2', context: 'Message context' });
+  props.intl.formatMessage({ id: 'kbn.mgmt.id-5', defaultMessage: 'Message text 5', context: 'Message context' });
+  this.props.intl.formatMessage({ id: 'kbn.mgmt.id-6', defaultMessage: 'Message text 6', context: 'Message context' });
 `;
 
 const formattedMessageSource = `
@@ -81,11 +84,12 @@ describe('extractCodeMessages', () => {
 
 describe('isIntlFormatMessageFunction', () => {
   test('detects intl.formatMessage call expression', () => {
-    const callExpressioNode = [...traverseNodes(parse(intlFormatMessageSource).program.body)].find(
+    const callExpressionNodes = [...traverseNodes(parse(intlFormatMessageSource).program.body)].filter(
       node => isCallExpression(node)
     );
 
-    expect(isIntlFormatMessageFunction(callExpressioNode)).toBe(true);
+    expect(callExpressionNodes).toHaveLength(4);
+    expect(callExpressionNodes.every(callExpressionNode => isIntlFormatMessageFunction(callExpressionNode))).toBe(true);
   });
 });