TypeError when Setting Up Vitest

[brenodanyel]

Environment

---

• Operating System: Linux
• Node Version: v20.17.0
• Nuxt Version: -
• CLI Version: 3.21.1
• Nitro Version: -
• Package Manager: bun@1.1.29
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Version

3.0.0-alpha.10

Reproduction

• Start a new project with the starter CLI:
  npx nuxi init -t github:nuxtlabs/nuxt-ui3-vue-starter test-app

• Install vitest and vue test-utils
  bun add -D vitest @vue/test-utils

• Add test script to package.json
  "test": "vitest"

• Run the test script

Description

I'm encountering a TypeError while trying to set up Vitest in my project (Vue). The error message is as follows:

TypeError: Package import specifier "#imports" is not defined in package 
/home/xxxx/test-app/node_modules/@nuxt/ui/package.json imported from 
/home/xxxx/test-app/node_modules/@nuxt/ui/dist/runtime/composables/useComponentIcons.js

Additional context

No response

Logs

TypeError: Package import specifier "#imports" is not defined in package /home/xxxx/test-app/node_modules/@nuxt/ui/package.json imported from /home/xxxx/test-app/node_modules/@nuxt/ui/dist/runtime/composables/useComponentIcons.js

[averrois]

That's weird I tried to do the same but I did not got the same logs, instead the test just passed

[brenodanyel]

Hey @averrois! I forgot to mention that this error only happens when we call mount for a component that internally uses any Nuxt UI component

With the starter, you can call mount on App.vue, since it uses UApp and UButton.

// src/App.spec.ts

import { describe, it, expect } from 'vitest';
import { mount } from '@vue/test-utils';
import App from './App.vue';

describe('App', () => {
	it('should render', () => {
		const wrapper = mount(App);
		expect(wrapper.exists()).toBe(true);
	});
});

Can you please test if it still working for you?