草庐IT

react单元测试

全部标签

javascript - 如何测试前端 JavaScript 库并与 Travis 集成?

我已经尝试过使用Jasmine或Mocha测试NodeJS库,但我不知道如何测试前端项目。我在网上找到了教程,但所有内容都在工作流程中包含一个任务管理器,我想知道如何在没有任务管理器的情况下执行此操作。我发现以下问题与我要问的很接近:UsingTravis-CIforclient-sideJavaScriptlibraries?就我而言,我正在使用Jasmine并且已经设置了JasmineSpecRunner.html、Jasmine库和spec/mylibSpec.js。当我在浏览器上运行SpecRunner.html时,测试通过了。现在,我如何将它与Travis集成,没有Grunt

javascript - React JS this.props.data 未在子组件的 getInitialState 中定义,即使它是在渲染中定义的(并且在父级中定义)

场景:在同一个祖父包装器(->)中重用组件(->)以实现代码重用。首先,我分配了一个数据数组并循环以重新使用子组件(->)。对于第二个,它只是一个对象(具有与数组对象相同的属性),我直接在渲染中分配它(不需要this.props.data.map循环,因为已经只有一个对象)。问题:对于阵列,一切都按要求工作。this.props.data传递给child,状态通过各种事件更新,一切都很好。然而,对于单个对象,在之前一切正常.即使this.props.data包含有效值并正确分配给child组件,在的getInitialState,它莫名其妙地未定义(或设置为的getInitialSta

javascript - react 组件的正确命名规范

我正在尝试为React.js应用程序中的组件找到最佳命名约定。这就是我目前一直在做的......假设我有一个searchBar组件,我想在我的table组件中呈现它。search-bar.jsvarReact=require('react');varSearchBar=React.createClass({/*codeforsearchcomponent*/});module.exports=SearchBar;table.jsvarReact=require('react');varSearchBar=require('search-bar');varTable=React.crea

javascript - 如何在 React 中使用 setState() 来清空/清除数组的值

我正在尝试清除数组,但遇到了麻烦。this.setState({warnErrorTypes:[]})我不确定我是否正在处理竞争条件,或者具体问题是什么,但我可以看到我的数组的值在我需要将其值重置为[]的情况下一直是错误的.如果满足以下条件,如何将包含[1,2]的数组替换为[],然后再替换为[3]:this.state.warnErrorTypes是一个以[]开头的数组根据条件,将2压入Array根据条件,将1压入Array。根据条件,3不被压入数组暂停。用户与UI交互数组为空白:this.setState({warnErrorTypes:[]})根据条件,2未被压入数组根据条件,不将

javascript - 如何使用 javascript 引用剑道网格中的特定单元格?

现在我有一个2行6列的剑道网格。我需要一些逻辑来突出显示特定的单元格,但我不知道如何引用单元格。我使用了这个例子,但我不知道传递什么作为id。myHub.client.highlightRow=function(id){vardata=$("#MyGrid").data("kendoGrid").dataSource.data();for(vari=0;i这是我的网格示例。functionloadGaugeTable(siteId,dashboardId,endDate,planType){vartoday=newDate();varmetricTitle="Metric,asof"+

javascript - 使用 Django + react-router 找不到 404 页面

我正在尝试将reactjs和react-router(1.x)与我的Django应用程序一起使用,但我遇到了困难把所有这些放在一起。这是github项目,以防我在这个问题中没有提供足够的信息。https://github.com/liondancer/django-cherngloong我在我的routes.js中创建了一个path="about"varroutes=();exportdefaultroutes;我的layout.jsclassLayoutextendsReact.Component{constructor(props){super(props);}render(){r

javascript - nightwatch.js 在测试套件结束时暂停

我一直在使用nightwatch.js进行功能测试自动化。问题是测试套件完成后测试暂停。它不会结束该过程。代码如下所示:varafterSuite=function(browser){dbFixture.deleteCollectionItemById(companyId,'cilents');dbFixture.deleteCollectionItemById(customerId,'users');dbFixture.deleteCollectionItemById(assetId,'assets');dbFixture.deleteFile(imageId);browser.en

javascript - 使用 React v0.14.3 的 React 路由器

我正在使用React和Material-UI创建一个应用程序,我也包含了React-router。但是当我运行我的应用程序时,出现以下错误(UncaughtTypeError:(0,_reactDom.ReactDOM)isnotafunction)。我正在使用Reactv0.14.3和React-Routerv1.0.2BodyComponent我已经写在不同的文件中并将其导入到我的main.js我试过ReactDOM.render但我得到以下错误未捕获错误:不变违规:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)但得到:对象。我已经为此创建了fiddle:htt

javascript - React - 当从 API 获取数据时,this.state 在 render 中为 null

我试图通过制作一个简单的应用程序来学习react,我试图从服务器获取json格式的数据,然后将其呈现给View。问题是我收到一个错误,它说this.state.data为空。我该如何解决这个问题?代码:classAppextendsReact.Component{constructor(){super();//Querydatafetch('http://localhost:8080/api?access_token=56d847accb86bddc243d4b93').then(response=>response.json()).then((data)=>{this.setStat

javascript - react native View 渲染

如何有条件地渲染View?示例:如果我的应用程序未连接到互联网-呈现错误View,如果已连接-呈现WebView?ReactNative有可能吗?我要渲染的不是纯html 最佳答案 使用您的示例有条件地呈现View的逻辑:render(){if(!this.state.isConnected){//errorreturn();}else{return(//webview);}} 关于javascript-reactnativeView渲染,我们在StackOverflow上找到一个类似的