You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用Mocha和Chai调试ReactJS应用测试问题求助

为React教程项目编写测试用例的环境与初始代码

最近我跟着React教程做了个小型应用,现在正尝试给它编写测试用例。先把我的技术栈和已经写的test_helper.js代码整理出来:

技术栈版本

  • node: v8.7.0
  • mocha: ^5.1.0
  • jsdom: ^11.8.0
  • jquery: ^3.3.1
  • react-dom: ^16.3.2
  • react: ^16.3.2
  • chai: ^4.1.2
  • babel-register: ^6.26.0

我的test_helper.js代码

import { JSDOM } from 'jsdom';
import jquery from 'jquery';
import ReactTestUtils from 'react-dom/test-utils';
import React from 'react';
import ReactDOM from 'react-dom';
import { expect } from 'chai'; // 补全了未写完的导入语句

(注:通常在这个文件里还需要配置JSDOM的全局环境,让React和jQuery能在测试环境正常运行,示例配置如下:)

// 配置JSDOM全局环境
const dom = new JSDOM('<!doctype html><html><body></body></html>');
global.window = dom.window;
global.document = dom.window.document;
// 绑定jQuery到全局window对象
global.$ = jquery(global.window);

内容的提问来源于stack exchange,提问作者agusgambina

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 07:08:34