React Redux中RootState选择器Jest单元测试覆盖率问题求助

问题描述 #

我在为React Redux项目中的选择器编写Jest单元测试时，遇到了覆盖率统计异常的问题。选择器代码如下：

export const someState = (state: RootState) => {state.someStore}

尝试了SpyOn、mock、直接调用等多种测试方法后，测试能通过，但覆盖率报告始终显示该行代码从未被实际测试到。

解决方案 #

1. 修复选择器的语法缺陷 #

原选择器使用箭头函数的大括号写法，但未添加return语句，导致函数实际返回undefined，且state.someStore的访问操作属于无意义表达式，可能被JS引擎优化，无法被覆盖率工具识别。修复方式二选一：

• 简洁体写法（自动返回）：

  export const someState = (state: RootState) => state.someStore;
  

• 显式返回写法：

  export const someState = (state: RootState) => {
    return state.someStore;
  };
  

2. 编写正确的单元测试 #

直接调用选择器，传入模拟的RootState并断言返回值，确保选择器的逻辑被实际执行：

import { someState } from './path-to-your-selector';

describe('someState selector', () => {
  it('正确返回state中的someStore字段', () => {
    const mockState = {
      someStore: 'mock-data'
    } as RootState;

    const result = someState(mockState);
    expect(result).toBe('mock-data');
  });
});

3. 覆盖率统计正常的原因 #

修复后的选择器会明确返回state.someStore的值，测试中通过断言验证返回结果，确保state.someStore的访问操作被实际执行并被覆盖率工具统计到。

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