I'm trying to unit test a Vue component that dynamically loads it's child component. The problem is that Jest / Vue utils doesn't seem to be able to render it. Is there any way of doing this?

My component

<template>
  <component :is="component" v-bind="props" />
</template>

<script>
const components = {
  dog: () => import('./dog.vue'),
  cat: () => import('./cat.vue')
}

export default {
  props: { type: String }

  computed: {
    component() {
      return components[this.type]
    }

    props() { ... }
  }
}
</script>

This is my test

...
it('renders correctly', async () => {
  const wrapper = mount(Component, { ... })

  expect(wrapper.element).toMatchSnapshot()
})
...

And this is the resulting snapshot file

// Jest Snapshot v1

exports[`Markdown Token renders correctly 1`] = `<!---->`;

Thanks in advance :)