首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >TypeError:_axiosMockAdapter.MockAdapter不是构造函数

TypeError:_axiosMockAdapter.MockAdapter不是构造函数
EN

Stack Overflow用户
提问于 2022-01-25 17:54:32
回答 1查看 207关注 0票数 0

我使用vuejs、vue- test -库、jest、axios和axios模拟适配器来测试组件。在尝试运行测试时,我立即遇到以下错误:

代码语言:javascript
运行
复制
TypeError: _axiosMockAdapter.MockAdapter is not a constructor

我的测试:

代码语言:javascript
运行
复制
import GlobalSearch from '../src/components/global_search.vue';
import { render, fireEvent } from '@testing-library/vue';
import { axios } from 'axios';
import { MockAdapter } from 'axios-mock-adapter';

// jest.mock("axios", () => ({
//  get: () => Promise.resolve(
//      [{
//          "content":"Keith's Company - Keith's First Project",
//          "id":3,
//          "searchable_type":"Project",
//          "url":"/projects/1"
//      }]
//  )
// }))

describe('GlobalSearch', () => {
    it('It renders its default state', async () => {
        let mock = new MockAdapter(axios);

        const { findByText, getByText } = render(GlobalSearch);

        findByText('Companies, Contacts, Projects');

        const searchResults = [{
            "content":"Keith's Company - Keith's First Project",
            "id":3,
            "searchable_type":"Project",
            "url":"/projects/1"
        }]
        mock.onGet('/search/index').reply(200, searchResults);

        await fireEvent.update(getByText('Companies, contacts, projects'), 'ke')

        getByText('First Project');
    });
});

我做错了什么?而且,这个堆栈很标准吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-03-26 16:05:25

MockAdapter是一个默认的导出,因此移除导入语句的大括号:

import MockAdapter from 'axios-mock-adapter';

而不是:

import { MockAdapter } from 'axios-mock-adapter';

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70853427

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档