当前位置:  开发笔记 > 编程语言 > 正文

如何在React中测试所需的道具

如何解决《如何在React中测试所需的道具》经验,为你挑选了0个好方法。

我正在尝试用React和Jest编写简单的测试.

零件:

import React from "react";

class Task extends React.Component {

    render() {
        let onDelete = this.props.onDelete;
        return (
                
  • onDelete(this.props.taskId)}>delete{this.props.title}

    {this.props.description}

  • ); } }; Task.propTypes = { title: React.PropTypes.string.isRequired, taskId: React.PropTypes.number.isRequired, onDelete: React.PropTypes.func.isRequired, description: React.PropTypes.string }; Task.defaultProps = { description: '' }; export default Task;

    测试

    import React from 'react';
    import Task from '../src/components/Task';
    import renderer from 'react-test-renderer';
    
    test('Task should require properties', () => {
      const component = renderer.create( //this will give me React warnings which I would like to assert
        
      );
    });
    

    现在我想断言title,taskId并且onDeleteTask组件所必需的.我将得到React警告,不指定它们(或传递不同的类型).

    推荐阅读
    mobiledu2402851373
    这个屌丝很懒,什么也没留下!
    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有