component: Add component reference to the mouse event handler depreca…

…tion warnings This makes the deprecations a lot more actionable because it's easier to see what component is causing the deprecation without having to open the debugger.
emberjs · Nov 15, 2019 · 261ad43 · 261ad43
1 parent c1d5fcc
commit 261ad43
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/@ember/-internals/glimmer/lib/component.ts b/packages/@ember/-internals/glimmer/lib/component.ts
@@ -747,7 +747,7 @@ const Component = CoreView.extend(
       }
 
       deprecate(
-        `Using \`mouseEnter\` event handler methods in components has been deprecated.`,
+        `${this}: Using \`mouseEnter\` event handler methods in components has been deprecated.`,
         this.mouseEnter === undefined,
         {
           id: 'ember-views.event-dispatcher.mouseenter-leave-move',
@@ -756,7 +756,7 @@ const Component = CoreView.extend(
         }
       );
       deprecate(
-        `Using \`mouseLeave\` event handler methods in components has been deprecated.`,
+        `${this}: Using \`mouseLeave\` event handler methods in components has been deprecated.`,
         this.mouseLeave === undefined,
         {
           id: 'ember-views.event-dispatcher.mouseenter-leave-move',
@@ -765,7 +765,7 @@ const Component = CoreView.extend(
         }
       );
       deprecate(
-        `Using \`mouseMove\` event handler methods in components has been deprecated.`,
+        `${this}: Using \`mouseMove\` event handler methods in components has been deprecated.`,
         this.mouseMove === undefined,
         {
           id: 'ember-views.event-dispatcher.mouseenter-leave-move',

diff --git a/packages/@ember/-internals/glimmer/tests/integration/event-dispatcher-test.js b/packages/@ember/-internals/glimmer/tests/integration/event-dispatcher-test.js
@@ -403,7 +403,7 @@ moduleFor(
       });
 
       expectDeprecation(
-        'Using `mouseMove` event handler methods in components has been deprecated.'
+        /Using `mouseMove` event handler methods in components has been deprecated\./
       );
 
       this.render(`{{x-foo}}`);