草庐IT

react单元测试

全部标签

javascript - 单元测试 AngularJS 模块 Controller

我正在查看TODOMVCAngularJS示例,我看到该应用程序被定义为一个模块。vartodomvc=angular.module('todomvc',[]);在Controller内部,我看到它们被定义为:todomvc.controller('TodoCtrl',functionTodoCtrl($scope,$location,todoStorage,filterFilter){//...});我的问题涉及单元测试...如何为该类编写单元测试?我试过这样的事情:describe('TodoCtrl',function(){varcontroller;beforeEach(fun

javascript - Angular.js promise 在使用 karma 进行单元测试服务时不会解析

我正在尝试对Angular.js服务进行单元测试,并且需要对从模拟服务(使用Jasmine)返回的promise设置期望。我正在使用karma单元测试框架。相关代码片段如下://Ican'tfigureouthowtodotheequivalentofa$scope.$digesthere.varloginStatusPromise=FacebookService.getFacebookToken();loginStatusPromise.then(function(token){expect(false).toBeTruthy();//Ifthistestpasses,thereis

javascript - 如何使用 Selenium webdriver 测试对 SVG 对象的点击?

我正在尝试编写代码来检查单击SVG对象的功能-例如此URL上的美国州http://www.amcharts.com/svg-maps/?map=usa这行得通,但是有更好的方法吗?没有物理移动鼠标的东西?robert=newRobot();robert.mouseMove(x,y);//fullclickoncetogetfocusonthewindowrobert.mousePress(MouseEvent.BUTTON1_MASK);robert.mouseRelease(MouseEvent.BUTTON1_MASK);//thensetthefilterrobert.mouse

javascript - 如何在 CasperJS 断言失败时继续测试用例?

有没有办法在发生故障时继续测试套件?例如:casper.test.begin("",3,functionsuite(){casper.start(url).then(function(){test.assert(...);test.assert(...);//Ifthisassertfail,thescriptstopandthethirdassertisn'ttestedtest.assert(...);}).run(function(){test.done();});});我希望所有断言都经过测试,即使有些失败。可能吗? 最佳答案

javascript - 如果在 angularJS 的配置中配置,则测试 stateProvider 状态在 $state 上返回 null

我有这样一个配置:angular.module('myModule',['ui.router']).config(['$stateProvider',function($stateProvider){$stateProvider.state('app.home',{abstract:true,url:'/home',template:'FooBar'});}]);和像这样使用jasmine的单元测试:'usestrict';describe('Module:myModule',function(){var$rootScope,$state;beforeEach(module('ui.r

javascript - React ES6 父子组件状态问题

我是React的新手,正在尝试基于react-starter-kit构建一个简单的ToDo应用程序。我正在使用ES6类,但无法找到从子组件更新父状态的方法。代码如下:importReact,{PropTypes,Component}from'react';importwithStylesfrom'../../decorators/withStyles';importstylesfrom'./ToDoPage.less';@withStyles(styles)classToDoPageextendsComponent{staticcontextTypes={onSetTitle:Prop

javascript - 在 React 组件中哪里应用我的 moment() 函数?

我正在尝试做一个时钟组件,只是为了在网页中以本地格式提供日期和时间。我在我的webpack环境中使用命令行npmimoment--save导入了MomentJS。接下来,我将其写入我的Clock.jsx组件(主要基于网站上的React示例)。importReactfrom'react';importMomentfrom'moment';exportdefaultclassClockextendsReact.Component{constructor(props){super(props);this.state={dateTimestamp:Date.now()};}tick=()=>{

javascript - react native : How to pass props to 'routeMapper' of 'Navigator.NavigationBar' ?

我在使用ReactNative0.16(Android)时遇到了麻烦。问题是如何将属性传递给属于的Navigator.NavigationBar的routeMapper。组件。我的代码结构如下classMyAppextendsComponent{...staticNavigationBarRouteMapper={LeftButton(route,navigator,index,navState){//###Iwanttocall'functionABC'here.WhatShouldIdo?},RightButton(route,navigator,index,navState){/

javascript - 在 React 事件中使用 debouncer

我有一个需要去抖动的字段的onchange事件,我为此使用下划线,但是当我使用去抖动器时,传递给React处理程序的事件似乎是过时了。WebsiteLinkuriChangeHandler(event){event.preventDefault();leturiField=$(event.target);leturi=uriField.val();this.setState({itemCreateError:null,loading:true});this.loadUriMetaData(uri,uriField);}我收到这个错误:警告:出于性能原因,此合成事件被重用。如果您看到这一

javascript - 如何使用具有多个入口点的 Webpack 和 Gulp 来转换应用程序和测试目录?

我正在构建一个基本的博客项目来练习使用React、ES6和Mocha测试框架。在我的defaultGulp任务中转换我的ES6测试和应用程序代码时遇到问题。当我运行default任务并将./test/posts.js的内容更改为watch时出现此错误生效:[11:17:29]Usinggulpfile~/WebstormProjects/blog/gulpfile.js[11:17:29]Starting'default'...[11:17:29]Finished'default'after8.54msstream.js:75thrower;//Unhandledstreamerror