Как установить параметр QueryString для теста в React

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()
  })