[react-table] add tests for HOCs

types/react-table/select-table-tests.tsx

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+
+import ReactTable, { Column } from 'react-table';
+import selectTableHOC, {
+    SelectTableAdditionalProps
+} from 'react-table/lib/hoc/selectTable';
+
+import 'react-table/react-table.css';
+
+const SelectTable = selectTableHOC(ReactTable);
+
+const selectTableAdditionalProps: SelectTableAdditionalProps = {
+    isSelected: () => true,
+    keyField: 'id',
+    selectAll: true,
+    selectType: 'checkbox',
+    toggleAll: () => null,
+    toggleSelection: () => null
+};
+
+const data = [{ id: 1, name: 'Foo' }, { id: 2, name: 'Bar' }];
+
+const columns: Column[] = [
+    { Header: 'ID', accessor: 'id' },
+    { Header: 'Name', accessor: 'name' }
+];
+
+ReactDOM.render(
+    <SelectTable
+        {...selectTableAdditionalProps}
+        data={data}
+        columns={columns}
+    />,
+    document.getElementById('root')
+);

types/react-table/tree-table-tests.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+
+import ReactTable, { Column } from 'react-table';
+import treeTableHOC from 'react-table/lib/hoc/treeTable';
+
+import 'react-table/react-table.css';
+
+const SelectTable = treeTableHOC(ReactTable);
+
+const data = [{ id: 1, name: 'Foo' }, { id: 2, name: 'Bar' }];
+
+const columns: Column[] = [
+    { Header: 'ID', accessor: 'id' },
+    { Header: 'Name', accessor: 'name' }
+];
+
+ReactDOM.render(
+    <SelectTable data={data} columns={columns} />,
+    document.getElementById('root')
+);

types/react-table/tsconfig.json

@@ -20,6 +20,8 @@
     },
     "files": [
         "index.d.ts",
-        "react-table-tests.tsx"
+        "react-table-tests.tsx",
+        "select-table-tests.tsx",
+        "tree-table-tests.tsx"
     ]
 }