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 小时前
Agent 上下文爆炸:200 万退款事故复盘
架构
Ruihong11 小时前
Vue withDefaults 转 React:VuReact 怎么处理?
vue.js·react.js·面试
hoLzwEge12 小时前
node-linker VS shamefully-hoist
前端·前端框架
杉氧13 小时前
副作用 (Side Effects) 全攻略:如何像大师一样掌控 Composable 的生命周期?
android·架构·android jetpack
徐小夕15 小时前
jitword 协同文档3.2发布:打造浏览器中最强word编辑器
前端·架构·github
用户2986985301417 小时前
在 React 中使用 JavaScript 将 Excel 转换为 SVG
前端·javascript·react.js
玉宇夕落17 小时前
Harness Engineering 核心四层一:记忆模块的简单学习
架构
星栈17 小时前
SPA 写累了?试试 LiveView:服务端管状态,前端不写 JS
前端·前端框架·elixir
BothSavage17 小时前
OpenHarness源码研究-3-codex配置到输出对话
后端·架构
小林攻城狮1 天前
使用 Transport 节流解决 Vercel AI SDK 流式渲染卡死问题
前端·react.js