Vue单元测试如何排除指定文件？配置无效问题求解决

Jest配置调整 #

路径匹配修正 #

你的jest.config.js中coveragePathIgnorePatterns使用了webapp/前缀，若该配置文件放在webapp目录下，jest会以当前目录为根路径，前缀会导致路径不匹配。直接去掉webapp/改为相对路径，同时也可以在collectCoverageFrom中直接添加排除规则，更直观：

module.exports = {
  preset: '@vue/cli-plugin-unit-jest',
  collectCoverage: true,
  collectCoverageFrom: [
    'src/**/*.{js,vue}',
    '!src/main.js',
    '!src/components/fileDownloader/downloaderFile.js'
  ],
  coveragePathIgnorePatterns: [
    'src/components/fileDownloader/downloaderFile.js'
  ]
};

处理模块引入问题 #

如果有测试文件直接引入了downloaderFile.js，jest仍会处理该文件。可以在对应测试文件中mock这个模块：

// 在引入该模块的测试文件顶部添加
jest.mock('@/components/fileDownloader/downloaderFile.js', () => ({
  // 按需编写mock逻辑，比如模拟下载方法
  download: jest.fn()
}));

清理jest缓存 #

运行测试前执行命令清空缓存，避免旧配置残留影响生效：

npx jest --clearCache

SonarQube配置调整 #

确认扫描根目录 #

检查sonar-project.properties中的sonar.projectBaseDir配置：

• 若该值是包含webapp的父目录，当前路径无需修改；
• 若sonar.projectBaseDir就是webapp，则需要去掉路径中的webapp/前缀：

sonar.exclusions=node_modules/**,tests/unit/**,coverage/lcov-report/**,src/models/**,src/components/fileDownloader/downloaderFile.js
sonar.coverage.exclusions=src/components/fileDownloader/downloaderFile.js

通配符强化匹配 #

如果路径仍不生效，尝试用通配符覆盖整个目录下的文件，确保匹配到目标：

sonar.exclusions=webapp/src/components/fileDownloader/**/*.js
sonar.coverage.exclusions=webapp/src/components/fileDownloader/**/*.js

内容的提问来源于stack exchange，提问作者Gonzalo Iván Vázquez Jiménez