props.params in Enzyme test

Question

Im пытается проверить мой компонент, который делает запрос getJSON в методе жизненного цикла componentWillMount. Он имеет следующий код:

api.getJSON(`users/${this.props.params.id}`) 
      .done((result) => { 
       this.setState({user: result}); 
      }); 

Как вы можете видеть, он использует props.params.id для запроса. Проблема, которая у меня есть, находится в моем тестировании. Когда я запускаю npm test, он возвращает не может прочитать свойство неопределенного, неопределенного, являющегося props.params. Как я могу получить этот объект в ферменте?

Answer 1

Это один из способов, используя фермент с мокко:
- Установить jsdomnpm install --save-dev --save-exact jsdom jsdom-global
- Загрузить jsdom на своем до утверждения (внутри описания)

before(function() { 
     this.jsdom = require('jsdom-global')() 
    }) 

    after(function() { 
     this.jsdom() 
    }) 

- Сейчас в вашем использовании тест mount примерно:

const someData = {data1:'yyyyyy'}; 
const wrapper = mount(<YourComponent yourProp={someData} />); 

В вашем случае «yourProp» должны быть параметрами, таким образом вы можете передавать данные в свои объекты.
Надеюсь, что эта помощь.