Question

我有一个文件utils.js，其中包含以下功能：

export const getLocationPage = () => {
  const locationPage = QueryString.parse(location.search).page;
  return locationPage ? locationPage : "undefined";
};

utils.js不是组件，而是其他组件使用的简单.js文件。

如何测试此功能的逻辑？我的意思是，如何在测试中设置queryString的值？

Answer 1

以下是如何设置QueryString值的示例：

// Testing Claim Details component 
describe('<ClaimDetails />', () => {
  let wrapper

  beforeEach(() => {
    wrapper = shallow(
     // Add initail props and values
      <ClaimDetails
        loading={false}
        locationPage={"some string"}
      />
    )
  })

  it('ClaimDetails: If Claim is null component should not be rendered', () => {
 // *** Here you can setProps value of Query string in SetProps{}
    wrapper.setProps({
      locationPage: "Some String Value",
    })
    expect(wrapper.html()).toBeNull()
  })

如何在React中设置QueryString参数进行测试

1 个答案: