参考文章：

前端测试体系和最佳实践 (opens new window) Vue 组件的单元测试 (opens new window)

遇到的问题

1. 在 nuxt 项目中单元测试报错 useRouter not defined

useRouter nuxt not defined with vitest #12372 (opens new window)

组件测试不要纠结于内部实现细节，否则会造成内部实现频繁改动导致测试代码也随之频繁改动。组件测试应该关注于视图和交互。 视图：props 和插槽断言渲染的输出是否正确 交互：断言渲染更新是否正确或者触发的事件是否正确响应

如果是 nuxt 中用到了一些自动导入的 hooks，测不了就算了。

测试逻辑应该在组件开发早期就考虑好，后期尽量是不要为了测试而动原有的逻辑代码