15768: fixed rerun bug Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox@curii...

[arvados-workbench2.git] / src / components / data-explorer / data-explorer.test.tsx

diff --git a/src/components/data-explorer/data-explorer.test.tsx b/src/components/data-explorer/data-explorer.test.tsx
index ffb21417693db35b7c52b8ab91f83439f80baf73..b86567a54c4a73cde90e2c5ef115df5df63037ce 100644 (file)
--- a/src/components/data-explorer/data-explorer.test.tsx
+++ b/src/components/data-explorer/data-explorer.test.tsx
@@ -56,74 +56,80 @@ describe("<DataExplorer />", () => {
         expect(onSearch).toHaveBeenCalledWith("new value");
     });
 
-    // it("communicates with <ColumnSelector/>", () => {
-    //     const onColumnToggle = jest.fn();
-    //     const onSetColumns = jest.fn();
-    //     const columns = [{ name: "Column 1", render: jest.fn(), selected: true, configurable: true, sortDirection: SortDirection.ASC, filters: {} }];
-    //     const dataExplorer = mount(
-    //         <DataExplorer
-    //             {...mockDataExplorerProps()}
-    //             columns={columns}
-    //             onColumnToggle={onColumnToggle}
-    //             items={[{ name: "item 1" }]}
-    //             onSetColumns={onSetColumns}
-    //         />
-    //     );
-    //     expect(dataExplorer.find(ColumnSelector).prop("columns")).toBe(columns);
-    //     dataExplorer.find(ColumnSelector).prop("onColumnToggle")("columns");
-    //     expect(onColumnToggle).toHaveBeenCalledWith("columns");
-    // });
+    it("communicates with <ColumnSelector/>", () => {
+        const onColumnToggle = jest.fn();
+        const onSetColumns = jest.fn();
+        const columns = [{ name: "Column 1", render: jest.fn(), selected: true, configurable: true, sortDirection: SortDirection.ASC, filters: {} }];
+        const dataExplorer = mount(
+            <Provider store={store}>
+                <DataExplorer
+                    {...mockDataExplorerProps()}
+                    columns={columns}
+                    onColumnToggle={onColumnToggle}
+                    items={[{ name: "item 1" }]}
+                    onSetColumns={onSetColumns}
+                />
+            </Provider>
+        );
+        expect(dataExplorer.find(ColumnSelector).prop("columns")).toBe(columns);
+        dataExplorer.find(ColumnSelector).prop("onColumnToggle")("columns");
+        expect(onColumnToggle).toHaveBeenCalledWith("columns");
+    });
 
