vitest 使用 vite-tsconfig-paths 加载 url 失败
我正在尝试将 vitest 添加到我的前端,但在设置路径时遇到问题。 运行 vite 时前端运行良好,但由于某种原因,运行 vitest 时自定义路径失败。 失败|前面...
Vitest 别名或 inline.deps 无法解决导入错误
我正在将一些玩笑测试迁移到 vitest,由于 node_modules 中外部包依赖项的导入问题,我的一些测试失败了。具体来说:@package/dependency 似乎...
ReferenceError:文档未定义 - 使用 vitest 进行测试
我正在使用react框架开发一个Vite项目。 我使用 vitest 为我的应用程序编写了一些测试用例,当我运行测试时,我看到以下错误 测试失败/Reservations.test.jsx > 预订
我有一个包含此导入的测试文件: 从“@stores”导入 { useGlobalStore } 路径是src/stores 这在项目中工作正常,但在测试时出现此错误: 错误:Fa...
为什么我的 vite.config 文件中会出现此过载错误以及如何修复它?
我的 vite.config 支持 Svelte 5 应用程序 使用“@”解析./src 支持像 vitest 这样的测试(或者 jest 如果我需要改变的话) 从“vite”导入{defineConfig}; 从'@svelt...
如何在 vitest 中测试 laravel sainttum 路线
我有一个应用程序,使用 Vue 框架作为客户端,使用 laravel 框架作为服务器。 我的身份验证是通过 laravel sainttum 完成的,这是一个基于 cookie 的身份验证系统。 我当前的设置...
使用“Vitest,@nuxt/test-utils”的单元测试错误(语法错误:每个文件组件至少需要一个 <template> 或 <script>。)
目标: 我想通过 Vuetify 组件中的 useFetch 测试 API。 错误发生: 为了实现这个目标,我使用了“@nuxt/test-utils/runtime”。 但是,我在日志中遇到了错误。 给我...
如何使用 vitest 和 vue-test-utils 测试 Vuetify 3 select?
我在表单中有一个 v-select,我想用 vitest 和 vue-test-utils 进行测试。 我在表单中有一个 v-select,我想用 vitest 和 vue-test-utils 进行测试。 <v-select clearable :items="models" item-value="id" item-text="name" ref="model-select" required="true" v-model="selectedModel" ></v-select> 我尝试用我在here找到的两种方法来测试它。带注释的代码是一种方法,未注释的代码是第二种方法。 test('it fills the form', async () => { models = [ { id: '1', name: 'foo', }, { id: '2', name: 'bar', }, ]; await nextTick(); // const select = wrapper?.findComponent({ref: 'model-select'}); // expect(select?.exists()).toBeTruthy(); // select?.vm.selectItem('foo'); // await nextTick(); wrapper?.find('[data-testid="model-select"]').trigger('click'); await nextTick(); wrapper?.find('.menuable__content__active')?.findAll('.v-list-item')?.at(0)?.trigger('click'); await nextTick(); }); 我似乎找不到正确的解决方案,DOM 包装器要么不知道选择项目的方法(第一种方法),要么是空的,因为它找不到 vuetify 选择菜单(第二种方法) 有人遇到同样的问题并找到适合我使用的软件包的解决方案吗? 我找到了答案。您无法访问底层 html 的值,而是访问组件实例并获取值 import { mount } from '@vue/test-utils' describe('my test', () => { wrapper = mount(MySelect) test('it fills the form', async () => { models = [ { id: '1', name: 'foo' },{ id: '2', name: 'bar',}, ]; const component = wrapper.findComponent('[data-testid="model-select"]') await component.setValue(models[0]) console.log('new value', component.vm.modelValue) }) 我花了几天时间尝试解决同样的错误。我希望我有所帮助。 问候!