extending onContextMenu to return the complete component element and the event

README.md

@@ -45,7 +45,7 @@ Standard example:
 
 #### onCheck
 
-Returns: `node`
+Returns: `node.model`
 
 Fired when a checkbox state changes.
 
@@ -55,7 +55,7 @@ Fired when a checkbox state changes.
 
 #### onContextMenu
 
-Returns: `node`
+Returns: `node`, `event` 
 
 Fired on contextMenu event.
 
@@ -65,7 +65,7 @@ Fired on contextMenu event.
 
 #### onHover
 
-Returns: `node`
+Returns: `node.model`
 
 Fired when a mouse enters the node.
 
@@ -75,7 +75,7 @@ Fired when a mouse enters the node.
 
 #### onHoverOut
 
-Returns: `node`
+Returns: `node.model`
 
 Fired when a mouse leaves the node.
 
@@ -85,7 +85,7 @@ Fired when a mouse leaves the node.
 
 #### onSelect
 
-Returns: `node`
+Returns: `node.model`
 
 Fired when a node is selected.
 

addon/components/x-tree-node.js

@@ -35,7 +35,7 @@ export default Component.extend({
   contextMenu(event) {
     if (this.onContextMenu) {
       event.preventDefault();
-      this.onContextMenu(this.model);
+      this.onContextMenu(this, event);
     }
   },
 

tests/integration/components/x-tree-test.js

@@ -243,12 +243,16 @@ module('Integration | Component | x-tree', function(hooks) {
   });
 
   test('contextMenu event', async function(assert) {
-    this.set('onContextMenu', x => this.name = x.name);
+    this.set('onContextMenu', (x, event) => {
+      this.name = x.model.name;
+      this.targetTagName = event.target.tagName;
+    });
     this.set('tree', standardTree);
 
     await render(hbs`{{x-tree model=tree onContextMenu=onContextMenu}}`);
     await triggerEvent('.tree-node span', 'contextmenu')
 
     assert.equal(this.name, 'Root', 'item from contextMenu event is returned as expected');
+    assert.equal(this.targetTagName, 'SPAN', 'contextMenu event hit a span element');
   });
 });