Как имитировать данные с массивом внутри объекта в шутку

Я использую шутку для модульного тестирования в react native. Вот моя функция componentWillMount ():

componentWillMount() {
    this.setState({ loading: true });
    axios.get(SERVER_URL + '/courses')
        .then(response => {

            this.state.trainingcatalogues = []
            this.state.traininglist = []
            this.state.Location1 = []
            this.state.Category1 = []
            this.state.Location2 = ['All']
            this.state.Category2 = ['All']                
            for (var key in response.data) {
                if (response.data[key].coursetype === 'Instructor-Led' && response.data[key].status === 'Active' ) {
                    this.state.Location1.push(response.data[key].location);
                    this.state.Category1.push(response.data[key].category);
                    this.state.trainingcatalogues.push(response.data[key]);
                    this.state.traininglist.push(response.data[key]);
                }
            }

Я хочу поиздеваться над «ответом» в моем тестовом примере. Он имеет следующий формат:

let response = 
   {
     "data": [
       {
         "_id": "5acb16701e09ae8abc29e7fb",
         "courseName": "Agile Fundamentals420",
         "category": "Agile",
         "coursetype": "Instructor-Led",
         "duration": 22,
         "addnote": "contractor",
         "status": "Completed",
         "registrations": 10
       }
     ]
   }

Это мой пример модульного теста:

it('should test the componentwillMount function', () => {
 const wrapper = shallow(<Instructor_cata navigation = {navigation}/>);
    const instance = wrapper.instance();
    const componentWillMountSpy = jest.spyOn(instance,"componentWillMount");
    instance.forceUpdate();
    instance.componentWillMount();
    expect(componentWillMountSpy).toHaveBeenCalled();

});

Как имитировать эти данные ответа в модульном тесте?

Вам нужно будет издеваться над библиотекой axios

— 30.05.2018 09:37

@dentemm Подскажите, пожалуйста, как с этим поступить?

— 04.06.2018 08:33

Добавлен ответ ниже, чтобы помочь вам начать работу

— 04.06.2018 09:55

Вам удалось заставить его работать?

— 04.06.2018 19:57

unit-testing react-native jestjs enzyme

30.05.2018 05:36

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

4 144

Ответы 1

Вам нужно будет имитировать библиотеку Axios, и для этого есть несколько вариантов. Во-первых, есть несколько библиотек, таких как axios-mock-adapter или jest-mock-axios, но вы могли бы просто написать макет самостоятельно, это не так уж и много.

Базовый пример:

// mock.js: custom axios mock file in your tests folder

module.exports = {
  get: jest.fn((url) => {

    switch (url): {
      case '<your_url>/courses':
        return Promise.resolve(<your_response_object>)

      default: 
        return Promise.resolve({...})
    })
  }
};

Просто импортируйте макет в свои тестовые файлы. И вы можете использовать аналогичный подход для других методов axios, таких как post ().

04.06.2018 09:20