在测试usinfg jest时，react本机内置全局对象不存在
在测试使用 Jest 时，React 本机内置的全局对象不存在的原因可能是因为 Jest 运行环境与 React 的运行环境不同。Jest 是一个 JavaScript 测试框架，它提供了一个模拟的运行环境来执行测试代码，以便进行单元测试和集成测试。
React 本机内置的全局对象通常是在浏览器环境中提供的，例如 window 对象和 document 对象。在 Jest 的默认运行环境中，这些全局对象是不可用的。
为了解决这个问题，可以使用 Jest 提供的一些工具和配置来模拟这些全局对象。下面是一些可能的解决方案：
- 使用
jsdom模拟浏览器环境：Jest 提供了一个名为jsdom的库，它可以模拟浏览器环境，包括提供window和document对象。可以在 Jest 的配置文件中添加以下配置来启用jsdom：
// jest.config.js
module.exports = {
testEnvironment: 'jsdom',
};- 手动模拟全局对象：如果只需要模拟一些特定的全局对象，可以在测试代码中手动创建这些对象。例如，可以使用
jsdom创建一个空的window对象，并将其赋值给全局变量：
// test.js
import { JSDOM } from 'jsdom';
const dom = new JSDOM('<!doctype html><html><body></body></html>');
global.window = dom.window;
global.document = dom.window.document;- 使用适当的 Jest 插件：Jest 社区提供了一些插件，可以帮助解决特定的问题。可以搜索并尝试使用与 React 相关的 Jest 插件，以便正确模拟 React 的运行环境。
需要注意的是，以上解决方案可能需要根据具体情况进行调整和适配。同时，推荐使用腾讯云的云原生产品来部署和管理 React 应用程序，例如腾讯云的云服务器、容器服务、云函数等，以实现高可用性和弹性扩展。
希望以上回答能够帮助您解决问题。如需了解更多关于腾讯云相关产品和服务，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
runnig jest的测试中不存在像WebSocket这样的react本机内置全局对象app.test.js
console.log(typeof We
浏览 27提问于2019-07-24得票数 1
我想为React Native/TypeScript应用程序编写一些单元测试。问题是有些库不能在开发环境下运行，比如'AsyncStorage‘或'react-native-sqlite-2’。我在Jest网站上找到的唯一一件事就是关于mocking，但这只是一种解耦UI测试的方法。
我在考虑使用一些node.js库来模拟这些库，根据环境加载正确的库。
浏览 14提问于2017-12-31得票数 1
回答已采纳
1回答
除了React之外，我使用了CommonJS模块，这是全局的：// var React = require("react");
});
在MyC
浏览 3提问于2015-05-14得票数 5
回答已采纳
1回答
无论好坏，我都使用由Routes公开的js-routes全局对象-- Rails的gem。我有一个使用Jest的快照测试，它测试了碰巧使用Routes全局的简单组件。在我的测试中，我想模仿Routes。因此，当我的组件调用Routes.some_path()时，我可以返回一些任意字符串。package.json
"<
浏览 0提问于2018-02-28得票数 11
5回答
有人能举个例子来说明如何使用jest globals吗？ ..."jest": { "__DEV__": true, }}
我是在package.json文件中指定全局文件，还是用js文件创建一个应该定义全局文件的文件夹
浏览 5提问于2016-06-27得票数 70
回答已采纳
1回答
我正在尝试实现对我的组件的测试，这些组件使用react本机外观来适应光/暗模式。由于我的大多数其他组件都使用这个文本组件，所以我使用setupFiles在全局上模拟了该模块：
jest.mock('react-native-appearance', () =&g
浏览 1提问于2021-02-24得票数 0
我正在运行一个组件的测试，该组件需要检查它是否具有特定的CSS样式。由于在默认情况下不具有此功能，所以我安装了@ test -库/ run本机在那里使用toHaveStyle，但是在运行测试时我得到了一个错误:测试套件无法运行。无法从“我的测试文件的路径”中找到模块‘@ test -library/jest-本机’。下面是我的测试和jest配置：// t
浏览 19提问于2022-10-31得票数 1
PushNotificationIOS.requestPermissions(); AsyncStorage.setItem('blah', token);所以如果我想写一个间谍测试的话jest.mock('react-native', () => ({ addEventListener: jest.fn(),
浏览 2提问于2018-08-15得票数 2
回答已采纳
1回答
我可以很好地测试客户端，因为react-scripts内置了jest。当我试图在我的后端的根目录中安装jest时，当我试图构建客户端文件夹时，我得到一个与jest不兼容的问题。The react-scripts package provided by Create React App requires a dependency:
"babel-jest":
浏览 14提问于2021-06-21得票数 0
1回答
我试图模拟react本机-ibeacon(一个本机模块，我只想测试它是如何调用的，包括下面的Beacons对象中的所有函数)。下面是一个代码片段，它使信标无法定义：var Beacons = require('react-native-ibeacon');
jest.mock('react-n
浏览 4提问于2016-12-19得票数 2
回答已采纳
然后，我试图按照下面的说明创建一个单元测试：import React from 'react';
import renderer from 'react-test-renderer
浏览 18提问于2021-05-21得票数 1
回答已采纳
1回答
当我声明一个时，新代码没有通过单元测试，我得到了一个奇怪的异常。基本上，无论我在ReactiNative中从NativeModules中导入什么，都缺少一个定义:所以单元测试失败，因为TypeError: Cannot read property 'HelloWorld' of undefinedimport { NativeModules } from 'react-native';
const Thing = NativeModules.Some
浏览 5提问于2022-07-14得票数 0
1回答
我试图开始测试反应-本地人/博览会和打字稿。我已经创建了一个应用程序与世博会的基本类型记录模板。 "@types/jest": "^26.0.23", "@types/react-na
浏览 5提问于2021-06-07得票数 4
回答已采纳
3回答
是否可以使用带有多个预置的Jest，比如jsdom和react原生的？
"jest": {
"preset
浏览 0提问于2018-06-23得票数 37
1回答
我们有一个，在Jest测试中遇到了麻烦：import { render } from '@testing-library/react-native('@react-navigation/native', () => { ...jest.requireActual('@reac
浏览 1提问于2021-09-20得票数 1
在componentDidMount中，我添加了一个监听器来处理Android导航，并且希望添加关于它的行为的测试。如何首先在componentDidMount中测试某些内容，然后如何模拟单击“后退”按钮。class Component extends React.Component { BackHandler.addEventListener('
浏览 4提问于2017-07-06得票数 2
回答已采纳
2回答
我对嘲笑单元测试非常陌生，所以像模拟模块这样的东西是令人困惑的。在react本机中，有一个组件使用firebase数据库从给定的ref返回数据：// when the data of the current user is available });});我现在正在尝试进行使用以下组件的单元测试：import '
浏览 2提问于2018-04-06得票数 7
1回答
我正在使用Redux和在设备上运行应用程序时使用Redux来尝试我的第一个react本机应用程序，
package.
浏览 5提问于2017-01-22得票数 4
回答已采纳
1回答
我想测试一个使用全局fetch方法的小型React web应用程序。但是模拟似乎被忽略了，而内置的fetch似乎被使用了：Error: connect ECONNREFUSED 127.0.0.1:80 ...看起来像是对内置fetch的失败调用。和React测试库的文档有点混乱。编辑 我尝试测试的React组件名为" App "，由Create React App生成，并已更改为包含对fetch
浏览 26提问于2020-06-16得票数 4
回答已采纳
下面是我尝试使用React Native 0.39和Jest 18测试的一个简单组件： // index.ios.js
NSLog(@"This is a test");
@end 以下测试失败'
浏览 57提问于2016-12-27得票数 24
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
