Question

我目前正在为我的React应用编写单元测试我使用material-ui和react-material-ui-form-validator 我尝试提交没有价值的表格，并且基于验证会出现错误

import React, { useState, useEffect } from "react";
import { render, fireEvent, cleanup, getByTestId  } from '@testing-library/react';
import IdentificationForm from '../IdentificationForm';
import { UserContext } from "../../../hooks/UserContext"
import fields from '../__mocks__/fields'
afterEach(cleanup)

test('Fields Is Null',  () => { 
    const { getByTestId , asFragment } = render(
    <UserContext.Provider value={fields}>
      <IdentificationForm /> 
    </UserContext.Provider>
    );
    const continueButton = getByTestId('continue-button')
    fireEvent.click(continueButton)
    expect(asFragment()).toMatchSnapshot()
})

当我尝试制作快照时，快照中没有错误。并在控制台中显示此错误：

测试完成后无法记录。您是否忘了等待测试中的异步操作？尝试记录“警告：无法在已卸载的组件上执行React状态更新。这是无操作，但表示您的应用程序内存泄漏。要解决，请取消所有订阅，组件中的异步任务将被卸载方法。

我如何使用'react-material-ui-form-validator'对React组件进行单元测试

0 个答案: