1回答
web组件快照测试
、、、
给定此自定义组件： const style = ` color: red;`;
<div> this.root.appendChild($element.content.cloneNode(true));} 有没有可能使用Jest进行快照测试
浏览 11提问于2019-02-20得票数 3
1回答
使用快照进行反应测试
、、、、
我想知道，在使用Jest快照测试React组件时，您的方法是什么？如何确定是否应为组件创建快照？
您是测试整个视图还是只测试较小的组件(视图段)？什么时候应该向测试的组件添加道具？函数应该总是使用jest.fn()来模拟吗？
浏览 1提问于2019-09-18得票数 0
回答已采纳
1回答
我正在尝试找出用jest快照测试样式组件的最佳方法。
目前，我正在使用Enzyme的mount，我的组件工作正常，然而，因为我传递了整个主题，所以我的快照将获得整个主题的副本(正如预期的那样)。但是，如果我在主题中更改了组件未使用的内容，快照测试将失败(正如预期的那样)。你们通常是怎么处理这件事的？如果主题上的更改不影响组件，我希望能够让我的快照测试通过。
浏览 1提问于2018-09-11得票数 0
当快照测试(jest snapshot)连接到redux store的组件时，除了连接的组件外，我还可以导出实际的组件// Wrapper.js
import U
浏览 2提问于2017-01-07得票数 14
回答已采纳
假设我有一个简单的组件，我希望对快照进行测试： color: red;我的快照测试希望确保div呈现，但样式并不重要。因此，如果我对这个Component进行了快照测试，并将color从红色更改为蓝色，并生成了一个新的类名，那么快照测试就不会失败。简而言之，我是否可以在快照测试中忽略className，或者告诉样式化的
浏览 8提问于2022-02-05得票数 0
7回答
我使用和对我的React组件进行快照测试。我正在测试DateRange组件的浅表快照，该组件使用当前范围(例如5/20/2016 - 7/18/2016)呈现显示字段，并测试允许选择Date值的两个DateInput组件。这意味着我的快照包含了在Date道具中传递给组件的DateInput，并且在文本表示中它解析了自己。在我的测试中，我使用n
浏览 4提问于2016-12-02得票数 48
回答已采纳
这个问题只是关于单元测试的。
最近，我读了很多关于快照的文章，我真的很困惑什么时候应该使用快照测试，而不是仅仅是显式断言。我用react & jest &酶法进行单元测试。据我所知，使用快照测试是很有意义的:检查组件是否按照我们预期的方式与预期的道具一起呈现。这样，我们就不必对每个支柱或呈现的每个组件都有一个断言，等等。2)如果我有一个组件，它反过来呈现两个子组件&这些子<e
浏览 0提问于2018-02-05得票数 5
我有一个Vue单文件组件，我试图用Cypress端到端测试和@cypress/快照来测试快照。重建后
<label class=&
浏览 2提问于2019-11-27得票数 0
回答已采纳
2回答
如何对嵌套组件进行快照测试？
、、、、
我正在测试一个组件，其中包含一个使用redux的嵌套组件。我正在对组件使用浅层测试。这是我的测试： void it("renders correctly", () => { const tree = renderer.render(<Header />)
exp
浏览 0提问于2019-04-29得票数 1
我是新的反应，最近我发现有一个工具叫做故事书，它基本上帮助测试我们的反应组件的孤立方式。然而，我也发现在测试我们的React应用程序时使用了故事书，也就是说，会发生快照的比较。问题是为什么要测试快照的差异？我的意思是，是否就像我们创建了某个组件，并为它创建了一个快照，以确保其他开发人员不会意外地更改该组件，也就是说，故事书中的快照可以帮助我们确保我们创建的组件不会发生意外的更改。是真的吗？
浏览 5提问于2019-10-28得票数 0
回答已采纳
为测试UI组件提供了方便。如果UI组件发生更改，则需要更新快照以反映相同的内容。我们可以指定“testNamePattern”来更新特定测试的快照。jest --updateSnapshot --testNamePattern abc.test.js
可以在更新快照的同时强制执行“testNamePattern”吗？这将有助于避免错误地更新其他失败快照。据我所知，它预计会陷入代码评审阶段。但是，我希望确保快照总是针对特定的模式进行更新
浏览 2提问于2017-09-04得票数 0
回答已采纳
我正在使用React并编写一个Modal组件，如下所示： const MyModal: FC<MyModalProps> = memo((props) => { ); const renderFragment = asFragment();
expect(
浏览 26提问于2021-09-19得票数 2
回答已采纳
1回答
带反应弹簧/反应运动的快照测试
、、、、
我试图用Jest和酶来测试我的反应成分。有些组件中有动画组件(从react-spring/react-motion导入)，它将函数呈现为其子函数。这使得测试变得非常困难。我做了很多研究，想出了三个想法：
使用酶的mount渲染一切，并对其进行快照测试。我发现昂贵的组件是不可能的/无效的，生成的快照通常很重(1MB - 2MB)。用酶的shallow和快照测试组分。然后找到动画组件</e
浏览 0提问于2018-12-28得票数 2
回答已采纳
我有一个使用酶的简单应用程序，我只想呈现html节点，而不是组件： <a />`// Jest Snapshot v1
<a />使用反应测试库只是为了获得
浏览 1提问于2019-07-26得票数 0
/home/max/.npm/_logs/2020-03-26T18_16_36_155Z-debug.log运行./node_modules/.bin/vue-cli-service test:unit，我只得到测试和Jest输出。一切都如期而至。我的装置出什么问题了？
浏览 3提问于2020-03-27得票数 1
回答已采纳
1回答
目前，我正在测试一个React组件，该组件从API中获取一些数据，并显示加载屏幕，直到数据被获取为止。我的测试目前如下所示： </BrowserRouter>
})
这个测试通过了，但是查看快照文件就会发现，所拍摄的快照是加载
浏览 3提问于2021-11-23得票数 0
我正在尝试针对快照测试组件。该组件呈现一个带有onChange事件的复选框，并且其选中状态被链接到设置为true的组件状态。import React, { useState } from "react";
import ".ty
浏览 1提问于2019-06-18得票数 2
到目前为止，在我正在工作的项目中，我通常会以这种方式快照测试执行异步数据加载的组件： test('Matches(加载、错误、加载的数据)的快照。问题是我刚刚发现这个方法是的，并且@testing-library/react包的最新更新不再允许我以这种方式测试我的组件。asFragment } = render(<MyComponent /
浏览 19提问于2020-11-12得票数 2
回答已采纳
最近，我有一个特性要添加，而最简单的方法是将我连接的组件嵌套在这个证监会(无状态功能组件)组件中。所以我的问题是
在证监会组件中嵌套有状态组件是一种良好的做法吗？如果没有，有什么更好的方法呢？如果可以这样做，如何进行快照<
浏览 1提问于2019-09-08得票数 0
1回答
在测试不同平台的组件时，我会执行2次快照测试(iOS和Android)。在测试Android时，我首先将Platform.OS设置为"android"，然后再执行其余的测试。当被测试的组件依赖于安卓模块时，比如TouchableNativeFeedback，生成的快照是一条错误消息： <Text ...>
TouchableNativeFeadback
浏览 12提问于2017-07-13得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
