当我尝试使用 jest 在 reactjs 上执行测试时，它总是返回错误：我已经正确安装了 Jest，我尝试删除导入，但接下来它会出错。App.test.js:import React from 'react';import {shallow }from 'enzyme';import renderer from 'react-test-renderer';import ReactDOM from
这是错误的屏幕截图：我有 2 个测试，第一个运行正常：sum.js：function sum(a, b) {return a + b;}module.exports = sum;sum.test.jsconst sum = require('./sum');test('adds 2 + 5 to equal 7', () => {expect(sum(2, 5)).toBe(7);});它运行正常
2019-03-20
我是 React 的新手，有一个失败的测试，我无法理解这是类导入问题还是我没有正确发送所需的参数。这是我的代码import * as React from 'react'import cx from 'classnames'import './dropdown.scss'export interface DropdownProps {options: {key: stringtext: strin
2019-10-14
我目前正在对我的项目实施 jest 测试。该项目由 ts + tsx 文件组成。以下是我的jest.config.js文件。module.exports = {preset: "ts-jest",testEnvironment: "jsdom",cacheDirectory: ".jest-cache",coverageDirectory: ".jest-coverage",coverageRep
2020-05-19
我在 React 中有以下组件。我只简短地介绍一下export interface EditCertificateProps {id:string;}export function EditCertificate(props: any) {injectStyle();const {id} = props.match.params;const history = useHistory();}当我进行
2022-02-11
我有一个带有 3 个单选按钮的表单，如下所示（假名）：<form className="myForm" onSubmit={this.done}><input className="myRadio" checked={ŧrue} type="radio" name="myRadio" onChange={this.change} value="value1"<input className="my
2014-10-20
我在我的一个小测试项目中有一个简单的SearchBar组件。此 SearchBar 主要由一个文本输入框和一个按钮组成，单击按钮将使用输入字段中的文本执行回调。我的Searchbar.render方法如下所示： return (<FormGroup controlId="keywords"><InputGroup><FormControl type="text"placeholder="Keyw
2016-12-30
我正在尝试使用 React 和 Jest 编写简单的测试。组件：import React from "react";class Task extends React.Component {render() {let onDelete = this.props.onDelete;return (<li><div className="collapsible-header"><i className=
2017-01-21
我完全不知道该如何测试一个用 React 制作的简单表单，我怎么知道提交按钮是否正常工作？经过一番研究，我认为这样做的方法是创建一个模拟函数，然后检查它是否被调用，但我很确定我完全做错了。onObjSubmit(event){event.preventDefault()..... (fetch something)}render(){return (<form id="myForm" onSubm
2017-11-15
我有这个 html 输入：<inputid='palapa'className='amount'placeholder={props.placeholder}type='number'/>我知道它需要一个value和一个onChange事件，但是现在我想测试占位符的值，换句话说，我将检查是否正在呈现某些props。我尝试过这个但没有成功：const defaultProps = {options:
2020-11-18
因此，我尝试测试单击按钮时 onSubmit 函数是否会被触发 - 我这样做的方式是通过测试 onSubmit 函数的内部是否被调用（axios post 方法）测试describe('RecipeSearch', () => {test('submit button should return post function to recipes/search/', () => {let mock
2021-02-08
我正在尝试通过 React Testing Library 测试Search组件的input值。Search 组件接收两个 props：handleChange和input value：title。我的目标是编写测试，以便最初输入值为空，并且当用户输入某些内容时，测试可以验证监听事件值是否正确，但它始终获取初始值。我试图在输入之前清除输入，但没有成功。错误为： Expected the eleme
2022-06-17
我正尝试在自定义输入组件中应用单元测试如果我在render函数中的<Input />中传递value属性，则测试失败。有人知道原因吗？在类似此输入的受控组件中，我们可以测试什么才能进行有效的单元测试？谢谢Input.tsximport React, {ChangeEvent, FunctionComponent} from 'react';import styles from './Input.m
2022-09-12
我有一个组件，其行为如下所示。渲染，显示“正在加载”。获取一些数据。加载后，填充状态。重新渲染，显示数据已加载。代码如下：import React from 'react';class IpAddress extends React.Component {state = {ipAddress: null};constructor(props) {super(props);this.fetchDat
2018-05-13
我正在测试一个使用 React-Hooks 和 Redux-Saga 的功能组件。我可以在组件的 URL 中传递参数，因为它们是登录页面组件。我传递的 URL 是“localhost/access/parameter”，当此参数存在时，我需要调用异步 redux saga，如果获取成功，我会将结果放入 redux-store。当结果在 redux-store 上时，我有一个 useEffect 来
2019-05-23