草庐IT

react单元测试

全部标签

javascript - 虚拟机上的跨浏览器测试 - 问题?

我所在的组织中,一些非常有能力的人争论是否要在虚拟机(IE6/7/8、FF2/3、Chrome)上测试JavaScript密集型Web应用程序的跨浏览器行为在XP/Vista/7上)是可靠的。这是在Linuxbox主机上使用VMWare服务器。虽然看到的差异很少,但在某些情况下很难判断它是虚拟化的产物还是只是不同的机器配置。我向社区提出的问题是,人们对此有何体验?VM造成不一致的说法是否可信,或者它们通常是可靠的?我们可以信任他们吗? 最佳答案 如果虚拟机运行的是正常操作系统,其浏览器应该没有任何问题。渲染和性能差异可能会很明显,但

javascript - 如何测试 URL 是否为有效图像(在 javascript 中)?

提交表单时,我想确保一个字段是有效的图像URL。我可以在我的服务器上创建一个AJAX端点,它可以curlURL并使用图像库解析输出,但这感觉有点矫枉过正。我可以制作一个吗?元素然后以某种方式同步检查响应? 最佳答案 你可以制作一个元素并处理它的onerror和onload事件。如果load事件触发,这是一个有效的图像;如果error事件触发,但它没有。这甚至适用于跨域。 关于javascript-如何测试URL是否为有效图像(在javascript中)?,我们在StackOverflow

javascript - 对于简单的 HTML5 + jQuery 应用程序,我应该使用什么 JavaScript UI 测试框架?

我打算在业余时间编写一个简单的HTML5+JavaScript(jQuery)应用程序,以便跟上最新的网络技术(在工作中它是更高级的C#后端技术)。我想以过去十年左右的方式进行开发,即TDD风格。作为HTML/JavaScript中的TDD/BDD/AcceptanceTDD世界的新手,我的问题是:是否有一个很好的框架或类似的框架来针对浏览器中的网页编写测试(开箱即用的支持许多浏览器是一个明确的优势)?我想使用JavaScript的原因有两个。1.我想学习更多JavaScript,并且2.我想使用与开发相同的语言进行测试。否则,我可以简单地使用我的C#技能并使用Selenium、Wat

javascript - 如何使用 CSRF 测试 express form post?

我正在尝试为我的服务器端表单验证编写测试,但我不断收到禁止错误。看来这需要一个两步过程。第一步,从表单中获取CSRF值。第2步,使用CSRF值发布到表单处理程序。但是,无论我如何尝试发帖,我都会遇到禁止的错误。--完整测试:https://github.com/socketwiz/swblog/blob/master/test/contact.js#L57-L100我试过这样更改以下行:https://github.com/socketwiz/swblog/blob/master/test/contact.js#L85.send({name:'foo','X-CSRF-Token':t

javascript - 服务器在静态网站上渲染 React js

我最近一直在探索React,我看到了如何设置诸如Node到服务器渲染代码之类的东西。出于速度原因,我真的对使用静态页面很感兴趣,但我不确定在使用静态html时是否可以渲染React组件。我可以使用类似nginx的东西来触发react渲染吗?或者我是否需要更多并且必须使用Node、rails或sinatra之类的东西?很抱歉,如果这是一个被误导的问题,我对服务器客户端交互没有很强的感觉。 最佳答案 我们导出一个允许您呈现为静态HTML的函数-ReactDOMServer.renderComponentToStaticMarkup(do

javascript - React 组件仅在第二个 onClick 事件上更改状态

我有这两个简化React组件,其中Times组件是Create组件的子组件(代码示例见下文).预期的行为是,最初未显示Times组件,但当用户使用onClick单击链接时,Times组件出现.这些组件大部分都按预期工作,但奇怪的是,在第一次单击onClick链接后​​,Times组件没有出现并且Create组件根本不会改变状态,如控制台中所示。但是,当第二次单击该链接时,Create组件会更改状态并重新呈现,并且可以看到Times组件。Create.jsximportReactfrom'react';importTimesfrom'./Times.jsx';exportdefaultR

javascript - React.js 使用 map 遍历对象键和值

我有以下对象:varCustomers={name='John',last='Doe'}我已经导入到我的React组件中,我在遍历对象内容时遇到困难。这是我尝试过的importCustomersfrom'./customer';varcustomer=Customers.map(function(s){returns.name});出现以下错误UncaughtReferenceError:nameisnotdefined(…)(anonymous 最佳答案 此外,您不能对此类对象使用map。你应该写varcustomer=Objec

javascript - 如何在 react 中通过 Prop 导入图像并使用 'import' 路径

这个问题在这里已经有了答案:LoadimagesbasedondynamicpathinReactJs(4个答案)关闭5年前。我将以下内容作为Prop传递。constpeople=['Eliana','Stefania','Ahmed']{people.map(function(name,index){return;})}importElianafrom'../assets/imgs/people/eliana.png'importStefaniafrom'../assets/imgs/people/stefania.png'importAhmedfrom'../assets/imgs

javascript - react | Ant design 选择默认值

我正在使用antdesign在我的项目中。这里我有一个选择作为动态字段。当我尝试为选择设置默认值时。它不起作用。JackLucyyiminghe我将默认值设置为lucy但它不起作用复制代码:https://codesandbox.io/s/6x3qv6wymr 最佳答案 根据documentation,您不应将value或defaultValue与getFieldDecorator一起使用。AfterwrappedbygetFieldDecorator,value(orotherpropertydefinedbyvaluePropN

javascript - React Pose + React Router 键无法识别?

所以我有一个小型React应用程序。尝试使用ReactPose来制作页面转换动画。我遵循了与oneoftheofficialdemoswithreact-router-dom类似的结构,如果我正在看这个权利,它应该可以工作。但是,我收到一条错误消息:Error:HEY,LISTEN!EverychildofTransitionmustbegivenauniquekey....并直接指向下面的代码。是否有某种方法可以在这里创建key?每个页面中是否有可能导致此处出现问题的元素?轨迹仅直接指向这部分代码(特别是PoseGroup),所以我不确定我在这里遗漏了什么。constRouteCon