"TypeError: _axios.default.get не является функцией"

Я пытаюсь написать пробный тест, используя jest и @vue/test-utils, Вот файл "bots.spec.js"/test.

jest.mock('axios', ()=>({
  getBots: () => {
    const result = {
      __esModule: true,
      
      data: () => ({
        name: "demo",
        _id: "62e8d832afdaad001b65bff5",
      })
    }
    return Promise.resolve(result)
  }
}))

let getBots;
describe('Load bots function', () => {
  beforeEach(async () => {
    jest.clearAllMocks()

    getBots = (await import('../../src/services')).default
  })

  it('Should load given bots', async() =>{
    const bot_Name = "demo"
    const bot_id = "62e8d832afdaad001b65bff5"

    const actual = await getBots(bot_id)
    expect(actual).toMatch(bot_Name)
  })
})

Произошла следующая ошибка

TypeError: _axios.default.get is not a function

скриншот возникшей ошибки

Ваши тестовые двойники должны соответствовать интерфейсу того, что они заменяют. В этом случае вы, похоже, издевались над Axios и заменили его чем-то, что имеет интерфейс того, что вы должны тестировать.

jonrsharpe 22.11.2022 12:41
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
261
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете издеваться над этим и выбрать значение, возвращаемое позже

jest.mock('axios', () => ({
  get: jest.fn(),
}));

Возвращаемое значение может быть установлено следующим образом

it('Should load given bots', async() =>{
  (mockAxios.get as jest.Mock).mockImplementationOnce(() =>
    Promise.resolve({
      data: {
        name: "demo",
        _id: "62e8d832afdaad001b65bff5",
      }
    })
  );
  const bot_Name = "demo"
  const bot_id = "62e8d832afdaad001b65bff5"

  const actual = await getBots(bot_id)
  expect(actual).toMatch(bot_Name)
})
Ответ принят как подходящий

это работа для меня

  jest.mock('axios', ()=>({
  get: () => {
    const result = {
      data:{
        name: "demo",
        _id: "62e8d832afdaad001b65bff5",
      }
    }
    return Promise.resolve(result)
  }
}))

let getBots;
describe('Load bots function', () => {
  beforeEach(async () => {
    jest.clearAllMocks()
    getBots = (await (await import('../../src/services')).getBots)
  })

  it('Should load given bots', async() =>{
    const expectedResponse = {
      name: "demo",
      _id: "62e8d832afdaad001b65bff5",

    }
    const actual = await getBots()

    expect(actual.data).toStrictEqual(expectedResponse)
  })
})

Другие вопросы по теме