使用Karma Chrome Launcher时,我的javascript测试通过,但是当我使用PhantomJS浏览器时它们失败了。这个代码库也使用 ES6 和 babel,但我认为这不是问题所在,因为我在其他模块中的所有 ES6 代码都没有中断。
我在理解 3 次失败测试中获得的堆栈跟踪时遇到了最大的麻烦。错误说明SyntaxError: Unexpected token ',' (line 2)
Function@[native code]
。我不知道如何处理它或如何使用断点进行调试,因为它谈论的是本机代码。 我尝试的内容如下。
PhantomJS 2.1.1 (Mac OS X 0.0.0) paymentForm completes payment, displays thank you FAILED
SyntaxError: Unexpected token ',' (line 2)
Function@[native code]
compile@bower_components/angular/angular.js:14539:27
parse@bower_components/angular/angular.js:15422:36
$parse@bower_components/angular/angular.js:15587:44
$watch@bower_components/angular/angular.js:16800:25
link@bower_components/angular/angular.js:24221:21
bower_components/angular/angular.js:1266:23
invokeLinkFn@bower_components/angular/angular.js:9757:15
nodeLinkFn@bower_components/angular/angular.js:9156:23
compositeLinkFn@bower_components/angular/angular.js:8459:23
nodeLinkFn@bower_components/angular/angular.js:9151:35
bower_components/angular/angular.js:9496:36
processQueue@bower_components/angular/angular.js:16104:30
bower_components/angular/angular.js:16120:39
$eval@bower_components/angular/angular.js:17378:28
$digest@bower_components/angular/angular.js:17191:36
flush@bower_components/angular-mocks/angular-mocks.js:1791:45
src/app/payment/payment.directive.spec.js:163:25
我尝试了什么:
- 在 v4.2.6 和 6.10.2 之间更改并重新安装了以下软件包
- 升级了 NPM 包:
- 业力 0.12.31 -> 1.3.0,
- 业力幻影启动器 1.0.0 -> 1.04 (最新(没有成功。
破坏我代码的是我的角度模板中的重复键。哇。啊,成为Web开发人员的乐趣。奇怪的是,我的旧代码在Chrome,Firefox或Safari中没有中断。
<div
class="slds-spinner"
ng-class="{
'slds-spinner--small': size === 'small',
'slds-spinner--small': size === 'medium' || !size,
'slds-spinner--large': size === 'large',
'slds-spinner--inverse': inverse === 'true'
}"
aria-hidden="false"
role="alert">
<div class="slds-spinner__dot-a"></div>
<div class="slds-spinner__dot-b"></div>
</div>
当我把它改成这个时:
<!-- No more dupe keys -->
<div
class="slds-spinner"
ng-class="{
'slds-spinner--small': size === 'small' || !size,
'slds-spinner--medium': size === 'medium',
'slds-spinner--large': size === 'large',
'slds-spinner--inverse': inverse === 'true'
}"
aria-hidden="false"
role="alert">
<div class="slds-spinner__dot-a"></div>
<div class="slds-spinner__dot-b"></div>
</div>