import * as React from "react";
import { mount, configure } from "enzyme";
-import DataTableFilter, { DataTableFilterItem } from "./data-table-filters";
+import { DataTableFilters } from "./data-table-filters";
import * as Adapter from 'enzyme-adapter-react-16';
import { Checkbox, ButtonBase, ListItem, Button, ListItemText } from "@material-ui/core";
name: "Filter 2",
selected: false
}];
- const dataTableFilter = mount(<DataTableFilter name="" filters={filters} />);
+ const dataTableFilter = mount(<DataTableFilters name="" filters={filters} />);
dataTableFilter.find(ButtonBase).simulate("click");
expect(dataTableFilter.find(Checkbox).at(0).prop("checked")).toBeTruthy();
expect(dataTableFilter.find(Checkbox).at(1).prop("checked")).toBeFalsy();
});
-
+
it("updates filters after filters prop change", () => {
const filters = [{
name: "Filter 1",
name: "Filter 2",
selected: true
}];
- const dataTableFilter = mount(<DataTableFilter name="" filters={filters} />);
+ const dataTableFilter = mount(<DataTableFilters name="" filters={filters} />);
dataTableFilter.find(ButtonBase).simulate("click");
expect(dataTableFilter.find(Checkbox).prop("checked")).toBeTruthy();
dataTableFilter.find(ListItem).simulate("click");
selected: false
}];
const onChange = jest.fn();
- const dataTableFilter = mount(<DataTableFilter name="" filters={filters} onChange={onChange} />);
+ const dataTableFilter = mount(<DataTableFilters name="" filters={filters} onChange={onChange} />);
dataTableFilter.find(ButtonBase).simulate("click");
dataTableFilter.find(ListItem).at(1).simulate("click");
dataTableFilter.find(Button).at(0).simulate("click");
selected: true
}]);
});
-});
\ No newline at end of file
+});