草庐IT

react单元测试

全部标签

javascript - 正则表达式测试函数不返回相同的依赖引号

我在javascript中有一个带有正则表达式的奇怪案例:varre=/[^\s]+(?:\s+|$)/g;re.test('foo');//returntruere.test("foo");//returnfalse正则表达式类型敏感吗?我的第一个目标是提取字符串的所有单词(由一个或多个空格分隔)。感谢您的帮助。朱利安 最佳答案 在Javascript正则表达式上使用g标志时,它将跟踪找到最后一个匹配项的位置,并在您下次尝试查找匹配项时从该索引开始搜索。在两次re.test()调用之间,查看re.lastIndex以了解我在说什么

javascript - 使用 Jasmine 在 Karma 中进行 AngularJS 工厂测试

我正在尝试通过Karma使用Jasmine测试我的AngularJS应用程序。我收到此错误(至少,这是最新的错误):UncaughtTypeError:Cannotreadproperty'$modules'ofnullat/Users/benturner/Dropbox/Code/galapagus/app/static/js/angular-mocks.js:1866来self的karma.conf.js:files:['static/js/jquery.min.js','static/js/angular.min.js','static/js/angular-mocks.js',

javascript - 新的生成器 Angular 项目 (CoffeeScript) 测试失败

首先,我使用Yeoman生成器-Angular生成器搭建了一个Angular项目。$mkdirproject&&cdproject$yoangular--coffee...[?]WouldyouliketouseSass(withCompass)?Yes[?]WouldyouliketoincludeTwitterBootstrap?Yes[?]WouldyouliketousetheSassversionofTwitterBootstrap?Yes[?]Whichmoduleswouldyouliketoinclude?angular-resource.js,angular-rout

javascript - react bootstrap - 将自定义 bsStyle 属性添加到按钮

我正在为我的项目使用react-bootstrap,我正在尝试将自定义bsStyle属性添加到按钮组件。如果我根据以下链接使用默认Bootstrap类http://react-bootstrap.github.io/components.html#buttons类名正确呈现。但是,如果我将属性更改为bsStyle='facebook',它会呈现btn-undefined简而言之,当我在reactBootstrap中将bsStyle属性传递给组时,我不知道我哪里出错了。这是我的HTML样子如果我将代码更改为它工作正常并且类被正确呈现。这是控制台html日志 最

javascript - React.addons.TestUtils.Simulate.scroll 不工作

我正在尝试使用ReactJS和JSDOM模拟滚动事件。最初我尝试了以下方法:varfooter=TestUtils.findRenderedDOMComponentWithClass(Component,'footer');footer.scrollTop=500;TestUtils.Simulate.scroll(footer.getDOMNode());//Itriedthisaswell,butnoluck//TestUtils.Simulate.scroll(footer);根本不会传播滚动事件。然后,我手动创建了事件并且一切正常:varevt=document.createE

javascript - JSX/React 上的 ESLint 错误

我正在使用React,这是我第一次,我需要知道这是什么错误以及如何修复它app/app.js21:49error'socket'ismissinginpropsvalidationforAppreact/prop-types22:47error'room'ismissinginpropsvalidationforAppreact/prop-types23:47error'mode'ismissinginpropsvalidationforAppreact/prop-types24:47error'user'ismissinginpropsvalidationforAppreact/pr

javascript - 如何将元素附加到要在 react 中呈现的变量

给定如下所示的React组件(https://jsfiddle.net/69z2wepo/28684/):varHello=React.createClass({render:function(){let{cond,name}=this.props;letcontent,content2;if(cond){content=(Hello{name});content2=(content2);}return({content}{content2})}});ReactDOM.render(,document.getElementById('container'));我怎样才能实现这样的目标:

javascript - React 类方法覆盖

我正在尝试在React中创建某种类组合:classEntity{constructor(props){super(props);}renderPartial(){return(Entity)}render(){return(header{this.renderPartial()});}}classPersonextendsEntity{constructor(props){super(props);}renderPartial(){return(Person)}}classManagerextendsPerson{constructor(props){super(props);}ren

javascript - React.js 中的 "Dirty"是什么?

我试图理解React.js并且经常遇到“脏”这样的术语脏检查器/检查,脏数据,脏模型我关注了thisquestion但无法弄清楚肮脏这个词实际上表达了什么以及我们为什么称它为肮脏。 最佳答案 脏数据-最近更改的数据,并且DOM尚未根据此更改重新呈现。所以脏检查在下一个状态和当前状态之间是不同的。 关于javascript-React.js中的"Dirty"是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflo

javascript - 创建 React 组件的 2 种不同方式

我正在学习React教程,这是作者给出的用于创建基本React组件的示例代码:constReact=require('react')constReactDOM=require('react-dom')constApp=()=>{return(Hello)}ReactDOM.render(,document.getElementById('app'))他声称这是ES6。但后来我看到了另一种创建组件的方法。classAppextendsReact.Component{render(){returnHello;}}嗯,我现在很困惑。在React中有任何标准的做事方式吗?