草庐IT

MaCAPI测试工具

全部标签

javascript - 如何在 chrome 开发者工具中重放一个 fetch

在chrome开发者工具中,对于xhr请求(网络选项卡)“重放xhr”非常有用。我已经开始使用fetch在我的代码中,chrome开发人员工具不允许“重播”获取请求,怎么可能?我做错了什么吗? 最佳答案 嗯,好像还不支持。这真是令人失望,因为“重播”太有用了,不能停止使用它。所以我听从了@wOxxOm的建议,我刚刚创建了一个promise的标准xhr版本:https://github.com/max-favilli/helper-xhr 关于javascript-如何在chrome开发者

javascript - NodeJS - Jest 单元测试 process.on 回调中的 setTimeout

我正在尝试在我的process.on('SIGTERM')回调中使用Jest对计时器进行单元测试,但它似乎从未被调用过。我正在使用jest.useFakeTimers()虽然它似乎在一定程度上模拟了setTimeout调用,但它并没有在setTimeout.mock中结束检查时对象。我的index.js文件:process.on('SIGTERM',()=>{console.log('GotSIGTERM');setTimeout(()=>{console.log('Timerwasrun');},300);});setTimeout(()=>{console.log('Timer2w

javascript - 如何模拟在使用 Jest 测试的 React 组件中进行的 API 调用

我正在尝试模拟一个将数据检索到组件中的fetch()。I'musingthisasamodelformockingmyfetches,但我无法让它正常工作。我在运行测试时遇到此错误:babel-plugin-jest-hoist:Themodulefactoryof'jest.mock()'isnotallowedtoreferenceanyout-of-scopevariables。有没有办法让这些函数返回模拟数据,而不是实际尝试进行真正的API调用?代码utils/getUsers.js返回Angular色映射到每个用户的用户。constgetUsersWithRoles=role

javascript - 如何设置用于测试自定义代码的 Dojo Objective Harness 测试用例结构?

我正在考虑使用DojoObjectiveHarness(DOH)来测试一些自定义JavaScript代码。为此,我阅读了以下文章:http://www.ibm.com/developerworks/web/library/wa-aj-doh/index.html我对测试用例结构有疑问。该示例显示您的测试用例模块与dojo位于同一父目录中。这对我们来说有点麻烦,因为我们想在多个项目中使用DOH,而不必在每个项目中都包含dojo。有谁知道设置DOH以使用以下结构的方法:dojotoolkit道场迪git道场效用项目1来源测试项目2来源测试谢谢...西蒙 最佳答案

javascript - 改变 firebugx.js 以适应 IE 开发者工具

firebugx.js文件(如下所示)同时检查!window.console和!console.firebug,它可以正确检测是否安装了firebug。但是,该检查不适应IE开发人员工具中的native控制台对象——它会覆盖IE控制台对象。例如,如果我包含firebugx.js代码,那么以下异常将不会出现在IE控制台中(它会被吞掉):functionfoo(){try{throw"exception!!!";}catch(e){console.error(e);}}问题:容纳IE开发人员调试器的最佳方法是什么?也许显而易见的答案是在IE中调试时简单地注释掉firebugx.js检查。还

javascript - 如何使用 travis-ci 或 grunt 测试不同版本的脚本

我正在使用Travis-CI以编程方式检查和测试前端javascript代码(使用Gruntjs)。我的问题是,如果我构建了一个插件并且我想在脚本的多个版本上测试它,我该如何管理它?例如,一个简单的用例是,如果我构建一个jQuery插件,我可以要求grunt或travis使用版本1.6、1.7和1.8通过测试运行它吗? 最佳答案 我使用了http://manuelvanrijn.nl/blog/2012/06/22/integrate-travis-ci-into-grunt/中的说明使Travis-CI集成正常工作。对于多个jQu

javascript - 如何使 Twitter Bootstrap 工具提示易于访问?

如您所知,无法访问TwitterBootstrap工具提示(即屏幕阅读器无法阅读它们)。要做到这一点,应该做以下事情:调用tooltip()函数,生成的文本元素(包含工具提示文本的元素)应该添加一个新属性:aria-hidden="true".原始元素(tooltip()被调用)应该添加一个属性:aria-describedby="#",其中tooltip-id指的是上面刚刚创建的新元素的id。由于Javascript当前的工作方式是使用.tooltip选择所有元素类并应用tooltip()它的功能,我想知道如何在不修改tooltip()的源代码的情况下做到这一点功能。下面是一个按钮的

javascript - 如何对 Angular-UI Bootstrap Modal 组件的 'resolve' 属性进行单元测试

我正在尝试编写一个单元测试,断言正确的变量正在从Angular-UIBootstrap发送到ui.bootstrap.modal的resolve属性组件。这是我目前所拥有的://Controllerangular.module('app').controller('WorkflowListCtrl',function($scope,$modal){//Setuptheeditcallbacktoopenamodal$scope.edit=function(name){varmodalInstance=$modal.open({templateUrl:'partials/editWork

javascript - Angular UI 工具提示溢出屏幕

我有一个带有状态通知的工具提示(http://angular-ui.github.io/bootstrap/),但是当此通知过大时,它会溢出屏幕限制。这是正在发生的事情的打印:我在angularui中找不到任何处理这个问题的属性。提前致谢! 最佳答案 此解决方案不使用Angular-UI,仅使用Angular和Bootstrap。Bootstrap不是必须的,只是稍微简化了这个过程:http://plnkr.co/edit/jLThSTrLUapAG8OLW44m?p=preview在我继续之前,这个例子的替代方法是添加一个带有wo

javascript - Chart js v2 工具提示回调换行符

我正在尝试在图表jsv2工具提示回调中添加换行符我的代码:varmyChart=newChart(ctx,{type:'line',data:data,options:{tooltips:{callbacks:{label:function(tooltipItem,data){vartooltip="exampletooltip";varotherTooltip="othertooltip";returntooltip+"\n\r"+otherTooltip;}}}}});使用\r、\n或两者的组合都不起作用,有人知道吗?顺便说一句,我使用的是chartjsv2.3.0。更新我已经解决