草庐IT

react单元测试

全部标签

javascript - Karma 中的单元测试 : Keypress inside a text Input

有一个简单的html文本输入:testcharacter.init();希望能够在此文本输入内发生的每个按键上运行单元测试,并根据特定键检查它。Javascript文件是:'usestrict';window.testcharacter=window.testcharacter||{};(function(){vartestcharacter=function(k){vars=document.getElementById('inputstring').valueif(s!=null||s.trim()!=""){if(k==65){document.getElementById('r

javascript - Google Places API 中具有关联 html_attributions 的地点或 place_id(用于测试目的)是什么?

我们正在使用GooglePlacesPlaceDetailsAPI(更具体地说,GoogleMapsJavascriptAPI)。作为使用条款的一部分,我们必须显示响应中html_attributions的值(如果存在)。但是,在尝试测试我们的实现时,我很难找到place的PlacesService.getDetails()响应包含非空值html_属性。PlaceDetailsAPI将为其返回非空html_attributions的示例place_id或地点是否有引用页? 最佳答案 如下所述docs,如果您从google复制任何内容

javascript - 表示 react-redux 连接组件的 UML 图

请UML专家帮助布置javascript特定图表。注意:react、FluxArchitecture、reactwithredux需要经验。我需要有关如何表示React应用程序(容器和子组件)的结构和行为的设计决策方面的帮助。使用Sparx企业架构师的目标是拥有标准的UML设计,以便整个团队(其中许多人对技术不是很熟悉)可以理解发生了什么,而且UI开发人员可以使用它进行开发。在我们决定了我们需要的UML类(ReactComponents)、Containers、表示Views以及我们仍在努力的行为之后与:貌似每个主要容器都需要用两张图来完整表示,一张结构图,一张行为图?如果设计遵循约定

javascript - react 路由器路由中的尾部正斜杠

我正在使用react-routerv3.0.0和reactv15.1.0。我有以下路线设置:ReactDom.render(,document.getElementById('app'));如您所见,我的应用程序基本Route的路径为'shop'。就用户而言,这应该导致2个单独的路由,http://example.com/shop和http://example.com/商店/产品。然而,这种情况并非如此。当我部署上述代码时,http://example.com/shop正确呈现,但http://example.com/shop/product不呈现任何内容.事实上,我收到一个控制台错误

javascript - 无法将 react 模块加载为节点模块

我在路径中有一个react组件源/组件/测试importReactfrom'react';importReactDomfrom'react-dom';classTestCompextendsReact.Component{}exportdefaultTestComp;我正在从路径中公开index.js中的组件src/index.jsimportTestCompfrom'./components/test';export{TestComp};我在package.json中添加了main作为"main":"src/index.js"我已经发布了上述应用程序的npm包test-comp并在另

javascript - react native SectionList 布局

我正在使用不同的节标题来呈现多个节。我在按我想要的方式显示它时遇到了一些麻烦。我希望我的标题位于顶部和下方,该部分的元素作为网格。ThisiswhatIhaverightnow使用这段代码:conststyles=StyleSheet.create({sectionListContainer:{flex:1,flexDirection:"row",flexWrap:"wrap",justifyContent:"space-between"}});所以我希望能够不将sectionListContainer的css应用于sectionHeader。但我不确定这是否可能。如果有人对此有任何想

javascript - auth 组件作为 React 中的中间件

如何确保只有登录用户才能访问主页和任务页面?我正在使用redux并且我尽量避免使用任何预制的auth组件以更好地了解auth。constApp=props=>()我使用的是angular并且在路由中有中间件概念,但在react中我迷路了。我认为auth与redux的商店无关?当用户在应用程序中导航时,我是否需要调用以从api获取用户详细信息? 最佳答案 为了在我们的应用程序中解决这个问题,我们使用了一个高阶组件并包装了我们的根应用程序路由使用它。我们的路线结构有点不同,但对于任何需要“保护”的路线,您可以使用相同的概念。高阶组件只是

javascript - 调试用 Testcafe 编写的 UI 测试

更新:关于另一个(锤头)错误,我们被迫在testcafe测试中使用缩小代码。由于此错误已解决,我们现在可以针对非缩小代码运行测试。但是,我们仍然遇到sourcemaps被testcafe删除的问题。当我们正常运行webpack开发服务器时,我们会看到所有源映射,并且能够设置断点和调试应用程序代码。然而,在测试期间,源映射不再可用。您可以看到显示2个案例的附加屏幕截图。我们是不是做错了什么?ImagewithoutTestcafeImagewithtestcafe我们的项目使用Testcafe+Webpack+Vue.js。我知道可以通过t.debug()调试测试代码。指令或--insp

javascript - Jasmine 测试用例未在已编译的 Typescript 中定义内启动

我正在处理一个测试项目,我正在编写一个纯JavascriptJasmineKarma设置来测试预编译的Typescript设置。但是,我无法启动测试用例。我可以在控制台中看到来自已编译typescript的控制台消息正常运行,但它根本不会启动测试脚本。请注意,这来自AngularApp,但这整个部分来自一个在没有Angular2的情况下制作和编译的部分。没有错误消息,除此之外显示运行了0/0测试,并且没有“component/to/test”的时间戳。在test.spec.js文件中,我有define("testName",["component/to/test"],function(

javascript - 如何在 React Native map 上显示连续移动的汽车图标?

我正在使用airbnb的react-native-maps库来开发我的androidreactnative应用程序。此应用在主页上显示map和汽车图标。它工作正常但是当汽车移动并且汽车坐标不断变化时,map渲染不流畅。带有汽车图标的MapView标记沿着路径从一个点跳到另一个点。我的期望是在map上显示一个连续移动的对象,就像它在谷歌地图上显示的那样。这是我的代码:this.state={latitude:22.55231,longitude:88.56772,angle:0}componentDidMount(){navigator.geolocation.getCurrentPos