在 cypress 中对使用 pinia 的 vue 组件进行单元测试时，若未正确注入 pinia 实例，会触发 `getactivepinia was called with no active pinia` 错误；本文提供标准化、可复用的解决方案。
Cypress 的 mount() 函数默认创建一个独立的 Vue 应用上下文，它与你在测试套件中手动创建的 app 实例完全隔离。因此，即使你在 beforeEach 中调用 app.use(pinia) 和 setActivePinia(pinia)，这些配置也不会自动传递给被挂载的组件——导致组件内部调用 mainStore() 时找不到活跃的 Pinia 实例，从而报错。
根本原因在于：Pinia 的 defineStore 是“惰性执行”的，它依赖全局活跃的 Pinia 实例（由 setActivePinia() 设置）来初始化 store。而你的 check.js 中直接执行 mainStore()，此时无活跃 Pinia，故抛出错误。
✅ 正确解法：通过 Cypress 自定义 mount 命令，在每次挂载时自动注入 Pinia 插件，确保组件运行在具备 Pinia 上下文的 Vue 实例中。
以下是推荐的、符合 Cypress 官方最佳实践的实现方式（适配 Vue 3 + Pinia 2+）：
立即学习“前端免费学习笔记（深入）”；
// cypress/support/component.ts （或 .js）
import { createPinia } from 'pinia'
import { mount } from 'cypress/vue'
import { h } from 'vue'
// 扩展 Cypress.mount 以自动集成 Pinia
Cypress.Commands.add('mount', (component, options = {}) => {
// 确保 global 配置存在
options.global = options.global || {}
options.global.plugins = options.global.plugins || []
// 注入 Pinia 插件（每次 mount 创建新实例，避免测试间状态污染）
options.global.plugins.push(createPinia())
// 使用 h() 包裹组件，确保正确渲染（尤其对 <script setup> 组件至关重要）
return mount(() => h(component), options)
})⚠️ 注意事项：不要在 beforeEach 中复用 app 或全局 setActivePinia —— 这是常见误区，因 mount() 不共享该 app。createPinia() 必须在每次 mount() 时调用，保证每个测试用例拥有干净、隔离的 Pinia 实例（state 不跨测试泄漏）。若项目使用 （如你的 Test.vue），必须用 h(component) 包裹，否则响应式失效或挂载异常。
配置完成后，你的测试文件即可极简编写：
// cypress/e2e/temp.cy.js
import Test from './Test.vue'
describe('for example', () => {
it('renders and updates state on click', () => {
cy.mount(Test)
// 初始状态：button 应显示（因 store.common === 'hi'）
cy.get('button').should('be.visible').and('contain.text', 'hello world')
// 触发点击，调用 check() → 修改 store.common = 'hello'
cy.get('button').click()
// 此时 v-show="store.common == 'hi'" 为 false，按钮应隐藏
cy.get('button').should('not.be.visible')
})
})? 补充建议：
- 若需在测试中访问 store 实例（例如断言 state 变更），可通过 cy.window() 或 cy.get('.some-selector').then(...) 获取组件实例后调用 useStore()，但更推荐使用 cy.mount() 返回的组件 wrapper（Cypress Vue 支持 .wrapper 属性）进行交互式验证。
- 避免在业务逻辑文件（如 check.js）中提前调用 mainStore() —— 应始终在组件生命周期内（如 onMounted、事件回调中）按需获取 store，确保上下文就绪。
遵循此方案，即可彻底消除 getActivePinia was called with no active Pinia 错误，并构建健壮、可维护的 Vue + Pinia 组件测试体系。
