updated test case

Author: murradha

packages/visual-stack/src/components/Table/DataTable/tests/index.test.js

@@ -673,9 +673,10 @@ describe('DataTable', () => {
 
       it('should callback with the descending sorting data on non sorted header', () => {
         const onSort = jest.fn();
-        const first = 'a';
-        const second = 'b';
-        const third = 'c';
+        const first = null;
+        const second = 'a';
+        const third = 'b';
+        const fourth = 'c';
         const label = 'id';
         const wrapper = mount(
           <DataTable
@@ -692,6 +693,7 @@ describe('DataTable', () => {
               { id: 0, row: [second], selected: false },
               { id: 1, row: [first], selected: false },
               { id: 2, row: [third], selected: false },
+              { id: 3, row: [fourth], selected: false },
             ]}
             onSort={onSort}
             sortable
@@ -703,6 +705,7 @@ describe('DataTable', () => {
         targetHeaderWrapper.simulate('click');
 
         expect(onSort.mock.calls[0][0].data).toEqual([
+          { id: 3, row: [fourth], selected: false },
           { id: 2, row: [third], selected: false },
           { id: 0, row: [second], selected: false },
           { id: 1, row: [first], selected: false },
@@ -769,10 +772,10 @@ describe('DataTable', () => {
               order: ASCENDING,
             }}
             data={[
-              { id: 2, row: [second], selected: false },
+              { id: 2, row: [third], selected: false },
               { id: 1, row: [second], selected: false },
               { id: 0, row: [first], selected: false },
-              { id: 3, row: [third], selected: false },
+              { id: 3, row: [fourth], selected: false },
             ]}
             onSort={onSort}
             sortable
@@ -783,8 +786,8 @@ describe('DataTable', () => {
           .filterWhere(node => trim(node.text()) === label);
         targetHeaderWrapper.simulate('click');
         expect(onSort.mock.calls[0][0].data).toEqual([
-          { id: 3, row: [third], selected: false },
-          { id: 2, row: [second], selected: false },
+          { id: 3, row: [fourth], selected: false },
+          { id: 2, row: [third], selected: false },
           { id: 1, row: [second], selected: false },
           { id: 0, row: [first], selected: false },
         ]);