tsconfig.json{"extends": "./node_modules/pcf-scripts/tsconfig_base.json","compilerOptions": {"typeRoots": ["node_modules/@types"],"allowJs": true,"skipLibCheck": true,"esModuleInterop": true,"allowSyn
2020-03-05
我有一个Users组件，其中包含我从服务器获取的用户数据，如下所示export const Users: FunctionComponent<any> = () => {const [usersData, setUsersData] = useState<TableConfig>();let initialLoad = false;useEffect(() => {if (!usersData)
2020-10-07
我在使用 toHaveBeenCalled 时遇到错误，请纠正我哪里出错了code:jsx <itemonClick={ load ? undefined : onClick}>testtest('render', () => {const MockItems = jest.fn()const prop = {onClick: MockItems,}const onclickProp= outp
2020-11-18
我完全不知道该如何测试一个用 React 制作的简单表单，我怎么知道提交按钮是否正常工作？经过一番研究，我认为这样做的方法是创建一个模拟函数，然后检查它是否被调用，但我很确定我完全做错了。onObjSubmit(event){event.preventDefault()..... (fetch something)}render(){return (<form id="myForm" onSubm
2017-11-15
我正在测试一个使用 React-Hooks 和 Redux-Saga 的功能组件。我可以在组件的 URL 中传递参数，因为它们是登录页面组件。我传递的 URL 是“localhost/access/parameter”，当此参数存在时，我需要调用异步 redux saga，如果获取成功，我会将结果放入 redux-store。当结果在 redux-store 上时，我有一个 useEffect 来
2019-05-23
我的功能组件使用useEffect钩子从挂载时的 API 获取数据。我希望能够测试获取的数据是否正确显示。虽然这在浏览器中运行良好，但测试失败，因为钩子是异步的，组件无法及时更新。实时代码：https://codesandbox.io/s/peaceful-knuth-q24ih?fontsize=14App.jsimport React from "react";function getData
2019-07-12
我试图断言我的自定义钩子在挂载时会从 API 返回一些数据。代码如下所示：import * as React from 'react';import { findByStatus } from '../../services/AssignmentService';import Assignment from '../../models/Assignment';import AssignmentLi
2019-08-19
我有一个简单的组件，它可以获取帖子的异步列表。export const Posts = () => {const [list, dispatch] = useReducer(listReducer, []);useEffect(() => {fetchList(dispatch);}, []);return (<ul>{list.map((el) => (<li key={el.id}>{el.t
我有一个使用useEffect钩子进行数据提取和设置加载、成功和失败状态的反应组件。import React, { useState, useEffect } from "react";import { fetchData } from "./api";function App({ id }) {const [data, setData] = useState(null);const [isFet
2020-01-03
我正在尝试在 nextjs 版本 10.2.3 中测试动态导入，我尝试使用 jest-next-dynamic 库来避免抛出错误TypeError: require.resolveWeak但是当我在 jest 测试用例中调试组件时，我得到以下输出并且无法获取应该加载的真实组件 <ForwardRef(LoadableComponent) .../>我的测试用例it('should render I
2021-10-23
我正在使用 useContext 在 React 应用程序中传递状态，我是测试新手，我正在尝试对名为 timer.js 的 React 组件进行单元测试（Jest/Enzyme）import React, { useEffect, useContext } from 'react';import { GameContext } from './global/contexts';export def