import { mount, configure } from "enzyme";
import * as Adapter from "enzyme-adapter-react-16";
-import Popover, { DefaultTrigger } from "./popover";
+import { Popover, DefaultTrigger } from "./popover";
import Button, { ButtonProps } from "@material-ui/core/Button";
configure({ adapter: new Adapter() });
it("opens on default trigger click", () => {
const popover = mount(<Popover />);
popover.find(DefaultTrigger).simulate("click");
- expect(popover.state().anchorEl).toBeDefined();
+ expect((popover.state() as any).anchorEl).toBeDefined();
});
it("renders custom trigger", () => {
it("opens on custom trigger click", () => {
const popover = mount(<Popover triggerComponent={CustomTrigger} />);
popover.find(CustomTrigger).simulate("click");
- expect(popover.state().anchorEl).toBeDefined();
+ expect((popover.state() as any).anchorEl).toBeDefined();
});
it("renders children when opened", () => {
popover.find(DefaultTrigger).simulate("click");
expect(popover.find(CustomTrigger)).toHaveLength(1);
});
-
+
it("does not close if closeOnContentClick is not set", () => {
const popover = mount(
<Popover>
);
popover.find(DefaultTrigger).simulate("click");
popover.find(CustomTrigger).simulate("click");
- expect(popover.state().anchorEl).toBeDefined();
+ expect((popover.state() as any).anchorEl).toBeDefined();
});
it("closes on content click if closeOnContentClick is set", () => {
const popover = mount(
);
popover.find(DefaultTrigger).simulate("click");
popover.find(CustomTrigger).simulate("click");
- expect(popover.state().anchorEl).toBeUndefined();
+ expect((popover.state() as any).anchorEl).toBeUndefined();
});
});
<Button {...props}>
Open popover
</Button>
-);
\ No newline at end of file
+);