草庐IT

react单元测试

全部标签

javascript - 从另一个页面使用 fetch 调用函数返回结果值,React native

我需要从执行提取调用的ReactNative中的另一个页面返回函数的结果。我使用的方法如下。据我所知,这是因为异步调用。有没有一种特殊的方法可以在nativereact中实现这一点?fetchcall.jsimportaddressfrom'../actions/address'constdashboard={getvals(){returnfetch(address.dashboardStats(),{method:"POST",headers:{'Accept':'application/json','Content-Type':'application/json',},body:

javascript - 如何过滤 native react 中的对象数组?

我想将此数据数组过滤为州和城市数组。我如何使用lodash或任何其他更好的方法而不是for循环和维护额外的数组来实现这一点。data:[{id:1,name:Mike,city:philps,state:NewYork},{id:2,name:Steve,city:Square,state:Chicago},{id:3,name:Jhon,city:market,state:NewYork},{id:4,name:philps,city:booket,state:Texas},{id:5,name:smith,city:brookfield,state:Florida},{id:6,n

javascript - 如何使用 jQuery 找到最大的表格单元格高度?

我有一个表格,其中包含可变长度文本内容的单元格。我想找到最高单元格的高度,然后将所有单元格设置为该高度。我该怎么做? 最佳答案 像这样:varmax=0;$('tabletd').each(function(){max=Math.max($(this).height(),max);}).height(max);用简单的英语来说,遍历所有单元格并找到最大值,然后将该值应用于所有单元格。 关于javascript-如何使用jQuery找到最大的表格单元格高度?,我们在StackOverflo

javascript - react : dynamically add input fields to form

我正在为表单使用formsy-react,我想在触发事件时呈现更多选项,代码如下所示:classMultipleChoiceextendsComponent{constructor(props){super(props);}render(){return();}}我有一个按钮和onClick事件,我想触发一个将另一个附加到divid“dynamicInput”的函数,这可能吗? 最佳答案 是的,我们可以更新组件的底层数据(即state或props)。React如此出色的原因之一是它允许我们专注于我们的数据而不是DOM。假设我们有一个

javascript - 导入 SASS 文件的测试组件时出现语法错误

我正在尝试使用Jest+Enzyme测试我的React组件,但是当我的组件有SASS文件(scss),正在发生SyntaxError。这是我的SASS文件内容:.user-box{width:50px;height:50px;}我只是将其导入到我的组件中:importReactfrom'react';import'./userBox.scss';classMyComponentextendsReact.Component{render(){conststyle={borderRadius:'99px'};return(HelloWorld);}}exportdefaultMyCompo

javascript - 如何在获取请求中传递 POST 参数? - react native

这是我的代码:componentWillMount(){fetch("http://localmachine/localservice/webservice/rest/server.php",{method:'POST',body:JSON.stringify({wstoken:'any_token',wsfunction:'any_function',moodlewsrestformat:'json',username:'user',password:'pass',})}).then((response)=>response.text()).then((responseText)=>

javascript - 在 react-native 中按下 enter 时如何防止换行

对于多行文本输入,当用户按下回车键时,我想实现以下目标:当用户按下回车键时保持文本输入焦点。防止添加新行。我还没有看到任何Prop可以做到这一点,有人有想法吗?react-native版本为0.28+,需要支持ios和android。 最佳答案 在TextInput中传递propsblurOnSubmit={true}然后在onBlurprops中使用ref聚焦textInput字段,这两个将防止输入新行并将焦点保留在文本输入字段上。如果您只想防止用户输入换行符blurOnSubmit={true}就足够了这里的缺点是您可以看到键盘

javascript - create-react-app npm run start 在生产模式下。也许不可能?

我需要像简单地那样运行服务器:npm运行开始但我需要使用生产模式。这可能吗?在ember或angular中是可能的。在create-react-app中怎么做?我尝试了npmrunstart--prod但没有。 最佳答案 最好的选择可能是进行正常的生产构建,然后在本地运行。首先安装一个HTTP服务器:npminstallserve-g然后:npmrunbuildserve-sbuild默认情况下,它将在端口5000上运行,因此您的本地URL是http://localhost:5000 关

javascript - 如何仅在先前的异步测试通过后才运行 mocha 测试?

使用mochajavascript测试框架,我希望能够让多个测试(全部异步)仅在先前定义的测试通过后执行。我不想将这些测试相互嵌套。describe("BBController",function(){it("shouldsave",function(done){});it("shoulddelete",function(done){});}) 最佳答案 使用--bail选项。确保你至少使用mocha0.14.0。(我用旧版本尝试过但没有成功。)首先,mocha无需执行任何操作即可在前一个测试完成后运行测试。这就是mocha默认的工

javascript - 运行单元测试时出现语法错误后 PhantomJS 退出

我们正在构建服务器上结合使用Karma和PhantomJS来运行我们的Jasmine单元测试。在Chrome上本地运行测试工作正常,那里没有发生错误(这是一个不同的问题)。这是正在发生的事情:在执行的某一时刻,测试遇到“未定义”错误并简单地停止:PhantomJS1.9.7(MacOSX)ERRORTypeError:'undefined'isnotanobject(evaluating'dropScope.resize')at/Users/nwinkler/workspaces/.../foo.js:250PhantomJS1.9.7(MacOSX):Executed654of122