React基础框架搭建7-单元测试：react+router+redux+axios+Tailwind+webpack

原创已于 2026-01-06 11:48:21 修改 · 142 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#react.js #webpack #前端

收录于

于 2026-01-06 11:20:08 首次发布

之前配置了一些东西，也写了一点业务代码，现在进行单元测试，看看前面有什么问题。
后续也基于业务进行验证。

npm下载：

npm install --save-dev @testing-library/react @testing-library/jest-dom

有些可能需要安装：

npm install --save-dev @babel/plugin-proposal-private-property-in-object

单元测试请按如下方式进行：

//src/views/Home/__tests__/Home.test.js

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

test('renders welcome message', () => {
    render(<Home />);
    const linkElement = screen.getByText(/Hello/i);
    expect(linkElement).toBeInTheDocument();
});

运行：