github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-05 03:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): allow passing extra props down to modal transition

Browse Source
This commit is contained in:
Łukasz Mierzwa
2018-10-11 10:24:35 +01:00
parent e443e659c6
commit 3fb4feb731
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/Components/Modal/index.js
View File

@@ -42,11 +42,11 @@ const Modal = observer(
}
render() {
const { isOpen, children } = this.props;
const { isOpen, children, ...props } = this.props;
return ReactDOM.createPortal(
<React.Fragment>
<MountModal in={isOpen} unmountOnExit>
<MountModal in={isOpen} unmountOnExit {...props}>
<div className="modal d-block" role="dialog">
<div className="modal-dialog modal-lg" role="document">
<div className="modal-content">{children}</div>

11
ui/src/Components/Modal/index.test.js
View File

@@ -28,4 +28,15 @@ describe("<Modal />", () => {
tree.unmount();
expect(document.body.className.split(" ")).not.toContain("modal-open");
});
it("passes extra props down to the MountModal animation component", () => {
const onExited = jest.fn();
const tree = mount(
<Modal isOpen={true} onExited={onExited}>
<div />
</Modal>
);
const mountModal = tree.find("MountModal");
expect(mountModal.props().onExited).toBe(onExited);
});
});