为什么在使用全渲染或浅渲染时，带有组件属性的酶find()不能以同样的方式工作？
在使用全渲染或浅渲染时，带有组件属性的酶find()不能以同样的方式工作的原因是因为全渲染和浅渲染的方式会影响组件的渲染和组件树的结构。
全渲染是指将整个组件树完全渲染出来，包括所有子组件。这种方式下，酶的find()方法可以正常工作，因为所有组件都已经被渲染出来，可以通过组件的属性进行查找。
浅渲染是指只渲染当前组件，不渲染子组件。这种方式下，酶的find()方法无法找到子组件，因为子组件并没有被渲染出来，无法通过组件的属性进行查找。
解决这个问题的方法是使用酶的shallow()方法进行浅渲染，然后再使用find()方法进行查找。shallow()方法可以将当前组件进行浅渲染，同时保留组件的属性，使得find()方法可以正常工作。
总结起来，当使用全渲染或浅渲染时，带有组件属性的酶find()不能以同样的方式工作是因为渲染方式的不同导致组件树结构的变化，可以通过使用shallow()方法进行浅渲染来解决这个问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云酶（Enzyme）：https://cloud.tencent.com/product/enzyme
相关·内容
根据和的find()的酶文档，应该能够使用props的值来查找组件。对于完整的和浅层的渲染，这似乎不是以同样的方式工作，尽管我的文档似乎没有解释预期会有任何差异。被测组件示例
class Foo exten
浏览 1提问于2017-02-24得票数 2
回答已采纳
1回答
我是很新的反应/笑话。我试图测试一个非常简单的react组件，它从服务器获取数据并呈现响应。我的组件如下所示： constructor(props) {
最后，检查呈现的输出是否包含一个<
浏览 4提问于2017-08-17得票数 2
回答已采纳
1回答
这是我的组成部分： constructor(props) { onChange={this.onChange} </div> }这是我的测试shallow, mount} from 'enzyme';
it('fires onC
浏览 3提问于2018-05-31得票数 0
我正在为一个组件编写一个测试，以测试它的一个函数，但是我得到了一个错误: ShallowWrapper只能包装有效的元素 /* eslint-disablejest.clearAllMocks() const content = wrapper.find))
浏览 1提问于2020-09-13得票数 0
回答已采纳
我正在寻找一个使用React，Jest和酶的解决方案。我是这些技术的新手。
我可以运行几个简单的测试。我的React组件使用来自rest api的数据。该API可以返回多个记录male和/或female。我的要求是确保在UI中只呈现一个男性员工。我已经做到了--这不是问题。当我使用Jest和Enzyme编写测试时，我想要检查当我呈现时，
浏览 13提问于2019-10-20得票数 1
回答已采纳
11回答
如何用酶测子组份方法？
、、、
我有一个这样的组件： <Child/>和<Child/>组件都有一个foo方法。我想测试foo方法，但我不知道如何访问它。我试过了：或
mount(<Parent><Child/></Par
浏览 30提问于2017-02-15得票数 29
我有一个带有模式对话框的React组件(使用reactstrap构建，但其他人也报告了react-bootstrap和其他类型的模式组件的类似问题)。酶找不到模式中的任何组件，即使它们在实际的应用程序中渲染得很好。div className="inside"> Content of dialog </div>
浏览 43提问于2017-08-12得票数 8
回答已采纳
2回答
我正在尝试测试包装连接组件的组件。所以我有(简化的)： return (现在，我尝试简单地测试InnerComponent (或InnerComponentWrapper)是否在OuterComponent中。我使用的是jest+enzyme。当我渲染OuterComponent (<e
浏览 10提问于2017-01-21得票数 2
我有一个使用useContext的组件，然后它的输出取决于上下文中的值。一个简单的例子： const name = useContext(NameContext);
};
当使用浅表渲染器测
浏览 1提问于2019-02-14得票数 94
回答已采纳
1回答
对于正在工作的项目，我们决定使用自定义构建的JS库，该库在DOM中注入一个<script>标记，该标记链接到第三方JS库。我一直在写这个项目的反应与CRA和使用Airbnb酶与浅层渲染，以测试组件。在介绍这个自定义构建的JS库之前，我们没有问题来测试这个项目并获得很强的覆盖率。当我们引入它时，从目标组件(引入自定义逻
浏览 1提问于2018-08-23得票数 0
我有一个带有模态对话框的Reaction组件(使用reactstrap，但其他人也报告了类似的问题react-bootstrap以及其他类型的模态部件)。酶在模态中找不到任何成分，即使它们在实际的应用程序中呈现得很好。<div className="inside"> Content of dialog </div>
浏览 161提问于2018-06-08
回答已采纳
2回答
我是React.js的新手，我有一个问题--在重新呈现一个React Modal视图之前，有必要卸载它吗？
我正在尝试调用一个react模式视图，如下所示。模式只在第一次出现时出现。
浏览 3提问于2014-07-01得票数 2
我正在使用Jest和酶测试我的反应-Mobx应用程序。我遇到了一个问题，在这个问题中，我以相同的道具名称访问不同的值。如您所见，我使用相同的FilterssAction道具名称访问不同的属性。当我写我的测试时，它失败了。我需要把道具传递给浅渲染组件。因此，我在相同的情况下传递不同的价值观。这是
浏览 3提问于2017-11-28得票数 1
回答已采纳
1回答
在我的mongoDB中，我有一些带有嵌套对象的文档，这些对象对应于摩托车的品牌、型号和年份。字段中的所有make (在上面的示例中是honda和kawasaki)，然后返回特定make下存在的所有型号。，我需要渲染make。它应该看起来像这样：
在橙色加号旁边，我想要显示在特定制造商下存在的所有其他模型的列表，这样如果模型已经存在，我就不必在编写模型时重复，
浏览 1提问于2021-02-03得票数 0
2回答
在发布这个问题之前，我尝试在stackexchange中搜索，但是我没有找到关于浅层和渲染的帖子，所以我希望有人能在这里帮助我。
呈现用于子组件。我问这个问题<
浏览 2提问于2016-08-02得票数 133
回答已采纳
我在我的应用程序中使用了一些动画，所有的动画都依赖于ref(我使用的是GSAP)。大多数经过测试的元素都位于其他React组件中；因此，我在组件中设置了forwardRef，以便将ref传递给所需的元素。现在，我想用Jest和Enzyme或React测试渲染器来测试这些refs，但我无法用这两个库来实现。创建元素并使用ReactDOM渲染和测试r
浏览 1提问于2018-10-18得票数 3
在我的ReactJS项目中，我在jest/酶中的单元测试有问题，我将我的组件转换为ES6，并使用钩子来连接到redux存储。然而，在这个组件中添加了对使用钩子的更改后，它的单元测试已经中断，我花了几天的时间试图弄清楚为什么这个测试不再浅层呈现，因为完全挂载可以很好地工作。<DemoPageForm /&
浏览 0提问于2019-11-07得票数 3
我在一个nextjs项目上使用了react-dropzone，目前当我在服务器上渲染dropzone组件时，我得到了这样的错误：我尝试在组件上设置multiple={true}，但没有成功。然而，当我在组件上设置multipl
浏览 0提问于2019-03-26得票数 0
3回答
我只是从Jest和Snapshot测试开始，我想知道为什么所有的例子都要对React组件进行“深度渲染”来创建快照。div> This is B <div> </div>`;
虽然这有时很有用，但我认为对A和B进行单独的测试/快照并进行浅层渲染更有意义，这样如果我更改B，我的A快照就不需
浏览 1提问于2017-02-20得票数 14
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
