-
0 votesanswersviews
vscode-jest:codelens只出现一次
我在我的CRA Typescript应用程序中使用Jest(弹出) . 最近我安装了vscode-jest扩展 . 当我第一次打开vscode并转到测试文件时,我可以看到每个测试旁边都有代码“Debug”(旁边的“it”保持字) . 单击“Debug”可以运行特定的测试(这非常酷且方便) . 但是如果我关闭这个文件然后重新打开它,第一次运行后代码就会消失,我似乎无法让它们重新出现以便后续运行 .... -
1 votesanswersviews
Vue Jest嵌套组件
我正在开发一个具有嵌套组件的Vue应用程序 . 我正在使用Jest编写单元测试用例 . 在父组件上执行单元测试用例时,我注意到未加载子组件 . 我在测试套件中使用浅渲染 . 请分享关于此主题的任何链接或教程 . 谢谢 -
1 votesanswersviews
使用Vue-Router进行快照测试
我正在尝试在使用Vue-cli应用程序创建的Vue应用程序中运行jest-snapshot测试 . 当我测试其中包含路由器链接的组件时,我收到以下警告 . [Vue warn]: Unknown custom element: <router-link> - did you register the component correctly? For recursive compon... -
6 votesanswersviews
你如何使用具有道具的Jest模拟反应组件?
必须有一个简单的方法来做到这一点,但我无法在任何地方找到记录的语法 . 我有一个带有支柱的React组件,我想在Jest中嘲笑这样: jest.mock('./common/MultiSelect', 'MultiSelect'); 这是有效的,除了我最终得到一个反应警告混乱我的测试结果: 警告:标签上的未知道具选项 . 从元素中删除此prop . 我正在嘲笑的组件确实有一个选项道具,我真的... -
1 votesanswersviews
Jest:测试套件无法运行,意外的令牌=
我试图用Jest / Enzyme测试React组件 . 我希望测试至少可以运行,但是在导入文件时它已经失败并且没有进入测试本身 . 所以我想知道配置中缺少什么? 错误: __tests__/Favorite.test.js ● Test suite failed to run /src/components/favorite/Favorite.js: Unexpected toke... -
0 votesanswersviews
切换到打字稿后,酶快照样式的组件名称丢失
我正在将React应用程序从JavaScript转换为TypeScript . 我们有许多快照测试使用 enzyme-to-json 来序列化酶渲染的组件以及 styled-components-named Babel插件,以确保组件名称出现在快照中 . 例如 . <SecuredText> <p className="c1" > ... -
5 votesanswersviews
create-react-app&jest - SyntaxError:意外的令牌导入
注意:我通过将 src/nod_modules 文件夹中的所有代码直接移动到 src 文件夹并按照此短线程删除 src/node_modules 来解决此问题:https://github.com/facebook/create-react-app/issues/4241 我正在使用create-react-app并且无法运行Jest . 当我尝试将任何一个React组件导入到我的测试文件中时,... -
0 votesanswersviews
当我使用booostrap-vue select时,Jest失败了
我创建一个新的vue项目并安装jest等 . 之后我安装bootstrap-vue(npm包)并且jest失败并出现错误:测试套件无法运行 ... \ node_modules \ bootstrap-vue \ es \ components \ form-select \ form-select.js:1({“Object . ”:function(module,exports,requir... -
2 votesanswersviews
Vue App中的Mock GraphQL
我正在使用Vue.js开发客户端应用程序,使用jest进行测试,并使用Vue-apollo请求外部graphql endpoints . 我的疑问是,如何在我的测试或我的应用程序中模拟此服务器请求? 什么是最好的方法,模拟测试或虚假数据的应用程序? 谢谢 . -
2 votesanswersviews
jest酶测试一个组件,异步提取到api
我正在使用反应,开玩笑和酶与不可变的 . 我正在尝试安装从API获取数据的组件,我遇到了一些困难 . // FooListContainer.jsx export default class FooListContainer extends Component { constructor(props) { super(props); this.state... -
2 votesanswersviews
呈现重定向时,在react-test-renderer中更新了组件
我正在使用react-router-dom为react-redux编写的登录表单编写测试 . 我的组件看起来像这样: class LoginForm extends Component { render() { const { isAuthenticated, ... } = this.props if (isAuthenticated) {... -
11 votesanswersviews
如何正确地使模拟在Jest中抛出错误?
我正在使用Jest测试我的GraphQL api . 我正在为每个查询/突变使用单独的测试套装 我有2个测试(每个测试都在一个单独的测试服中),我模拟了一个用于突变的函数(即Meteor的 callMethod ) . it('should throw error if email not found', async () => { callMethod .mockRet... -
0 votesanswersviews
无法在反应原生的笑话中记录酶浅包装的值
使用React Native,jest和酶,我甚至无法检查浅层渲染组件的值,更不用说对它运行测试断言了 . Enzyme和jest适用于其他测试文件 . 我的控制台中没有发生任何错误的日志输出 . import React from 'react'; import { shallow } from 'enzyme'; import { SomeComponent } from '../SomeCo... -
1 votesanswersviews
使用VSCode或Chrome中的Typescript创建React App进行调试测试
使用(https://github.com/Microsoft/TypeScript-React-Starter)创建了一个应用程序 npm install -g create-react-app create-react-app my-app --scripts-version = react-scripts-ts 我已经阅读了很多文章,似乎是绕圈子,但还没有找到我如何调试默认的app.test... -
0 votesanswersviews
使用Sinon时,使用debounceTime错误来反应组件
我有以下React组件 探索在这里输入代码 class IncrementalSearch extends React.Component { constructor(props) { super(props); this.onSearch$ = new Subject(); this.onChange = this.onChange.bi... -
0 votesanswersviews
如何模拟React组件单元测试的request-promise-native?
包装:Jest,Enzyme,(和Nock不起作用) . 我有以下React组件: import ... const request = require('request-promise-native'); class SomeSearchContainer extends Component { constructor(props) { super(props); th... -
3 votesanswersviews
React JS:如何获得所有道具组件的期望?
我开始对React应用程序进行单元测试,我面临的挑战之一是确定组件正确安装所需的所有道具 . 是否有任何实用程序可以检查成功安装组件需要什么?此外,这些道具的数据类型可以适当地初始化它们以进行组件渲染 . 就像我的一个组件是使用spread {...props} 运算符从父级获取道具 . 父母也使用传播操作符获取这些,然后添加一些额外的道具并将其传递给孩子 . 这让我很难获得组件所需的所有道具 ... -
1 votesanswersviews
使用Jest&Enzyme进行异步提取后测试组件的状态(使用模块)
我正在尝试用Jest测试React组件的状态 . 在ComponentDidUpdate上,如果有人登录并使用用户名更新state.user,它将在服务器上获取用户名 . 如果没有用户登录,则会将state.pleaseLogin切换为true . import React from "react"; import "./Header.css"; impor... -
1 votesanswersviews
在父无状态组件中测试prop上的回调函数
我想知道如何在代码中测试 renderItem 回调函数 . 我的覆盖率统计数据表示功能未涵盖,其返回的数据也未涵盖 . const List = ({ data, dataKey, extraData }) => ( <FlatList data={data} renderItem=({ item }) => <Text... -
7 votesanswersviews
如何用react-navigation实现jest单元测试
我目前正致力于为react-navigation添加jest单元测试,例如:My StackNavigator const Nav = StackNavigator({ Home: { screen: Home, }, Second: { screen: Second, } }); export default class App... -
2 votesanswersviews
jest mocking promise方法被称为错误的次数
作为我的redux操作的一部分,它会发出几个连续的api请求 . apiCall 方法返回带有某个值的Promise,后续 apiCall 使用该值来发出另一个请求,依此类推 . 我正在使用Jest来测试这些api调用 . const myAPI = { apiCall(param: any): Promise<any> { return new Promise((re... -
7 votesanswersviews
导入图像打破了开玩笑测试
在React组件中导入资产(例如,从“../../../assets/img/logo.png”导入徽标)会出现此类错误 ({“Object . ”:function(module,exports,require,__ dirname,__ filename,global,jest){ PNG语法错误:ScriptTransformer._transformAndBuildScript中的无效或... -
2 votesanswersviews
React:如何用jest模拟函数和测试组件渲染:
我很反应/开玩笑 . 我试图测试一个非常简单的反应组件,它从服务器获取数据并呈现响应 . 我的组件如下所示: export default class myComponent extends Component { constructor(props) { super(props); } async componentDidMount() { ... -
4 votesanswersviews
React Native文件夹结构的最佳实践
我找不到任何官方的最佳实践来存储单元测试文件夹结构以反应本机项目 . 有些人他们创建了一个文件夹 tests 来维护应用程序的所有组件 . 有些人在每个组件内部创建文件夹 tests 存储所有单元测试文件 . 有人能指出存储单元测试文件的正确方法吗? -
1 votesanswersviews
JEST测试套件无法运行:TypeError:(0,_reactRedux.connect)不是函数
所以我想测试反应组件,我刚刚添加了测试库Enzyme和Jest,尝试设置测试 . 但是如果我在测试代码中导入一个组件,那么我的节点模块会出现错误 . 我的应用程序正在使用:React Webpack Babel . 我有 "react": "^0.14.8" , "enzyme": "^3.3.0", , "... -
1 votesanswersviews
使用jest Unexpected token import创建React App执行测试
我只是React的新开发人员 . 我刚刚使用create-react-app插件启动了一个新的应用程序 . 之后我定制了自己的应用程序组件,但是这使用了一些第三方组件,这使得 npm run test (react-scripts test --env = jsdom)失败并显示错误: SyntaxError: Unexpected token import 此错误仅发生在我正在使用的node_... -
2 votesanswersviews
Jest:意外的令牌@ Decorator
我收到一个错误:测试套件无法运行:意外的令牌(5:0) 3 | import Locale from '../stores/view/language' 4 | 5 | @observer | ^ 6 | export default class DateFormat extends Component { 7 | constructor(props) { 8 | super(pr... -
3 votesanswersviews
SyntaxError:使用Jest导入意外的令牌
我正在尝试使用redux-persist在我的react-native项目中设置一个jest快照测试 . 我不认为它是es2015导入问题,因为我的测试代码看起来像这样: import React from "react" import "react-native" // Note: test renderer must be required a... -
3 votesanswersviews
React.js Jest:测试套件无法运行
由于错误,我无法运行npm测试: ●测试套件无法运行 /home/nrl/repo/frontend/node_modules/react-router-dom/es/Link.js:11 import React from 'react'; ^^^^^ SyntaxError: Unexpected identifier 这是我的测试文件 . import React from... -
3 votesanswersviews
有没有另一种方法来模拟组件的mapDispatchToProps使用Jest时
我目前有一个像这样的组件: import React, { Component } from 'react'; import { connect } from 'react-redux'; import { getDataAction } from ' './my-component'; export class MyComponent extends { Component } { co...