首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【架构师(第二十七篇)】前端单元测试框架 Jest 基础知识入门

    测试框架 断言 Mock 异步支持 代码覆盖率 测试框架 jest 简介 特点 开箱即用,零配置 快 内置代码覆盖率 容易 mock 安装 npm i --save-dev jest 查看版本 npx...', () => { const mockCB = jest.fn(x => x * 2) mockTest(true, mockCB) console.log(mockCB.mock.calls...(name); }) }) 结果输出了 Bret 接下来使用 jest 进行第三方模块 axios 的 mock const getUserName = require('..../user') // 先引入 axios 这个模块 const axios = require('axios') // 调用 jest.mock 接管 axios 模块 jest.mock("axios...,会造成大量重复的工作,可以在根目录下新建 __mocks__ 文件夹, 然后新建需要 mock 的模块同名文件 axios.js,jest 会自动对这个文件夹下的文件进行处理。

    1.8K20

    如何在测试中使用mock来模拟外部依赖?

    以下是如何使用 Jest 等工具进行 Mock 的具体方法和示例:一、Mock 基本概念目的:隔离被测试的 Hook,排除外部依赖的干扰核心工具:Jest 提供的 jest.mock()、jest.spyOn...Mock 定时器(setTimeout、setInterval)对于依赖定时器的 Hook(如倒计时、轮询),使用 Jest 的定时器 Mock:3....Mock 上下文(Context)依赖当 Hook 依赖 React Context 时,可以通过模拟上下文提供者来注入测试数据:三、Mock 工具与技巧jest.mock():完全替换模块,适用于第三方库或工具函数...// 自动模拟整个模块 jest.mock('..../api');jest.spyOn():部分替换对象的方法,保留其他功能 // 只Mock localStorage.getItem,保留其他方法 const getItemSpy = jest.spyOn

    36310
    领券