X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/37eb0fb5a3f6c36b484fce5c2f6dacb3ce95eef5..68ac0f45eef3ed971615fb0a0849c950b74d7e06:/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 94c7be6d..616a9c12 100644 --- a/src/components/data-explorer/data-explorer.test.tsx +++ b/src/components/data-explorer/data-explorer.test.tsx @@ -6,39 +6,21 @@ 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"; 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(), - stopPropagation: 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 dataExplorer = mount(); expect(dataExplorer.find(SearchInput).prop("value")).toEqual("search value"); @@ -53,8 +35,7 @@ describe("", () => { {...mockDataExplorerProps()} columns={columns} onColumnToggle={onColumnToggle} - contextActions={[]} - items={["Item 1"]} />); + items={[{ name: "item 1" }]} />); expect(dataExplorer.find(ColumnSelector).prop("columns")).toBe(columns); dataExplorer.find(ColumnSelector).prop("onColumnToggle")("columns"); expect(onColumnToggle).toHaveBeenCalledWith("columns"); @@ -65,7 +46,7 @@ describe("", () => { const onSortToggle = jest.fn(); const onRowClick = jest.fn(); const columns = [{ name: "Column 1", render: jest.fn(), selected: true }]; - const items = ["Item 1"]; + const items = [{ name: "item 1" }]; const dataExplorer = mount(", () => { expect(onRowClick).toHaveBeenCalledWith("rowClick"); }); - it("does not render , and if there is no items", () => { + it("does not render if there is no items", () => { const dataExplorer = mount(); - expect(dataExplorer.find(SearchInput)).toHaveLength(0); expect(dataExplorer.find(TablePagination)).toHaveLength(0); }); @@ -97,7 +77,7 @@ describe("", () => { const onChangeRowsPerPage = jest.fn(); const dataExplorer = mount(", () => { const mockDataExplorerProps = () => ({ columns: [], items: [], + itemsAvailable: 0, contextActions: [], searchValue: "", page: 0, @@ -123,8 +104,9 @@ const mockDataExplorerProps = () => ({ 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() +});