草庐IT

react单元测试

全部标签

javascript - Karma Jasmine 测试总是失败,并在第 9 行显示堆栈跟踪

我有一个奇怪的问题。每当我尝试测试某些东西但测试失败时,它总是显示第9行的堆栈跟踪。我正在使用AngularJS以及Jasmine和Karma。我发现它不依赖于浏览器。错误如下所示:TypeError:'undefined'isnotanobject(evaluating'newgoogle.maps.LatLng')at/Users/user1/project1/test_ctrl.js:9at/Users/user1/project1/spec/test_ctrl_spec.js:170因此,它告诉我测试在第170行失败(这是正确的),但错误原因在我的test_ctrl.js中,行

javascript - 无法在客户端上使用来自 NPM 的 React,因为未定义 'development'。该包是从 Webpack 生成的

我正在创建一个ReactNode.js应用程序,我正在尝试生成一个Webpack包,其中包含我从NPM加载的React源代码。不过,客户端好像不能直接使用NPM的React代码。它会触发此错误:UncaughtReferenceError:developmentisnotdefined触发异常的代码来自React代码:有什么我可以做的吗?编辑这是我的webpack.config.js:import_from'lodash';importwebpackfrom'webpack';importyargsfrom'yargs';importExtractTextPluginfrom'extr

javascript - 单击任意位置以关闭 react 中的下拉菜单

我在一个页面上有多个自定义构建下拉组件。我使用setState触发列表项打开toggleDropdown=(id)=>{this.setState(prevState=>({[`dropdown${name}`]:!prevState[`dropdown${id}`]//dropdownA,dropdownB,dropdownCandsoon}))}如果在菜单打开时单击下拉菜单,这也会切换它。但是后来我有几个下拉菜单,如果我打开一个下拉菜单,其他下拉菜单不会关闭,如何解决这个问题?我在componentWillMount中使用“hacky”方式混合与jquery的react,在body

javascript - 如何在 JSX 中循环遍历 React 中的数字

我需要能够遍历一个数字并返回一些jsx。例如{for(i=0;i{i}}}这不是我想要做的,但如果我能解决这个问题,那么我应该能够完成我需要做的事情。然而,这会返回for上预期的表达式。我做了一些研究,有人说你不能在jsx中使用for循环,因为它们不返回任何东西。如何循环遍历数字以返回一定数量的jsx? 最佳答案 您可以改用Array.from()。letApp=()=>{return{Array.from(Array(10),(e,i)=>{return{i}})}}ReactDOM.render(,document.getEle

javascript - 如何将 HTML 放入 Slickgrid 单元格?

当我输入Click进入slickgrid,我看到了实际代码“Click”,而我希望呈现链接。我知道我可以通过订阅点击事件来做到这一点,但它在SlickGrid中有限制吗? 最佳答案 编写自定义格式化程序:functionmyFormatter(row,cell,value,columnDef,dataContext){return"Click";}并在列定义中指定它。 关于javascript-如何将HTML放入Slickgrid单元格?,我们在StackOverflow上找到一个类似的

javascript - Javascript 的测试框架

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭1年前。Improvethisquestion我们正处于一个将使用JavaScript尤其是angularJs的新Web项目的开始阶段。还将使用NodeJs。我正在为使用JavaScript构建的Web项目寻找自动化“E2E测试”方面的最佳实践。最关心的是测试框架的选择。我们对单元测试不感兴趣,因为这将是开发组织的任务,但是如果我们可以将这些单元测试合并到新的自动化测试框架中,那将是一个加号。所以问题是“如今测试

javascript - Mocha/Chai 测试预期与实际对象数组

当两者都是对象数组时,断言预期结果与实际结果相匹配的最佳方法是什么?我的直接想法是使用Array原型(prototype)过滤器并检查交集是否与预期的大小相同,即:describe('select',function(){it("shouldreturnselectedcolumns",function(done){varquery="selectlunchTime,name";varactual=...resultsofthequery,anarrayofanonymousobjects...//expectedresultsvarexpected=[{"lunchTime":"12

javascript - React Native - 如何测量 ScrollView 中内容的大小?

我想测量我的ScrollView中内容的大小。因此,我正在使用NativeMethodsMixin中的measure:importNativeMethodsMixinfrom'NativeMethodsMixin'我不太确定从这里去哪里,大多数与此问题相关的SO帖子似乎已经过时。我知道我需要为我的ScrollView创建一个ref(我这样做并称为_scrollView,我可以使用this.refs._scrollView).问题是,我不能像这样将this.refs._scrollView传入measure:NativeMethodsMixin.measure(this.refs._sc

javascript - 使用JavaScript获取JSON响应并显示在网页上,测试JavaScript

我正在尝试创建一个具有以下功能的JS应用程序:一个获取JSON文档并显示该文本的按钮。我正在阅读Elasticsearch教程,我提供的网址中确实有有效的JSON:{"_index":"planet","_type":"hacker","_id":"xfSJlRT7RtWwdQDPwkIMWg","_version":1,"exists":true,"_source":{"handle":"mark","hobbies":["rollerblading","hacking","coding"]}}当使用下面的代码时...我得到了一个警告[objectObject]而不是带有完整JSON

javascript - 基于 scroll React JS 的 Toggle 类

我正在使用bootstrap4导航栏,想在ig400px向下滚动后更改背景颜色。我正在查看react文档并找到了一个onScroll但找不到那么多信息。到目前为止,我已经...我不知道我是否使用了正确的事件监听器或如何设置高度等。而且我并没有真正设置内联样式...importReact,{Component}from'react';classAppextendsComponent{constructor(props){super(props);this.state={scrollBackground:'nav-bg'};this.handleScroll=this.handleScro