react 项目测试

Enzyme 来自 airbnb 公司，是一个用于 React 的 JavaScript 测试工具，方便你判断、操纵和历遍 React Components 输出。Enzyme 的 API 通过模仿 jQuery 的 API ，使得 DOM 操作和历遍很灵活、直观。Enzyme 兼容所有的主要测试运行器和判断库。

jest.spyOn ：当需要测试某些必须被完整执行的方法时，常常需要使用jest.spyOn()

1）如果是箭头函数的定义

// react 组件中的一部分代码
test = () => {}

测试用例中mock此函数方法如下

const wrapper = mount(<Component />);
const spyTest = jest.spyOn(wrapper.instance(), 'test'); // 在mount组件之后
// mock 完成后可以被调用spyTest();

2) 如果是bind 绑定的函数

test() {}

测试用例中mock此函数方法如下

 const spyTest = jest.spyOn(Component.prototype, 'test'); //在mount组件之前mount(<Component />)
// mock 完成后可以被调用spyTest();

antd form 设计到必填项时候mock方式如下
wrapper.find('input#id').simulate('change', {target: {value: 'test'}});

转载于:https://www.cnblogs.com/Running00/p/11584194.html

react 项目测试相关推荐

构建一个react项目_您想要了解更多有关React的内容吗？让我们构建一个游戏，然后玩。...
构建一个react项目 by Samer Buna 通过Samer Buna 您想要了解更多有关React的内容吗? 让我们构建一个游戏,然后玩. (Do you want to learn more ...
react项目中使用mocha结合chai断言库进行单元测试
react项目中使用mocha结合chai断言库进行单元测试 git地址:https://github.com/yancekang/... 如果对你有所帮助,感谢start 项目搭建 create-r ...
优雅的在React项目中使用Redux
概念首先我们会用到哪些框架和工具呢? React UI框架 Redux 状态管理工具,与React没有任何关系,其他UI框架也可以使用Redux react-redux React插件,作用:方便在 ...
React项目开发中的数据管理
原文链接:https://blog.csdn.net/hl582567508/article/details/76982756 redux中文文档:http://cn.redux.js.org/ Re ...
react项目如何按需加载antdDesign组件
react项目如何按需加载antdDesign组件分为两种情况: 第一种手写的,不使用脚手架: 1.安装: npm install ant --save 2.引用: import { Alert, F ...
react jest测试_如何使用React测试库和Jest开始测试React应用
react jest测试 Testing is often seen as a tedious process. It's extra code you have to write, and in s ...
react打包后图片丢失_使用 webpack 搭建 React 项目
简评:相信很多开发者在入门 react 的时候都是使用 create-react-app 或 react-slingshot 这些脚手架来快速创建应用,当有特殊需求,需要修改 eject 出来的 we ...
发布react项目到linux服务器,nginx上部署react项目的实例方法
测试项目:react-demo 克隆你的react-demo项目到服务器上(默认使用Github管理我们的项目) 如果需要,请安装项目环境,比如:node.js,yarn等进入项目目录,执行npm ...
React简介、虚拟DOM、Diff算法、创建React项目、JSX语法、组件、组件声明方式、组件传值props和state、组件的生命周期
React简介: 前面只是简单介绍移动APP开发,后面还会继续深入介绍移动app开发:其中想要用ReactNative开发出更出色的应用,那么就得学好React,下面将介绍React: React 是 ...
使用Visual Studio 2017创建React项目
在Visual Studio 2017中设置React项目下载示例 - 852.4 KB 我过去曾多次在工作要求中找到"React"并在Angular中进行开发,我总是想知道这两 ...

react 项目测试

react 项目测试相关推荐

最新文章

热门文章

react 项目 测试

react 项目 测试相关推荐

最新文章

热门文章

react 项目测试

react 项目测试相关推荐