X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/75b209b2cbd37e3510fd726e737fa5457a6a8d77..e9d30481d8d57a0b906364ee115e136305b7ce79:/src/components/data-explorer/data-explorer.test.tsx?ds=inline
diff --git a/src/components/data-explorer/data-explorer.test.tsx b/src/components/data-explorer/data-explorer.test.tsx
index 1ce56414..d74b5319 100644
--- a/src/components/data-explorer/data-explorer.test.tsx
+++ b/src/components/data-explorer/data-explorer.test.tsx
@@ -6,40 +6,28 @@ import * as React from "react";
import { configure, mount } from "enzyme";
import * as Adapter from 'enzyme-adapter-react-16';
-import DataExplorer from "./data-explorer";
-import ContextMenu from "../context-menu/context-menu";
-import ColumnSelector from "../column-selector/column-selector";
-import DataTable from "../data-table/data-table";
-import SearchInput from "../search-input/search-input";
+import { DataExplorer } from "./data-explorer";
+import { ColumnSelector } from "../column-selector/column-selector";
+import { DataTable } from "../data-table/data-table";
+import { SearchInput } from "../search-input/search-input";
import { TablePagination } from "@material-ui/core";
+import { ProjectIcon } from '../icon/icon';
+import { DefaultView } from '../default-view/default-view';
+import { SortDirection } from '../data-table/data-column';
configure({ adapter: new Adapter() });
describe("", () => {
- it("communicates with ", () => {
- const onContextAction = jest.fn();
- const dataExplorer = mount();
- expect(dataExplorer.find(ContextMenu).prop("actions")).toEqual([]);
- dataExplorer.find(DataTable).prop("onRowContextMenu")({
- preventDefault: jest.fn()
- }, "Item 1");
- dataExplorer.find(ContextMenu).prop("onActionClick")({ name: "Action 1", icon: "" });
- expect(onContextAction).toHaveBeenCalledWith({ name: "Action 1", icon: "" }, "Item 1");
- });
-
it("communicates with ", () => {
const onSearch = jest.fn();
+ const onSetColumns = jest.fn();
const dataExplorer = mount();
+ onSearch={onSearch}
+ onSetColumns={onSetColumns} />);
expect(dataExplorer.find(SearchInput).prop("value")).toEqual("search value");
dataExplorer.find(SearchInput).prop("onSearch")("new value");
expect(onSearch).toHaveBeenCalledWith("new value");
@@ -47,13 +35,14 @@ describe("", () => {
it("communicates with ", () => {
const onColumnToggle = jest.fn();
- const columns = [{ name: "Column 1", render: jest.fn(), selected: true }];
+ const onSetColumns = jest.fn();
+ const columns = [{ name: "Column 1", render: jest.fn(), selected: true, configurable: true, sortDirection: SortDirection.ASC, filters: [] }];
const dataExplorer = mount();
+ items={[{ name: "item 1" }]}
+ onSetColumns={onSetColumns} />);
expect(dataExplorer.find(ColumnSelector).prop("columns")).toBe(columns);
dataExplorer.find(ColumnSelector).prop("onColumnToggle")("columns");
expect(onColumnToggle).toHaveBeenCalledWith("columns");
@@ -63,15 +52,17 @@ describe("", () => {
const onFiltersChange = jest.fn();
const onSortToggle = jest.fn();
const onRowClick = jest.fn();
- const columns = [{ name: "Column 1", render: jest.fn(), selected: true }];
- const items = ["Item 1"];
+ 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();
+ onRowClick={onRowClick}
+ onSetColumns={onSetColumns} />);
expect(dataExplorer.find(DataTable).prop("columns").slice(0, -1)).toEqual(columns);
expect(dataExplorer.find(DataTable).prop("items")).toBe(items);
dataExplorer.find(DataTable).prop("onRowClick")("event", "rowClick");
@@ -82,27 +73,18 @@ describe("", () => {
expect(onRowClick).toHaveBeenCalledWith("rowClick");
});
- it("does not render , and if there is no items", () => {
- const dataExplorer = mount();
- expect(dataExplorer.find(SearchInput)).toHaveLength(0);
- expect(dataExplorer.find(ColumnSelector)).toHaveLength(0);
- expect(dataExplorer.find(TablePagination)).toHaveLength(0);
- });
-
it("communicates with ", () => {
const onChangePage = jest.fn();
const onChangeRowsPerPage = jest.fn();
+ const onSetColumns = jest.fn();
const dataExplorer = mount();
+ 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);
@@ -115,16 +97,23 @@ describe("", () => {
const mockDataExplorerProps = () => ({
columns: [],
items: [],
+ itemsAvailable: 0,
contextActions: [],
searchValue: "",
page: 0,
rowsPerPage: 0,
+ rowsPerPageOptions: [0],
onSearch: jest.fn(),
onFiltersChange: jest.fn(),
onSortToggle: jest.fn(),
onRowClick: jest.fn(),
+ onRowDoubleClick: jest.fn(),
onColumnToggle: jest.fn(),
- onContextAction: jest.fn(),
onChangePage: jest.fn(),
- onChangeRowsPerPage: jest.fn()
-});
\ No newline at end of file
+ onChangeRowsPerPage: jest.fn(),
+ onContextMenu: jest.fn(),
+ defaultIcon: ProjectIcon,
+ onSetColumns: jest.fn(),
+ defaultMessages: ['testing'],
+ contextMenuColumn: true
+});