diff --git a/src/components/ReactTypeformEmbed/ReactTypeformEmbed.test.js b/src/components/ReactTypeformEmbed/ReactTypeformEmbed.test.js index 2165cc9..30805c2 100644 --- a/src/components/ReactTypeformEmbed/ReactTypeformEmbed.test.js +++ b/src/components/ReactTypeformEmbed/ReactTypeformEmbed.test.js @@ -21,4 +21,9 @@ describe('', () => { const wrapper = mount(); expect(wrapper.props().url).toEqual(url); }); + + it('should hide root node if props.popup is true', () => { + const wrapper = shallow(); + expect(wrapper.prop('style').display).toEqual('none'); + }); }); diff --git a/src/components/ReactTypeformEmbed/index.js b/src/components/ReactTypeformEmbed/index.js index 8b85410..e32821d 100644 --- a/src/components/ReactTypeformEmbed/index.js +++ b/src/components/ReactTypeformEmbed/index.js @@ -42,7 +42,10 @@ class ReactTypeformEmbed extends Component { } render() { - const style = Object.assign({}, styleDefault, this.props.style); + const styleBase = this.props.popup + ? { display: 'none' } + : {} + const style = Object.assign(styleBase, styleDefault, this.props.style); return
this.typeformElm = tf} style={style} />; }