From a2e7a3962f3cb06a3741999e9e30f4ef25f4d6a4 Mon Sep 17 00:00:00 2001
From: Ari Perkkio <ari.perkkio@gmail.com>
Date: Sun, 6 Sep 2020 15:55:25 +0300
Subject: [PATCH] [Fix] `jsx-handler-names`: handle whitespace

Fixes #2785
---
 lib/rules/jsx-handler-names.js       |  1 +
 tests/lib/rules/jsx-handler-names.js | 14 ++++++++++++++
 2 files changed, 15 insertions(+)

diff --git a/lib/rules/jsx-handler-names.js b/lib/rules/jsx-handler-names.js
index 52879ef9c4..73c4c42372 100644
--- a/lib/rules/jsx-handler-names.js
+++ b/lib/rules/jsx-handler-names.js
@@ -121,6 +121,7 @@ module.exports = {
         const expression = node.value.expression;
         const propValue = context.getSourceCode()
           .getText(checkInlineFunction && isInlineHandler(node) ? expression.body.callee : expression)
+          .replace(/\s*/g, '')
           .replace(/^this\.|.*::/, '');
 
         if (propKey === 'ref') {
diff --git a/tests/lib/rules/jsx-handler-names.js b/tests/lib/rules/jsx-handler-names.js
index a167e9a11e..682064b2e2 100644
--- a/tests/lib/rules/jsx-handler-names.js
+++ b/tests/lib/rules/jsx-handler-names.js
@@ -32,6 +32,20 @@ ruleTester.run('jsx-handler-names', rule, {
     code: '<TestComponent onChange={this.handleChange} />'
   }, {
     code: '<TestComponent onChange={this.props.onChange} />'
+  },
+  {
+    code: `<TestComponent
+              onChange={
+                this
+                  .handleChange
+              } />`
+  }, {
+    code: `<TestComponent
+              onChange={
+                this
+                  .props
+                  .handleChange
+              } />`
   }, {
     code: '<TestComponent onChange={handleChange} />',
     options: [{