如何在Vue3项目中排除依赖组件的Jest测试覆盖率统计

方法一：精确配置Jest的覆盖率忽略路径 #

如果之前配置coveragePathIgnorePatterns没生效，大概率是路径匹配不够精确。修改jest.config.js，精准命中项目2的依赖路径：

module.exports = {
  // 其他Jest配置...
  coveragePathIgnorePatterns: [
    '/node_modules/', // 通用排除node_modules
    // 替换成你项目2的实际包路径，比如@your-org/project2
    '<rootDir>/node_modules/@your-org/project2/.+'
  ]
}

注意：如果项目2是通过npm link/yarn link本地关联的，Jest会读取源文件路径，这时候需要把项目2的本地源码路径也加入忽略列表：

coveragePathIgnorePatterns: [
  '/node_modules/',
  '/Users/xxx/local-projects/project2/.+' // 项目2本地路径
]

方法二：Mock依赖组件（更彻底） #

直接在测试文件中Mock掉项目2的组件，让Jest加载模拟组件而非真实依赖，从根源上避免统计其覆盖率。以MyComponent.spec.js为例：

import { mount } from '@vue/test-utils'
import MyComponent from './MyComponent.vue'

// Mock项目2的Project2Modal组件
jest.mock('@your-org/project2/components/Project2Modal.vue', () => ({
  name: 'Project2Modal',
  template: '<div class="mock-modal"></div>'
}))

describe('MyComponent', () => {
  it('正常渲染', () => {
    const wrapper = mount(MyComponent)
    expect(wrapper.exists()).toBe(true)
  })
})

这个方法不仅能排除覆盖率统计，还能让测试更快，避免依赖组件的内部逻辑影响你的测试结果。

方法三：检查transform配置（针对ES模块依赖） #

如果项目2是以ES模块形式发布的，Jest可能会尝试转换它的代码，导致忽略规则失效。可以在jest.config.js中添加transformIgnorePatterns排除项目2：

module.exports = {
  // 其他配置...
  transformIgnorePatterns: [
    '/node_modules/(?!@your-org/project2)/'
  ],
  coveragePathIgnorePatterns: [
    '/node_modules/@your-org/project2/.+'
  ]
}

内容的提问来源于stack exchange，提问作者CatDev