VSコードとタイプスクリプトを使ってe2eテストをデバッグする方法

Question

角度プロジェクトをAngular CLIで生成しました。

私はe2eテストをデバッグしたいと思います。 私はそれを行うためにうまくいきませんでしたので、* .tsから* .jsへのテストをコンパイルします。 この情報はhereでしたが、私にとってはうまくいきません。

また、私はthisの記事を読んでいますが、私のためにも機能しません。

私は間違っていますか？これで私を助けてください...私は...ない結果と一週間過ごした

マイ.vscodeフォルダと tasks.jsonファイル

{ 
    "version": "0.1.0", 
    "command": "npm", 
    "isShellCommand": true, 
    "showOutput": "always", 
    "suppressTaskName": true, 
    "tasks": [ 
     { 
      "taskName": "e2e-compile", 
      "isBuildCommand": true, 
      "args": [ 
       "run", 
       "e2e-compile" 
      ] 
     } 
    ] 
} 

launch.jsonファイル

{ 
    "version": "0.2.0", 
    "configurations": [ 
     { 
      "name": "Launch e2e Tests", 
      "type": "node", 
      "request": "launch", 
      "stopOnEntry": false, 
      "program": "${workspaceRoot}/node_modules/protractor/bin/protractor", 
      "args": [ 
       "${workspaceRoot}/protractor.conf.debug.js" 
      ], 
      "preLaunchTask": "e2e-compile", 
      "cwd": "${workspaceRoot}", 
      "sourceMaps": true, 
      "outFiles": [ 
       "${workspaceRoot}/dist/out-tsc-e2e/*.js" 
      ] 
     } 
    ] 
} 

protractor.config.debug.jsファイル

var SpecReporter = require('jasmine-spec-reporter'); 

exports.config = { 
    allScriptsTimeout: 11000, 
    specs: [ 
    './dist/out-tsc-e2e/**/*.e2e-spec.js' 
    ], 
    capabilities: { 
    'browserName': 'chrome' 
    }, 
    directConnect: true, 
    baseUrl: 'http://localhost:4200/', 
    framework: 'jasmine', 
    jasmineNodeOpts: { 
    showColors: true, 
    defaultTimeoutInterval: 30000, 
    print: function() {} 
    }, 
    useAllAngular2AppRoots: true, 
    beforeLaunch: function() { 

    }, 
    onPrepare: function() { 
    jasmine.getEnv().addReporter(new SpecReporter()); 
    } 
}; 

次に、ブレークポイントを追加してF5でデバッグをしていますが、一時停止を待っていますが、失敗するだけです。 私はどんな助けにも感謝します。 var SpecReporter = require('jasmine-spec-reporter');

は、タスクの実行中にコンソールウィンドウの出力を見てください：

Answer 1

私はあなたの問題はあなたの分度器の設定の最初の行に関係している疑いがある

Debugger listening on [::]:26978 
[12:07:47] I/launcher - Running 1 instances of WebDriver 
[12:07:47] I/direct - Using ChromeDriver directly... 
[12:07:50] E/launcher - Error: TypeError: SpecReporter is not a constructor 
    at onPrepare (c:\src\TableDojo\ClientApp\protractor.conf.debug.js:25:34) 

がありましたジャスミンの変化が激しかった（SpecReporter is not a constructor error when running protractor using angular-cli参照）。 ））の助けを