Vue组件注册状态需通过挂载后渲染效果验证：局部注册用mount+findComponent.exists()断言；全局注册需在测试中模拟app.component()并传入global选项；注册失败典型信号是控制台出现“Unknown custom element”警告。
确认组件是否被正确注册
Vue 组件注册状态本身不是运行时可直接“读取”的属性，但可通过挂载后的行为来验证：如果组件能被正常解析、渲染且无警告，说明它已在当前作用域（父组件或全局）中成功注册。测试重点不是“查注册表”，而是验证注册后的实际效果。
测试局部注册的组件
当子组件在父组件的 components 选项中局部注册时，需确保父组件能正确使用该子组件标签。测试逻辑是：挂载父组件 → 检查子组件是否被渲染（或是否存在对应 DOM 节点）→ 若渲染成功，即间接证明注册有效。
- 用 mount 挂载父组件（不能用 shallowMount，否则子组件会被 stub，失去验证意义）
- 用 wrapper.findComponent(ChildComponent) 查找子组件实例
- 断言 .exists() 返回 true，或检查其根元素是否出现在 DOM 中
示例：假设 Parent.vue 局部注册了 Button.vue，并在模板中写成 ：
import { mount } from '@vue/test-utils'<br>import Parent from '@/components/Parent.vue'<br>import Button from '@/components/Button.vue'<br><br>test('正确注册并渲染 Button 组件', () => {<br> const wrapper = mount(Parent)<br> expect(wrapper.findComponent(Button).exists()).toBe(true)<br>})
测试全局注册的组件
全局注册（如 app.component('MyInput', MyInput)）通常在应用初始化阶段完成。单元测试中若要验证，需在测试前模拟相同注册行为，再挂载使用它的组件。
从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。
- 在测试文件顶部，用 createApp 创建一个新应用实例
- 调用 .component() 注册目标组件
- 用 mount(..., { global: { app: createdApp } }) 将该应用上下文传入
- 再查找并断言组件是否可用
注意：不推荐在每个测试里重复全局注册；更合理的方式是统一在 setupTests.js 或 Jest 的 setupFilesAfterEnv 中预设常用全局组件。
捕获注册失败的典型信号
注册失败往往不会抛错，而是表现为：组件标签被当作原生 HTML 标签渲染（例如
- 通过 jest.spyOn(console, 'warn').mockImplementation() 拦截警告
- 挂载后检查是否触发了含 “Unknown custom element” 的警告
- 若警告出现，说明注册未生效
这种断言虽非主流，但在排查注册遗漏或命名不一致（如大小写、短横线格式）时非常实用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
