fix: update tests

src/plugin-hooks/tests/useRowSelect.test.js

@@ -75,14 +75,13 @@ function Table({ columns, data }) {
     headerGroups,
     rows,
     prepareRow,
-    state: { selectedRowIds },
   } = useTable(
     {
       columns,
       data,
     },
-    useRowSelect,
     useExpanded,
+    useRowSelect,
     hooks => {
       hooks.visibleColumns.push(columns => [
         // Let's make a column for selection
@@ -218,15 +217,15 @@ test('renders a table with selectable rows', () => {
 
   fireEvent.click(rtl.getByLabelText('Select All'))
 
-  expect(rtl.getAllByText('Selected').length).toBe(24)
+  expect(rtl.getAllByText('Selected').length).toBe(36)
 
   fireEvent.click(rtl.getAllByLabelText('Select Row')[2])
 
-  expect(rtl.queryAllByText('Selected').length).toBe(23)
+  expect(rtl.queryAllByText('Selected').length).toBe(33)
 
   fireEvent.click(rtl.getByLabelText('Select All'))
 
-  expect(rtl.queryAllByText('Selected').length).toBe(24)
+  expect(rtl.queryAllByText('Selected').length).toBe(36)
 
   fireEvent.click(rtl.getByLabelText('Select All'))
 

src/plugin-hooks/tests/useSortBy.test.js

@@ -250,7 +250,12 @@ test('Test initialState.sortBy: When clicking the last sortBy column, the sorted
       .queryAllByRole('row')
       .slice(2)
       .map(d => d.children[0].textContent)
-  ).toEqual(['firstName: tanner', 'firstName: derek', 'firstName: joe'])
+  ).toEqual([
+    'firstName: tanner',
+    'firstName: derek',
+    'firstName: joe',
+    'firstName: john',
+  ])
 
   fireEvent.click(rendered.getByText('Age 🔼0'))
   rendered.getByText('Age 🔽0')
@@ -259,7 +264,12 @@ test('Test initialState.sortBy: When clicking the last sortBy column, the sorted
       .queryAllByRole('row')
       .slice(2)
       .map(d => d.children[0].textContent)
-  ).toEqual(['firstName: joe', 'firstName: derek', 'firstName: tanner'])
+  ).toEqual([
+    'firstName: john',
+    'firstName: joe',
+    'firstName: derek',
+    'firstName: tanner',
+  ])
 
   fireEvent.click(rendered.getByText('Age 🔽0'))
   rendered.getByText('Age')

src/utils.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import { defaultColumn, emptyRenderer } from './publicUtils'
 
 // Find the depth of the columns
@@ -86,7 +85,11 @@ export function decorateColumn(column, userDefaultColumn) {
 }
 
 // Build the header groups from the bottom up
-export function makeHeaderGroups(allColumns, defaultColumn, additionalHeaderProperties = () => ({})) {
+export function makeHeaderGroups(
+  allColumns,
+  defaultColumn,
+  additionalHeaderProperties = () => ({})
+) {
   const headerGroups = []
 
   let scanColumns = allColumns