Broken with Vitest 0.32.0 about docs

[userquin]

rn you cannot test service workers in Vitest, and @vitest/browser still experimental...

[doutatsu]

The latest Vitest version (0.33) doesn't have an issue anymore. Not sure what change they made, but this is not an issue anymore

[userquin]

can you try adding v-if="!import.meta.vitest" to the component?

<BaseReloadPrompt v-if="!import.meta.vitest"....

[doutatsu]

I am not testing them in vitest, rather it just gets imported automatically across all tests, as it's a base component. But I'll give it a go with v-if as I am not testing it

[userquin]

ok, you can check examples/vue-router in vite-plugin-pwa, I'll test it with latest Vitest... you have a build and browser tests with Vitest and PlayWright respectivelly.

[doutatsu]

Yeah, I can't just do v-if and I am not interested in browser tests. I think I need to just adjust my auto-imports to ignore this component in vitest environment

Edit: It's actually not the auto-loading plugin I made. I am not importing this component at all now and I am still getting an error.

[userquin]

Maybe you can use defineAsyncComponent doing the check inside the resolver returning undefined, avoid registering the component globally (auto-import or similar libs).

I have all tests working on my local (vite-plugin-pwa), I haven't sent the PR yet to bump dependencies...

[userquin]

I guess you're testing your app with @vue/test-utils, maybe you can create a functional ts/js component, rendering the component inside the setup, something like this:

// src/components/base_components/BaseWrapperReloadPrompt.ts
import { defineComponent, h } from 'vue'

export const BaseWrapperReloadPrompt = defineComponent({
  async setup(props) {
    if (import.meta.vitest)
      return {}

    const component = await import('./BaseReloadPrompt.vue')
    return () => h(component.default ?? component, props)
  },
})

[userquin]

thx for reporting @doutatsu