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

现在可以对之前弄得一些内容进行测试了

npm下载:

dart 复制代码
npm install --save-dev @testing-library/react @testing-library/jest-dom

有些可能需要安装:

kotlin 复制代码
npm install --save-dev @babel/plugin-proposal-private-property-in-object

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

javascript 复制代码
//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();
});

运行:

bash 复制代码
npm test
相关推荐
pe7er1 天前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
晚风予星1 天前
Ant Design Token Lens 迎来了全面升级!支持在 .tsx 或 .ts 文件中直接使用 Design Token
前端·react.js·visual studio code
sunny_1 天前
⚡️ vite-plugin-oxc:从 Babel 到 Oxc,我为 Vite 写了一个高性能编译插件
前端·webpack·架构
青青家的小灰灰1 天前
React 架构进阶:自定义 Hooks 的高级设计模式与最佳实践
前端·react.js·前端框架
兆子龙1 天前
模块联邦(Module Federation)详解:从概念到手把手 Demo
前端·架构
Bigger1 天前
告别版本焦虑:如何为 Hugo 项目定制专属构建环境
前端·架构·go
狗哥哥2 天前
微前端架构下的平台级公共组件资源体系设计
前端·架构
两万五千个小时2 天前
落地实现 Anthropic Multi-Agent Research System
人工智能·python·架构
Mintopia2 天前
思想长期停在事物表面的深层原因:认知机制、环境结构与技术化治理
架构
兆子龙2 天前
React Compiler 来了:少写 useMemo,照样稳
前端·架构