-    // it("communicates with <DataTable/>", () => {
-    //     const onFiltersChange = jest.fn();
-    //     const onSortToggle = jest.fn();
-    //     const onRowClick = jest.fn();
-    //     const onSetColumns = jest.fn();
-    //     const columns = [{ name: "Column 1", render: jest.fn(), selected: true, configurable: true, sortDirection: SortDirection.ASC, filters: {} }];
-    //     const items = [{ name: "item 1" }];
-    //     const dataExplorer = mount(
-    //         <DataExplorer
-    //             {...mockDataExplorerProps()}
-    //             columns={columns}
-    //             items={items}
-    //             onFiltersChange={onFiltersChange}
-    //             onSortToggle={onSortToggle}
-    //             onRowClick={onRowClick}
-    //             onSetColumns={onSetColumns}
-    //         />
-    //     );
-    //     expect(dataExplorer.find(DataTable).prop("columns").slice(1, 2)).toEqual(columns);
-    //     expect(dataExplorer.find(DataTable).prop("items")).toBe(items);
-    //     dataExplorer.find(DataTable).prop("onRowClick")("event", "rowClick");
-    //     dataExplorer.find(DataTable).prop("onFiltersChange")("filtersChange");
-    //     dataExplorer.find(DataTable).prop("onSortToggle")("sortToggle");
-    //     expect(onFiltersChange).toHaveBeenCalledWith("filtersChange");
-    //     expect(onSortToggle).toHaveBeenCalledWith("sortToggle");
-    //     expect(onRowClick).toHaveBeenCalledWith("rowClick");
-    // });
+    it("communicates with <DataTable/>", () => {
+        const onFiltersChange = jest.fn();
+        const onSortToggle = jest.fn();
+        const onRowClick = jest.fn();
+        const onSetColumns = jest.fn();
+        const columns = [{ name: "Column 1", render: jest.fn(), selected: true, configurable: true, sortDirection: SortDirection.ASC, filters: {} }];
+        const items = [{ name: "item 1" }];
+        const dataExplorer = mount(
+            <Provider store={store}>
+                <DataExplorer
+                    {...mockDataExplorerProps()}
+                    columns={columns}
+                    items={items}
+                    onFiltersChange={onFiltersChange}
+                    onSortToggle={onSortToggle}
+                    onRowClick={onRowClick}
+                    onSetColumns={onSetColumns}
+                />
+            </Provider>
+        );
+        expect(dataExplorer.find(DataTable).prop("columns").slice(1, 2)).toEqual(columns);
+        expect(dataExplorer.find(DataTable).prop("items")).toBe(items);
+        dataExplorer.find(DataTable).prop("onRowClick")("event", "rowClick");
+        dataExplorer.find(DataTable).prop("onFiltersChange")("filtersChange");
+        dataExplorer.find(DataTable).prop("onSortToggle")("sortToggle");
+        expect(onFiltersChange).toHaveBeenCalledWith("filtersChange");
+        expect(onSortToggle).toHaveBeenCalledWith("sortToggle");
+        expect(onRowClick).toHaveBeenCalledWith("rowClick");
+    });
 
-    // it("communicates with <TablePagination/>", () => {
-    //     const onChangePage = jest.fn();
-    //     const onChangeRowsPerPage = jest.fn();
-    //     const onSetColumns = jest.fn();
-    //     const dataExplorer = mount(
-    //         <DataExplorer
-    //             {...mockDataExplorerProps()}
-    //             items={[{ name: "item 1" }]}
-    //             page={10}
-    //             rowsPerPage={50}
-    //             onChangePage={onChangePage}
-    //             onChangeRowsPerPage={onChangeRowsPerPage}
-    //             onSetColumns={onSetColumns}
-    //         />
-    //     );
-    //     expect(dataExplorer.find(TablePagination).prop("page")).toEqual(10);
-    //     expect(dataExplorer.find(TablePagination).prop("rowsPerPage")).toEqual(50);
-    //     dataExplorer.find(TablePagination).prop("onChangePage")(undefined, 6);
-    //     dataExplorer.find(TablePagination).prop("onChangeRowsPerPage")({ target: { value: 10 } });
-    //     expect(onChangePage).toHaveBeenCalledWith(6);
-    //     expect(onChangeRowsPerPage).toHaveBeenCalledWith(10);
-    // });
+    it("communicates with <TablePagination/>", () => {
+        const onChangePage = jest.fn();
+        const onChangeRowsPerPage = jest.fn();
+        const onSetColumns = jest.fn();
+        const dataExplorer = mount(
+            <Provider store={store}>
+                <DataExplorer
+                    {...mockDataExplorerProps()}
+                    items={[{ name: "item 1" }]}
+                    page={10}
+                    rowsPerPage={50}
+                    onChangePage={onChangePage}
+                    onChangeRowsPerPage={onChangeRowsPerPage}
+                    onSetColumns={onSetColumns}
+                />
+            </Provider>
+        );
+        expect(dataExplorer.find(TablePagination).prop("page")).toEqual(10);
+        expect(dataExplorer.find(TablePagination).prop("rowsPerPage")).toEqual(50);
+        dataExplorer.find(TablePagination).prop("onChangePage")(undefined, 6);
+        dataExplorer.find(TablePagination).prop("onChangeRowsPerPage")({ target: { value: 10 } });
+        expect(onChangePage).toHaveBeenCalledWith(6);
+        expect(onChangeRowsPerPage).toHaveBeenCalledWith(10);
+    });
 });
 
 const mockDataExplorerProps = () => ({