- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我现在对此非常头疼。我在尝试测试的方法中有一行代码,无论我做什么我都无法通过。有用!在“现实世界”中没有任何问题。
我发现每次我深入研究 JS 单元测试时都会遇到这样的障碍,这让我怀疑它是否真的值得。
这是我要测试的方法...
_mapStopsAroundHub(managerContext, soCode, homePostcode, homeStops, changeLinkedStopCallback) {
homeStops = homeStops || [];
MappingDataGateway.getNearbyStops(soCode, homePostcode, Cfg.DefaultNearbyStopDistance, (stops, status, xhr) => {
if(status == MappingDataGateway.Status.OK) {
stops.forEach((element) => {
let isHomeStop = homeStops.length > 0 && (homeStops.find(hs => hs.id === element.id) !== undefined);
let markerColor = isHomeStop ? "green" : "orange";
let marker = managerContext.addBusStopMarker(element, markerColor);
if (changeLinkedStopCallback) {
managerContext._api.event.addListener(marker, 'click', () => {
let newIcon = marker.icon.includes("orange") ? `/images/fa-bus-green.png` : `/images/fa-bus-orange.png`;
marker.setIcon(newIcon);
changeLinkedStopCallback(marker.data);
})
}
});
}
else if (errorCallback) { errorCallback(xhr); }
});
}
我添加了“isHomeStop”变量和完全不必要的 homeSTops.length 检查,让一些测试用例通过,但我无法测试 homeStops 数组包含数据的情况,因为 Mocha 一直如此有用的错误消息“undefined is not a constructor”类型的消息。完整错误如下...
PhantomJS 2.1.1 (Windows 8 0.0.0) MapsManager can interract with a loaded map to map the stops around a hub point directly with a linked stop mapping all selectable stops in the area showing selected linked stops in a different colour FAILED undefined is not a constructor (evaluating 'homeStops.find(function (hs) { return hs.id === element.id; })')
失败的测试看起来像这样......
it("directly with a linked stop mapping all selectable stops in the area showing selected linked stops in a different colour", () => {
let allStops = [{ id: 1 }, { id: 2 }, { id: 3 }];
let homeStops = [{ id: 2 }];
let mappingDataStub = Sinon.stub(MappingDataGateway, 'getNearbyStops');
mappingDataStub.yields(allStops, "OK");
let addMarkerStub = Sinon.stub(objUt, 'addBusStopMarker');
objUt._mapStopsAroundHub(objUt, testSoCode, testPostCode, homeStops);
mappingDataStub.restore();
addMarkerStub.restore();
Sinon.assert.calledThrice(addMarkerStub);
Sinon.assert.calledWith(addMarkerStub, allStops[0], "orange");
Sinon.assert.calledWith(addMarkerStub, allStops[1], "green");
Sinon.assert.calledWith(addMarkerStub, allStops[2], "orange");
});
我在代码中放置了未定义的检查来检查对象的状态,它就在那里——它似乎落在了 find 中的 lambda 表达式上。
附加信息:这似乎只发生在 PhantomJS 上——如果我使用 Chrome,一切都运行良好(尽管这不是一个可行的 CI 选项!)。
最佳答案
这似乎是 PhantomJS 的问题。
我通过从这里应用 PhantomJS polyfil 来修复它...
https://www.npmjs.com/package/phantomjs-polyfill-find
(糟透了......)
关于javascript - undefined 不是带有 Array.prototype.find 的 PhantomJS 上的 Mocha/Chai/Sinon 中的构造函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42145104/
以下代码,我使用 chrome 浏览器控制台进行了检查: function A(){ this.a='a' } 这是一个构造函数。我已经将一个属性 b 赋给了 A 的原型(prototype)。
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
关闭。这个问题是opinion-based .它目前不接受答案。 想改进这个问题?更新问题,以便 editing this post 提供事实和引用来回答它. 5年前关闭。 Improve this
关闭。这个问题是opinion-based .它目前不接受答案。 想改进这个问题?更新问题,以便 editing this post 提供事实和引用来回答它. 3年前关闭。 Improve this
我已经开始阅读 The Pragmatic Programmer,我很喜欢并学习堆形式,但我很难理解示踪子弹和原型(prototype)之间的区别。跟踪项目符号是否像拥有应用程序的所有 View 但尚
尽管阅读了 StackOverflow 上的大多数文章,但我现在实际上对原型(prototype)非常困惑。 function Foo() { } Foo.prototype.speak = func
我正在阅读以下代码,并开始想知道 Rectangle.prototype = Object.create(Shape.prototype) 和 Rectangle.prototype = Shape.
我想知道它们之间的区别: childObj.prototype = Object.create(parentObj.prototype) 和 childObj.prototype = parentOb
这个问题在这里已经有了答案: Why wouldn't I use Child.prototype = Parent.Prototype rather than Child.prototype =
在 node.js 中导出原型(prototype)的首选方法是什么?您可以采用两种方法: 导出原型(prototype)本身 function A () { } module.exports = A
我正在学习 JavaScript,发现了两种分配原型(prototype)的方法。 第一个是A.prototype = B.prototype,第二个是A.prototype = new B() 例如
在一些构造函数的定义之后,例如 child ,我见过以下两种形式: Child.prototype = Parent.prototype; 或 Child.prototype = new Parent
我正在阅读一本关于 OOP javascript 的书,但被其中一个示例卡住了。 在示例代码的第一个版本中,Shape 的一个新实例构造函数被创建并且 toString方法被调用。 toString方
这个问题在这里已经有了答案: What should I connect to the child prototype property in JavaScript (2 个答案) 关闭 8 年前。
在进行原型(prototype)设计时,您在多大程度上放弃了最佳实践来支持代码和修复黑客攻击?当然,代码并不打算在完整的生产环境中保留。 补充:我正在研究一个用 Python 制作的相当大的半工作原型
我正在尝试使用 Prototype 更新隐藏表单字段的值。表单域: 我正在尝试使用原型(prototype)更新值: var additionalVal = ',2'; var itemId = $
我正在阅读How to Make a Javascript Library我发现了作者所说的一个观点: function _() { //Some obects and var
我想用一个新函数扩展“Number”类型,因此我必须定义一个原型(prototype)。当我想到这一点时,我得到了一堆问题: Number 是否既继承了 Object.prototype 又继承了 F
这里好像有区别... 假设我们有 function MyConstructor() {} MyConstructor 的[[Prototype]] 是Function.prototype,不是 MyC
有人建议 Derived.prototype = Object.create(Base.prototype); 优于 Derived.prototype = new Base(); (如 this S
我是一名优秀的程序员,十分优秀!