import { mount, configure } from "enzyme";
import { TableHead, TableCell, Typography, TableBody, Button, TableSortLabel } from "@material-ui/core";
import * as Adapter from "enzyme-adapter-react-16";
-import DataTable, { DataColumns } from "./data-table";
-import DataTableFilters from "../data-table-filters/data-table-filters";
+import { DataTable, DataColumns } from "./data-table";
+import { DataTableFilters } from "../data-table-filters/data-table-filters";
import { SortDirection } from "./data-column";
configure({ adapter: new Adapter() });
{
name: "Column 1",
render: () => <span />,
- selected: true
+ selected: true,
+ configurable: true
},
{
name: "Column 2",
render: () => <span />,
- selected: true
+ selected: true,
+ configurable: true
},
{
name: "Column 3",
render: () => <span />,
- selected: false
+ selected: false,
+ configurable: true
}
];
const dataTable = mount(<DataTable
{
name: "Column 1",
render: () => <span />,
- selected: true
+ selected: true,
+ configurable: true
}
];
const dataTable = mount(<DataTable
name: "Column 1",
renderHeader: () => <span>Column Header</span>,
render: () => <span />,
- selected: true
+ selected: true,
+ configurable: true
}
];
const dataTable = mount(<DataTable
name: "Column 1",
key: "column-1-key",
render: () => <span />,
- selected: true
+ selected: true,
+ configurable: true
}
];
const dataTable = mount(<DataTable
{
name: "Column 1",
render: (item) => <Typography>{item}</Typography>,
- selected: true
+ selected: true,
+ configurable: true
},
{
name: "Column 2",
render: (item) => <Button>{item}</Button>,
- selected: true
+ selected: true,
+ configurable: true
}
];
const dataTable = mount(<DataTable
it("passes sorting props to <TableSortLabel />", () => {
const columns: DataColumns<string> = [{
name: "Column 1",
- sortDirection: SortDirection.Asc,
+ sortDirection: SortDirection.ASC,
selected: true,
+ configurable: true,
render: (item) => <Typography>{item}</Typography>
}];
const onSortToggle = jest.fn();
it("passes filter props to <DataTableFilter />", () => {
const columns: DataColumns<string> = [{
name: "Column 1",
- sortDirection: SortDirection.Asc,
+ sortDirection: SortDirection.ASC,
selected: true,
+ configurable: true,
filters: [{ name: "Filter 1", selected: true }],
render: (item) => <Typography>{item}</Typography>
}];
dataTable.find(DataTableFilters).prop("onChange")([]);
expect(onFiltersChange).toHaveBeenCalledWith([], columns[0]);
});
-
-
-});
\ No newline at end of file
+});