草庐IT

react单元测试

全部标签

javascript - React Web 应用程序的默认 css 显示值是多少?

我正在通过react.js的upwork测试,我遇到了这个问题,我真的不知道,而且google/react文档对我没有帮助。谁能知道?这对我来说很有趣) 最佳答案 React应用程序不是元素。它没有任何CSS属性的默认值。 关于javascript-ReactWeb应用程序的默认css显示值是多少?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/44628928/

javascript - (React-Native) undefined 不是评估 'new FormData()' 的构造函数

在过去的两天里,我一直在努力解决这个问题,但无法弄清楚。我不明白这个错误。这是我的代码:try{varformData=newFormData();}catch(error){console.error('FormDataERROR',error);}这是错误:017-06-2113:49:02.761[error][tid:com.facebook.React.JavaScript]'FormDataERROR',{[TypeError:undefinedisnotaconstructor(evaluating'newFormData()')]line:98419,column:36

javascript - ES6 react 组件的 JSDoc

我认为React组件的JSDoc注释可能如下所示:/***Mycomponent...**@namespaceMyComponent*@memberofapp.components*/app.components.MyComponent=React.createClass({})但是如果我使用ES6,它应该是什么样子呢?/***Mycomponent...**@namespaceMyComponent*@memberof??*/classMyComponentextendsComponent{/***PropTypes*@param{string}element*/staticprop

javascript - 为什么这些测试通过了?

我有这个功能:letremovePresentation=function(presentationName,callback){letrimraf=require('rimraf');callback();callback();callback();if(!presentationName||!presentationName.trim()){callback();return;}presentationName=presentationName.replace('.zip','');rimraf('./presentations/'+presentationName,functio

javascript - React Native - 跨屏幕传递数据

我在使用react-native应用程序时遇到了一些问题。我不知道如何跨屏幕传递数据。我意识到在SO上还回答了其他类似的问题,但是这些解决方案对我不起作用。我正在使用StackNavigator。这是我在App.js文件中的设置。exportdefaultSimpleApp=StackNavigator({Home:{screen:HomeScreen},Categories:{screen:CategoriesScreen},//sendfromhereCategory:{screen:CategoryScreen}//tohere});我有一个TouchableHighlight组

javascript - AngularJS TypeScript 单元测试

我正在努力为angularjs(v1.4.9)应用程序创建适当的单元测试,它包含javascript文件(带有jasmine测试)和typescript文件(根本没有测试,现在我正在尝试使用Mocha,但它可以是任何框架)。因此它混合了一个没有模块的旧angularjs,我决定将所有.ts编译到一个bundle.js文件,以避免文件排序问题(当我有单个.js文件时发生每个.ts并将其与gulp任务一起注入(inject)index.html)。我的tsconfig.js:{"compileOnSave":true,"compilerOptions":{"noImplicitAny":f

javascript - 组件不会在路由更改时重新呈现 - React HashRouter

我遇到了react和react-router的问题。当我单击链接时(在我的示例中,Footer.js中的contact),url发生变化,但未显示所需的组件Location.当我刷新网站时,会显示正确的组件。App.js:importReact,{Component}from'react';import{BrowserRouterasRouter,HashRouter,Route,Link}from'react-router-dom';import'bootstrap/dist/css/bootstrap.css';importFooterfrom'./Footer.js';impor

javascript - React hook 相当于设置状态后的回调函数

这个问题在这里已经有了答案:Howtouse`setState`callbackonreacthooks(22个答案)关闭1年前。在React中(在钩子(Hook)之前),当我们设置状态时,我们可以在设置状态之后调用一个函数:this.setState({},()=>{//Callback})这与hooks的等价物是什么?我试过这样做const[currentRange,setCurrentRange]=useState("24h");setCurrentRange(someRange,()=>console.log('hi'))但这没有用有人知道这个的解决方案吗?

javascript - 如何使用 JsTestDriver 测试 AngularJS Controller ?

我有以下代码:functionTestStats($xhr){$xhr('GET','/test-dashboard/get-projects.json',angular.bind(this,function(code,response){this.projects=response.projects;this.projects.splice(0,0,undefined);}));this.$watch('project',angular.bind(this,function(){this.testClassStats=undefined;if(this.project){$xhr('

javascript - 为什么 React 需要 jsdom 进行测试?

在为React组件编写测试时,您必须将它们渲染到DOM中,以便断言它们的正确性。例如,如果你想测试某个类是否被添加到给定某个状态的节点,你必须渲染到DOM节点,然后通过普通的DOMAPI检查该DOM节点。问题是,考虑到React维护一个虚拟DOM来渲染它,为什么我们不能在组件渲染后就在虚拟DOM上断言?在我看来,这是拥有虚拟DOM之类的东西的一个很好的理由。我错过了什么吗? 最佳答案 你真的没有错过任何东西。我们正在努力让它变得更好。虚拟部分一直是React的一个非常重要的实现细节,没有以任何有用或可靠的方式暴露出来进行测试。我们的