草庐IT

react单元测试

全部标签

javascript - 测试 React 表单组件

在我的类似教程的应用程序中,我有一个AddForm组件:varReact=require('react');varInput=require('react-bootstrap').Input;varTeamActions=require('../actions/team_actions.js');varAddForm=React.createClass({handleFormSubmit:function(e){e.preventDefault();varname=this._trimmedValue(this.refs.name);varrating=this._trimmedVal

javascript - ElasticSearch Nodejs Express 自动化测试

如何使用Node测试框架实现ElasticSearch的自动化测试?我想在我的nodejs项目中实现ElasticSearch以获得高效的搜索能力,它使用Express框架、frisby、Socket.io等。ElasticSearchnodejs实现很容易在谷歌上获得,但不是自动化测试。需要建议。 最佳答案 您可以使用Jasmine或Mocha作为Node.js的测试框架。在测试套件中,您可以使用另一个库:superagent.Superagent允许您对指定的url执行HTTP请求。另一方面,您有一个接收HTTP请求的Elast

javascript - 在不更改数据库的情况下测试 POST 到 API 的策略

我正在使用jasmine-node测试我的API,它对我的​​GET路由非常有用。但是,现在我需要测试一些POST,但我不确定如何在不更改数据库的情况下进行测试。我的一个想法是在每个规范结束时重置我更改的任何值。这是否合理,或者是否有更好的方法来测试对我的API的POST请求? 最佳答案 将修改数据库的任何内容包装到事务中。您可以更改数据库,然后在每次测试后回滚。 关于javascript-在不更改数据库的情况下测试POST到API的策略,我们在StackOverflow上找到一个类似的

javascript - 如何在 AngularJS 中测试 Controller 指令

经过多次研究,我一直无法正确测试Angular指令,因为我无法访问其Controller内的函数。指令代码如下:angular.module('app').directive("accordionItem",function(){return{restrict:'E',replace:true,templateUrl:function(elem,attr){return'partials/invoice/'+attr.temp+'.html';},scope:{invoice:'=',temp:'@'},controller:function($scope,listSelectionS

javascript - ReactJS react 路由器 RoutingContext

我正在使用ReactJS和react-router构建同构应用程序在服务器端用于路由目的的模块。来自其guide关于在服务器上使用react-router:(req,res)=>{match({routes,location:req.url},(error,redirectLocation,renderProps)=>{//...elseif(renderProps){res.status(200).send(renderToString())}//...})}几乎没有关于这个RoutingContext的信息。所以我有点不清楚它是如何工作的。它是来自react-router的Rout

javascript - react 组件与两组 child

我正在创建一个组件,它需要接收两组子组件并放置在组件的两个不同部分。letCreditCardForm=({icons,fields})=>({icons}{fields})letCreditCardFormUsage=()=>{leticons=()=>()letfields=()=>()return()}上面的代码应该可以工作,我的问题是是否可以根据元素本身的子项获取这些属性值,并获得更自然的东西? 最佳答案 是的,this.props.children将返回一个数组,因此如果您总是想加载特定的子项,那么只需在包装器中通过索引引

javascript - 为什么在 ES6 react 类中需要绑定(bind)

在新的ReactES6类中,this需要按照此处所述进行绑定(bind):http://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html#autobinding例如:classCounterextendsReact.Component{constructor(){super();this.tick=this.tick.bind(this);}tick(){...}...}对此的解释是因为它是默认行为,但是如果我创建一个ES6类,然后创建它的一个新实例,this将被绑定(bind)importReactf

javascript - 使用 React 使用随机生成的字符串进行服务器端渲染?

我第一次在我的React/Redux应用程序中尝试服务器端渲染。我现在遇到的一个问题是我需要初始状态有一个随机生成的字符串,然后将其作为Prop传递给我的主要App组件。这显然会导致问题,因为它会为客户端和服务器生成不同的字符串。我能做些什么来阻止这个问题的发生吗?有助于理解的基本结构:App.jsimportReactfrom'react';import{connect}from'react-redux';constApp=({randomStr})=>({randomStr});constmapStateToProps=(state)=>({...});constmapDispat

javascript - 与阿多尼斯 react

我正在尝试将React与AdonisJs集成以构建SPA。Adonis通过处理到SPA的路由Route.any('*',function*(request,response){yieldresponse.sendView('home')})我在app>Http>routes.js中完全做到了这一点然后我在资源>View中创建了一个home.njk作为我的应用程序的登录页面。现在,我有一个react文件,我在其中创建了一个页脚。我想用React-router处理页脚中的所有链接。React路由器处理url以导航到页面。但是,上面的代码(在Adonis中)表示任何url(*)都将呈现“ho

javascript - Angular2 Material ViewportRuler 单元测试错误

我有一个Angular2组件,其中包含来自@angular/material的选项卡控件。我正在尝试测试我的组件(请参阅下面的简化代码-我知道测试如此简单的组件毫无意义),但出现以下错误:Error:Errorin./MdTabHeaderclassMdTabHeader-inlinetemplate:0:0causedby:NoproviderforViewportRuler!Error:NoproviderforViewportRuler!我的假设是尝试将ViewportRuler(https://github.com/angular/material2/blob/master/s