Merge pull request #48 from CanopyTax/issue-47

Making Parcel component work in IE11

src/parcel.js

@@ -131,7 +131,7 @@ export default class Parcel extends React.Component {
       })
   }
   getParcelProps = () => {
-    const parcelProps = Object.assign({}, this.props)
+    const parcelProps = {...this.props}
 
     delete parcelProps.mountParcel
     delete parcelProps.config

src/parcel.test.js

@@ -1,8 +1,6 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
 import Parcel from './parcel.js'
 import {mount} from 'enzyme'
-import {SingleSpaContext} from '../lib/single-spa-react.js'
 
 document.body.appendChild = jest.fn()
 
@@ -136,6 +134,16 @@ describe(`<Parcel />`, () => {
     triggerComponentDidUpdate()
   })
 
+  it(`calls mountParcel with the all the React props`, () => {
+    const wrapper = mount(<Parcel {...props} />)
+    // We need to wait for a microtask to finish before the Parcel component will have called mountParcel
+    return Promise.resolve().then(() => {
+      expect(mountParcel).toHaveBeenCalled()
+      const parcelProps = mountParcel.mock.calls[0][1]
+      expect(parcelProps.domElement).toBeInstanceOf(HTMLDivElement)
+    })
+  })
+
   // https://github.com/airbnb/enzyme/pull/1513 isn't published, waaaaaaaaaaaaa :'(
   // it(`lets you not pass in a mountParcel prop if the SingleSpaContext is set with one`, () => {
   //   // this creates the SingleSpaContext