Add another valid test case when the parenthesis are not on the same line as the opening/closing JSX elements

Author: Joachim Seminck

tests/lib/rules/jsx-wrap-multilines.js

@@ -150,6 +150,16 @@ const CONDITIONAL_PAREN = `
   </div>
 `;
 
+const CONDITIONAL_PAREN_DIFFERENT_LINE = `
+  <div>
+    {unreadMessages.length > 0 && (
+      <h2>
+        You have {unreadMessages.length} unread messages.
+      </h2>
+    )}
+  </div>
+`;
+
 const CONDITIONAL_NO_PAREN = `
   <div>
     {unreadMessages.length > 0 &&
@@ -218,6 +228,9 @@ ruleTester.run('jsx-wrap-multilines', rule, {
     }, {
       code: CONDITIONAL_PAREN,
       options: [{conditional: true}]
+    }, {
+      code: CONDITIONAL_PAREN_DIFFERENT_LINE,
+      options: [{conditional: true}]
     }, {
       code: CONDITIONAL_SINGLE_LINE,
       options: [{conditional: true}]