小编Fre*_*eld的帖子

使用react-testing-library时用mocha和chai进行断言?

我想将 React 测试库添加到使用 mocha 和 chai 进行单元测试的项目中。在编写断言时我有点困惑,大多数例子都使用 jest 和 jest-dom。我真的很热衷于使用像toBeInTheDocumentor 这样的断言toHaveTextContent

我想知道是否有一个 chai 插件可以替代 jest-dom?或者您找到了哪些使用 React 测试库与 mocha 和 chai 的替代解决方案?

mocha.js chai reactjs react-testing-library jest-dom

5
推荐指数
1
解决办法
1581
查看次数

使用 react-app-rewired 和 custom-cra 时如何配置 Jest?

我正在尝试Jestcreate-react-app使用override函数 fromcustomize-cra和 的a中设置测试react-app-rewired。我已经设置了一个相对路径别名,当我运行测试时它抛出错误cannot find module

这是代码...

// LoginForm.test.js

import React from 'react';
import { render, fireEvent } from '@testing-library/react';
import LoginForm from './LoginForm';


it('submits', () => {
  const onSubmit = jest.fn();
  const { getByText } = render(<LoginForm onSubmit={onSubmit} />);
  fireEvent.click(getByText('Log in'));
  expect(onSubmit).toHaveBeenCalled();
});
Run Code Online (Sandbox Code Playgroud)

// config-overrides.js

const {
  override,
  fixBabelImports,
  addLessLoader,
  addBabelPlugin
} = require("customize-cra");

module.exports = override(
  fixBabelImports("import", [
    {
      libraryName: "antd",
      libraryDirectory: "es"
      // style: true,
    },
    { …
Run Code Online (Sandbox Code Playgroud)

reactjs webpack jestjs create-react-app

3
推荐指数
1
解决办法
6510
查看次数