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
相关推荐
软弹10 小时前
深入理解 React Ref 机制:useRef 与 forwardRef 的协作原理
前端·javascript·react.js
掘根10 小时前
【微服务即时通讯】用户管理子服务1
微服务·云原生·架构
前端炒粉10 小时前
React 面试高频题
前端·react.js·面试
张一凡9311 小时前
React 项目也能用依赖注入?我尝试了一下,真香
前端·react.js
SuperEugene11 小时前
Vue3 + Element Plus 中后台弹窗规范:开闭、传参、回调,告别弹窗地狱|Vue 组件与模板规范篇
开发语言·前端·javascript·vue.js·前端框架
SuperEugene11 小时前
VXE-Table 4.x 实战规范:列配置 + 合并单元格 + 虚拟滚动,避坑卡顿 / 错乱 / 合并失效|表单与表格规范篇
开发语言·前端·javascript·vue.js·前端框架·vxetable
源远流长jerry11 小时前
RDMA 传输服务详解:可靠性与连接模式的深度剖析
linux·运维·网络·tcp/ip·架构
Csvn11 小时前
Redux Toolkit 实战
react.js
填满你的记忆11 小时前
RAG 架构在实际项目中的应用(从原理到落地)
java·ai·架构
snow_yan11 小时前
基于 json-render 的流式表单渲染方案
前端·react.js·llm