feat: CDataTable, row-clicked event - add event object as argument

woothu · woothu · commit 89c1f8b70d3b · 2020-03-31T14:41:07.000+02:00
diff --git a/src/components/table/CDataTable.vue b/src/components/table/CDataTable.vue
@@ -122,7 +122,7 @@
             </tr>
             <tr
               v-if="$scopedSlots.details"
-              @click="rowClicked(item, itemIndex + firstItemIndex)"
+              @click="rowClicked(item, itemIndex + firstItemIndex, $event, true)"
               class="p-0"
               style="border:none !important"
               :key="'details' + itemIndex"
@@ -516,16 +516,18 @@ export default {
       }
       return style
     },
-    rowClicked (item, index, e) {
-      this.$emit('row-clicked', item, index, this.getClickedColumnName(e))
+    rowClicked (item, index, e, detailsClick = false) {
+      this.$emit(
+        'row-clicked', item, index, this.getClickedColumnName(e, detailsClick), e
+      )
     },
-    getClickedColumnName (e) {
-      if (e) {
+    getClickedColumnName (e, detailsClick) {
+      if (detailsClick) {
+        return 'details'
+      } else {
         const children = Array.from(e.target.closest('tr').children)
         const clickedCell = children.filter(child => child.contains(e.target))[0]
         return this.rawColumnNames[children.indexOf(clickedCell)]
-      } else {
-        return 'details'
       }
     },
     getIconState (index) {
diff --git a/src/components/table/tests/CDataTable.spec.js b/src/components/table/tests/CDataTable.spec.js
@@ -98,6 +98,9 @@ describe(ComponentName, () => {
     expect(customWrapper.emitted()['row-clicked'][0][2]).toBe('username')
     customWrapper.find('.details').trigger('click')
     expect(customWrapper.emitted()['row-clicked'][1][2]).toBe('details')
+    expect(
+      customWrapper.emitted()['row-clicked'][1][3] instanceof Event
+    ).toBe(true)
   })
   it('emits page-change event when clicked on computedPage change', () => {
     customWrapper.setData({ page: 2 })
