PhantomJSで実行中にカルマジャスミンテストが失敗する

Question

私のカルマランチャーを使用すると、私の使用するjavascriptテストは合格しますが、PhantomJSブラウザを使用すると失敗します。このコードベースはES6とbabelも使用していますが、他のモジュールのすべてのES6コードが壊れていないので、それは問題ではないと私は考えています。

私は3回失敗したテストでスタックトレースを理解するのに最も困っています。エラーはSyntaxError: Unexpected token ',' (line 2) Function@[native code]を記録します。私は、ネイティブコードについて話しているので、ブレークポイントでデバッグする方法、またはブレークポイントを使ってどのようにデバッグするのか分かりません。私が試したことは以下の通りです。

• はv4.2.6と6.10.2の間で変更され、NPMパッケージをアップグレードし
• 以下のパッケージを再インストール：
  • カルマ0.12.31私が試みた何

    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 
    

    - > 1.3.0、

  • カルマ - ファントムジャムランチャー1.0.0 - > 1.04（最新） 成功しません。私のコードを壊した何

Answer 1

は私の角度テンプレートに重複キーでした。ワオ。ああ、Web開発者であることの喜び。奇妙なことに、私の古いコードはChrome、Firefox、Safariで壊れませんでした。

<!-- 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> 

：私はこれにそれを変更し

<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>