为什么我的React的酶快照测试在document.getElementById()调用上失败？
React的酶（Enzyme）是一个用于React组件测试的JavaScript测试工具。它提供了一套简洁的API，用于模拟组件的渲染、交互和断言。在进行React的酶快照测试时，如果在document.getElementById()调用上失败，可能有以下几个原因：
- 元素未被正确渲染：在进行快照测试之前，确保React组件已经被正确地渲染到DOM中。可以使用React的TestRenderer或ReactDOM.render()方法将组件渲染到一个虚拟的DOM容器中，然后再进行快照测试。
- 元素的id属性不存在：document.getElementById()方法需要传入一个有效的id属性值来获取对应的DOM元素。在进行快照测试之前，确保被测试的组件中存在一个具有唯一id属性的元素。
- 元素尚未被挂载到DOM中：如果组件中的元素尚未被挂载到DOM中，document.getElementById()方法将无法找到对应的元素。在进行快照测试之前，可以使用React的TestUtils库中的Simulate方法模拟组件的交互，触发组件的挂载过程。
- 组件中存在异步操作：如果组件中存在异步操作，例如使用了setTimeout或Promise等，那么在进行快照测试时，需要等待异步操作完成后再进行断言。可以使用async/await或者回调函数等方式来处理异步操作。
总结起来，当React的酶快照测试在document.getElementById()调用上失败时，需要确保组件已经被正确渲染到DOM中，元素具有有效的id属性，元素已经被挂载到DOM中，并且处理了可能存在的异步操作。如果问题仍然存在，可以进一步检查代码逻辑或查阅React的酶文档以获取更多帮助。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我正在尝试呈现嵌套React组件的快照测试，但测试代码无法处理document.getElementById()请求。= document.getElementById(this.headerWrapperId);describe("GridRows Snapshot", () =
浏览 0提问于2017-12-12得票数 3
我让一个React组件导入另一个React HOC。<InnerComponent />)} 这是我的测试规范文件的摘录(我使用酶和jest)： const component = shallow(<OuterComponent {..我的InnerComponent应该呈现的部分在快照中如下所示： <withR
浏览 17提问于2021-04-15得票数 0
1回答
带反应弹簧/反应运动的快照测试
、、、、
我试图用Jest和酶来测试我的反应成分。有些组件中有动画组件(从react-spring/react-motion导入)，它将函数呈现为其子函数。这使得测试变得非常困难。我做了很多研究，想出了三个想法：
使用酶的mount渲染一切，并对其进行快照测试。我发现昂贵的组件是不可能的/无效<e
浏览 0提问于2018-12-28得票数 2
回答已采纳
示例： const Loading = () => ( <i className="loading" />) 这将在chrome中返回可怕的红色控制台警告为什么我要让它成为一个类呢？它不需要是吗？这是自react 16.2的最新升级以来的版本
浏览 19提问于2019-12-12得票数 0
3回答
我写了一个有趣的酶测试如下：import ManageDrugTermPage from '..{id : 25, router: setRouteLeaveHook}}/> expect(toJson(wrapper)).toMatchSnapshot();})
我希望在快照中看到ManageDrugT
浏览 1提问于2017-05-17得票数 6
回答已采纳
1回答
Jest测试失败“窗口未定义”
、、、、
在我react应用程序中，我已经为快照测试配置了jest和酶。我的一个测试失败，错误如下： message: 'window is not defined',我在函数中使用window (全局对象)，并从包含window对象的测试文件中调用该函数，这会产生一个错误
浏览 2提问于2018-09-28得票数 1
我在试着做一个反应组件的测试。我需要检查渲染后的样子。试图使用ReactDOMServer.renderToString()，但失败了。/src/components/edit';import React from 'react/lib/ReactWithAddons'
浏览 8提问于2016-11-09得票数 0
回答已采纳
1回答
在对App.js进行更改时，我的测试没有失败。
我使用的是jest、酶、react.js、react-create-app和react-scripts。当我更新App.js组件时，我预计测试应该会失败，因为它与App.js的快照不匹配。我认为这与我的_ snapshot _/App.
浏览 9提问于2019-07-11得票数 1
回答已采纳
1回答
我试图模拟点击按钮，但测试总是失败，我不知道为什么。看来酶无法选择DOM元素来触发对它的单击，因为调用总是0。我用的是酶3.7.0和jest 23.6.0import * as React from 'react';
浏览 0提问于2018-10-10得票数 1
回答已采纳
3回答
Jest和酶有什么区别？
、、、、
我刚开始做单元测试。我想测试React项目。我从React文档开始，它将酶称为测试工具，这对我来说有点模糊。
测试react-redux项目的最佳方法是什么？
浏览 9提问于2017-03-06得票数 47
1回答
我的酶快照结果是空的
、、、
我还不熟悉React中的Jest酶测试，我的快照测试结果是空的。我有以下测试代码： import React from 'react';import { shallow,correctly&#x
浏览 12提问于2021-04-12得票数 0
回答已采纳
我一直在阅读有关方法的文章，并采用了一种方法，在这种方法中，您可以使用Webpack和Babel来绑定而不使用React，因为如果您不这样做，将会出现错误，因为将导入两个版本的React (一个在组件库中更新1:我删除了酶并添加了react-test-renderer，我得到了相同的错误ReferenceError: React is not defined，但它
浏览 54提问于2019-10-09得票数 0
回答已采纳
我用的是React v15.4，babel-jest v18和酵素v2.5.1import React, {Component} from 'react'/* global it, expect, describe */
import React from '<em
浏览 6提问于2017-03-28得票数 16
回答已采纳
1回答
我开始用玩笑和酶来为我的react应用程序编写测试，用于本地和前端，我想清楚地知道什么时候使用快照测试，什么时候使用单元测试。
浏览 1提问于2018-06-28得票数 0
回答已采纳
1回答
我刚开始使用React-Jest-Enzyme，进行测试，但从我收集到的所有信息来看，在我看来，大多数测试实际上都是测试React库是否坏了，而不是我的实际业务逻辑。我给你举几个例子，如果我错了，请纠正我：这个策略是怎么回事？
据我所见，它的主要目的是捕捉代码中任何不必要的更改。
浏览 1提问于2018-02-21得票数 11
我试图为使用的组件编写一个单元测试。，我编写了一个使用挂载挂起组件的单元测试：import React from 'react';
在web上搜索错误消息时，我发现这很可能是因为酶</em
浏览 0提问于2019-01-02得票数 0
回答已采纳
组件测试 state = { }
import renderer from "react-test-renderer"importnull，因为在执行时，<e
浏览 0提问于2018-11-29得票数 5
回答已采纳
1回答
我有以下问题，我不知道是否可以使用Jest +快照功能获得结果。我希望快照包含css样式，而不是className。目前，我的快照如下：我希望这样做：
<div id=&q
浏览 5提问于2017-11-29得票数 8
2回答
我正在升级一个项目以作出反应16。当我运行yarn test时，许多测试现在由于linting/格式化错误而失败。actual
- <h1 - >有没有人知道为什么会发生这种情况，以及我如何修正测试？
浏览 1提问于2018-04-16得票数 0
回答已采纳
1回答
我正在用Jest和酶测试嵌套的Redux容器。如果一个子嵌套组件类名为MyComponent，而我则用酶来呈现它们，则它们在快照中显示为：有办法用酶找到这些容器吗下列情况失败：expect(wrapp
浏览 0提问于2017-09-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
