如何用酶获取内部html？(html内容)
酶（enzyme）是一个JavaScript库，用于构建用户界面。它提供了一种简洁的方式来处理组件的渲染、状态管理和事件处理等功能。使用酶获取内部HTML可以通过以下步骤实现：
- 安装酶库：使用npm或yarn命令在命令行中安装酶库。命令如下：
- 安装酶库：使用npm或yarn命令在命令行中安装酶库。命令如下：
- 或
- 或
- 导入所需的依赖：在需要使用酶库的文件中导入必要的依赖。例如，如果你使用的是React框架，则可以在文件的开头添加以下代码：
- 导入所需的依赖：在需要使用酶库的文件中导入必要的依赖。例如，如果你使用的是React框架，则可以在文件的开头添加以下代码：
- 配置酶适配器：根据你所使用的React版本配置酶适配器。例如，如果你使用的是React 16版本，则可以在文件的开头添加以下代码：
- 配置酶适配器：根据你所使用的React版本配置酶适配器。例如，如果你使用的是React 16版本，则可以在文件的开头添加以下代码：
- 使用shallow方法渲染组件：使用shallow方法将组件浅渲染为虚拟DOM对象。例如，如果你要获取名为"MyComponent"的组件的内部HTML，可以使用以下代码：
- 使用shallow方法渲染组件：使用shallow方法将组件浅渲染为虚拟DOM对象。例如，如果你要获取名为"MyComponent"的组件的内部HTML，可以使用以下代码：
- 获取内部HTML：通过调用wrapper对象的html方法，可以获取组件的内部HTML。例如，可以使用以下代码获取"MyComponent"组件的内部HTML：
- 获取内部HTML：通过调用wrapper对象的html方法，可以获取组件的内部HTML。例如，可以使用以下代码获取"MyComponent"组件的内部HTML：
这样就可以通过酶库获取组件的内部HTML了。请注意，这只适用于使用了React或其他受酶支持的JavaScript框架构建的应用程序。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（ECS）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云音视频服务（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
1回答
在酶中，我们如何获得元素的内容，而不是html？(.text()返回文本，.html()返回outerHTML) const wrapper = shallow(<div><b>foo</b><span>cool</span></div>);wrapper.html</e
浏览 20提问于2020-08-12得票数 2
2回答
你能告诉我如何用酶测试apollo查询组件吗？该查询使用isomorphic-fetch从数据库获取数据。// return false })为什么酶找不到Query组件内部的CustomComponent？
浏览 0提问于2018-06-02得票数 0
1回答
酶文档包含了如何用wrapper.ref('nameOfRef')测试具有ref的节点，但这只适用于只有一个字符串值的ref，例如，如果我在React中有一个节点：
<span ref="secondRef酶文档1没有提到这方面的任何内容。[1]: http://airbnb.io/enzyme/docs/api/ReactWrapper/ref.html
浏览 1提问于2018-01-20得票数 4
1回答
第一个测试应该是在错误的post请求之后找到一个内部有错误的html元素。.simulate("click");
expect(wrapper.find("#error").html
浏览 14提问于2020-01-25得票数 1
嗨，我是从外部网址加载内容。就像这样。其中get_data()是一个使用curl获取内容的函数。在此之后，我希望通过使用类或id从不同的html元素(如h1、div、p、span )获得内部html。<title></title
浏览 5提问于2014-03-11得票数 0
回答已采纳
我在html中使用了以下代码： <li>hello </li> <li>hello 3</li><script type
浏览 1提问于2013-12-10得票数 1
2回答
render() { }我尝试通过检查<iframe>中是否正确填充了用src加载的内容来对其进行测试为了做到这一点，我尝试访问frame.contentWindow，但是在用酶挂载它之后，它总是返回undefined。我试着用Sinon 模拟<iframe>内容server.respondWith('
浏览 0提问于2017-01-04得票数 14
7回答
我想通过JavaScript获得内部html的高度。假设我有 <div>Content</div> 如果div字体大小增加了，或者父div中嵌套了许多div，我如何获得父div的高度？
浏览 86提问于2016-08-12得票数 11
回答已采纳
PropTypes.func.isRequired,};
我用Airbnb酶和
浏览 2提问于2017-04-09得票数 14
回答已采纳
我正在尝试获取所有span标记的HTML，但我只能获得内部HTML。spans = document.getElementsByTagName('span'); alert($(spans[i]).html我如何用标签打印它？
浏览 9提问于2016-04-09得票数 1
回答已采纳
我使用这个函数来加载div‘.lide’。我想在单击div时将打开中的文本更改为关闭。我想通过Jquery来安排这件事。这是怎么做的？ var slide = $(".slide"); slide.load("/v3/ajax/timeline.php?id=<?php echo $cam_id; ?>");
slide.data("l
浏览 0提问于2011-12-07得票数 1
我的组件使用dangerouslySetInnerHTML属性呈现HTML。我需要在酶测试中访问这个呈现出来的HTML。我怎么能这么做？我已经尝试过component.html()，但它返回类似于<button ...>[object Object]</button>的内容。
浏览 3提问于2018-01-16得票数 5
回答已采纳
1回答
我可以在网络浏览器中使用吗？生成的示例代码:Object.defineProperty(导出，"__esModule"，{ value: true })；
浏览 1提问于2016-05-05得票数 1
回答已采纳
我正在编写一个函数，它将从基本URL中抓取所有URL，并读取每个页面的html内容，并将搜索'form‘标记到findout login页面url，并且应该应用凭据来对已验证的页面进行爬行。到目前为止，我能够读取每个页面的html内容，并获得表单属性，如方法(即post/get)和action。现在，我想检查'form‘标签的内部是否有'input’标签，以获取它们的属性，比如名称，以应用凭据，并且应该触发submit按钮。如果我
浏览 2提问于2014-04-10得票数 1
1回答
此组件获得一个回调，该回调由动态生成的内容中的用户交互(例如单击)调用。text</span>'; return ( <p>Some HTML</p>
<div dangerouslySetInnerHTML={{ __html: dynamic() }} onClick={hand
浏览 2提问于2020-10-29得票数 4
回答已采纳
1回答
用酶/反应测试类名称的CSS
、、、、
我找不到如何在我的react组件中检查div的CSS。我已经成功地添加了chai-jquery，但是我不知道如何使我的组件完全加载，我只得到<body></body返回。如何测试/检查我的div的CSS类，我发现它使用的是expect(wrapper.find('#id'))... ，而没有将 <div>**'s CSS作为内联样式。
如何确保我的完整组件呈现，因为现在jquery只返回<bod
浏览 3提问于2018-02-12得票数 1
1回答
好的，我在这里的问题是，我在EmployeeInformation.html中时不能更改MainScreen.html的div内容，即"Emps" div，它通过使用jquery加载Personal.html，的内容来实现“<!DOCTYPE html> <head&g
浏览 1提问于2014-09-19得票数 0
回答已采纳
我们使用静态html，结合部分页面水合通过javascript。访问者第一次到达网站时会下载一个完整的html页面，javascript从那里拦截任何内部链接点击，获取一个包含更改内容的json文件，然后用新内容补充现有的DOM。但是，我们的模式数据作为ld+json包含在页面中，因此不包含在被补充的内容中。我想知道，当Googlebot和宾博特访问像我们这样的网页时，他们是否会查看html，只需获取获得完整静态版本的链接中列出的ur
浏览 0提问于2021-05-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
