Cypress and Single-SPA

[mlaw93]

Anyone have experience setting up Cypress in a SIngle-SPA running stand-alone.

My hiccup is that I am not sure how to accomplish attaching the app and the store to the window.

The old code to setup my app and Cypress

const app = new Vue({
  vuetify,
  router,
  store,
  render: (h) => h(App),
}).$mount('#my-page')

if (window.Cypress) {
  window.app = app
  window.store = store
}

New code used to setup the App

const vueLifecycles = singleSpaVue({
  Vue,
  appOptions: {
    render(h) {
      return h(App, {
        props: {
          // single-spa props are available on the "this" object. Forward them to your component as needed.
          // https://single-spa.js.org/docs/building-applications#lifecycle-props
          // if you uncomment these, remember to add matching prop definitions for them in your App.vue file.
          /*
          name: this.name,
          mountParcel: this.mountParcel,
          singleSpa: this.singleSpa,
          */
        },
      })
    },
    router,
    store,
    vuetify: vuetify,
  },
})
export const bootstrap = vueLifecycles.bootstrap
export const mount = vueLifecycles.mount
export const unmount = vueLifecycles.unmount