StackOverflow中文版 - StackOverflow中文网 - StackOverflow中文社区 - SO中文参考

背景： Vue3 应用程序，使用 Vuetify、vitest 和 vue-testing-library。问题：我有一个自定义组件，其模板如下所示： ... 背景： Vue3 应用程序，使用 Vuetify、vitest 和 vue-testing-library。问题：我有一个自定义组件，其模板如下所示： <template> <v-expansion-panel> ... other code </v-expansion-panel> </template 根据需要，使用此组件的每个位置都位于父组件 <v-expansion-panels> 内部。我目前正在尝试为此组件编写一个简单的测试，并且当前收到以下错误： Error: [Vuetify] Could not find useGroup injection with symbol vuetify:v-expansion-panel ❯ Module.groupItem node_modules/vuetify/src/composables/group.ts:122:7 ❯ Object.setup [as _setup] node_modules/vuetify/src/components/VExpansionPanel/VExpansionPanel.tsx:52:44 ❯ setup node_modules/vuetify/src/util/defineComponent.tsx:125:85 ❯ callWithErrorHandling node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:195:19 ❯ setupStatefulComponent node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:7572:25 ❯ setupComponent node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:7533:36 ❯ mountComponent node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5861:7 ❯ processComponent node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5827:9 ❯ patch node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5306:11 ❯ ReactiveEffect.componentUpdateFn [as fn] node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5971:11 我尝试通过包装器组件将我的自定义组件包装在 <v-expansion-panel> 中（我希望可以纠正上面的错误）： import MyComponent from '@/components/MyComponent.vue'; import { describe, it } from 'vitest'; import { createVuetify } from 'vuetify'; import { render as testingLibraryRender } from '@testing-library/vue'; const WrapperComponent = { components: { MyComponent }, props: { content: { type: String, default: '' } }, template: ` <v-expansion-panels> <MyComponent :content="content" /> </v-expansion-panels> `, }; describe('<MyComponent />', () => { it('renders the component', async () => { const vuetify = createVuetify(); const wrapper = testingLibraryRender(WrapperComponent, { global: { plugins: [vuetify], }, props: { content: 'some text' }, }); expect(await screen.findByText('some text')).toBeInTheDocument(); }); }); 通过将模板更改为以下内容，我已经能够让 WrapperComponent 正确渲染，但这并不能真正解决我的问题，因为它完全删除了我的自定义组件： const WrapperComponent = { props: { content: { type: String, default: '' } }, template: ` <v-expansion-panels> <v-expansion-panel> <v-expansion-panel-title>Foo Bar Baz</v-expansion-panel-title> </v-expansion-panel> </v-expansion-panels> `, }; 这似乎是由于包装纸的某种细微差别造成的，我希望有人能够阐明它！提前致谢！简单的答案：最终我需要将 VExpansionPanels 组件注册到 WrapperComponent，如下所示： const WrapperComponent = { components: { MyComponent, VExpansionPanels }, props: { content: { type: String, default: 'text' }, template: ` <v-expansion-panels> <MyComponent :content='content' /> </v-expansion-panels> `, };

vuejs3 vuetify.js vitest vuetifyjs3 vue-testing-library

回答 1 投票 0

如何在远程 Micro Integrator 4.1.0 实例中部署和运行工件

我在 Integration Studio 中创建了一个 API，然后我添加了一个远程服务器，如屏幕截图所示，但它不起作用：我已添加远程 Micro Integrator 的 IP 作为服务器主机...

wso2 wso2-enterprise-integrator wso2-micro-integrator

回答 2 投票 0

使用 Swift async、await、@MainActor 的后台任务的最佳解决方案是什么

我正在研究 Swift 的 async、await、@MainActor。我想运行一个很长的过程并显示进度。导入 SwiftUI @主要演员最终类 ViewModel: ObservableObject { @已发布的变量计数...

swift asynchronous async-await mainactor

回答 1 投票 0

go中的动态结构体字段枚举和属性解析

我正在尝试为我的 go 程序创建自定义属性标签。这些标签将与字段一起使用，这些字段将从保管库中提取它们的值，例如密码字符串 ault:"password"``.

go reflection annotations tags

回答 1 投票 0

symfony 表单生成器更新选项字段

添加选项字段后是否可以更新它？ $builder ->add('考试', '实体', 数组( 'class' => 'TelegrammeExamenBundle:ExamExamen', '财产' => '我...

symfony symfony-forms

回答 2 投票 0

如何使用 ffmpeg 对批量传入的单个帧进行 HLS 直播，实时“附加”到 m3u8 播放列表？

我的总体目标：服务器端：我不时收到一批连续的 JPEG 编码帧 (8-16)，生成速度约为 2 FPS。我想举办 HLS 直播，地点、时间...

ffmpeg video-streaming http-live-streaming video.js hls.js

回答 1 投票 0

将单个表获取到嵌套 Pojo 中

我有以下数据库表：目录 - 作者 - 书名 - 出版日期目录表中的值看起来像作者书名出版日期马克·史密斯如何阅读 2024...

java jooq

回答 1 投票 0

Google 日历 API - 预约安排

在Google日历中您可以添加“预约时间表” 这些是周期性重复的事件。但它们并不是由普通事件产生的。它们是按照时间表精确创建的...

python google-api google-calendar-api google-api-python-client

回答 1 投票 0

如何推断打字稿中泛型参数的泛型类型参数？

我有一个代表我的应用程序中的操作的类型：输入操作 = { 执行：（数据：A）=> B； }; 一个操作看起来像这样：常量操作 = { 执行：（数据：字符串...

typescript typescript-generics type-inference

回答 1 投票 0

禁用 CMake 弃用警告

我正在使用带有add_subdirectory的第三方项目，这个另一个项目声明了cmake_minimum_required（版本2.8.11），并且使用最近的CMake我得到：外部/libmsym/

cmake

回答 1 投票 0

javax.el.PropertyNotFoundException：类“xxx”没有可读属性“yyy”

我有以下会话范围的 CDI 托管 bean： @命名 @SessionScoped 公共类 RegisterController 实现可序列化 { 私有静态最终长serialVersionUID = 1L； @注入...

jsf el managed-bean propertynotfoundexception

回答 3 投票 0

C 中未声明的 math_errhandling（Windows 10 操作系统）

我试图了解 errno 的内部工作原理，并尝试了 cppreference 中的以下示例文件，但在编译过程中出现错误： $ gcc errno_ex.c errno_ex.c：在函数“main”中：错误...

c errno

回答 1 投票 0

技术问答搜索

StackOverflow中文参考

热门技术