角2业力设置问题-业力开始但不运行测试

Question

总之，

• 我正在为角2“路由”示例(通过角2高级路由教程链接访问)创建一个以柱塞代码开头的项目。那个来源没有业力或茉莉花的配置。
• 我一直试图把这一点加到现有的项目中，结果并不令人满意。我目前的设置运行业力，但没有看到任何测试，无论是.js还是.ts。

14 01 2017 19:16:44.080:警告业力:没有捕获的浏览器，打开http://localhost:9876/ 14 01 2017 19:16:44.112:信息业力: Karma v1.4.0服务器启动于http://0.0.0.0:9876/ 14 01 2017 19:16:44.112:INFO启动浏览器Chrome与无限并发14 01 2017 19:16:44.268:INFO启动浏览器Chrome 14 01 2017 19:46.895:46.895:INFO Chrome 55.0.2883 (Windows 10 0.0.0)：连接在套接字上

首先，我从角2高级测试教程链接开始。这意味着我应该创建/app/1st.spec.ts：

describe('lst tests', () => {
    it('true is true', () => expect(false).toBe(true));
});

然后我进行了npm测试，但发现我没有业力。从那时起，我就安装了各种基于程序员博客上的建议的软件包。我的装置已变成：

npm install karma –save-dev
npm install karma-jasmine jasmine-core –save-dev
npm install karma-chrome-launcher –save-dev 
npm install karma-cli
npm install angular-mocks
npm install requirejs karma-requirejs

我运行“因果报应”，尽我所能回答问题。我现在的karma.conf.js是(浓缩)：

module.exports = function(config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', 'requirejs'],
    files: [
      {pattern: 'app/*.js', included: false},
      {pattern: 'app/*.spec.js', included: false},
      {pattern: 'app/**/*.js', included: false}
    ],
    exclude: [ ],
    preprocessors: { },
    reporters: ['progress'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false,
    concurrency: Infinity
  })
}

我的package.json是：

{
  "name": "MyProgram",
  "version": "0.1.0",
  "license": "MIT",
  "description": "MyProgram description",
    "scripts": {
      "start": "gulp copy-jit && concurrently \"npm run tsc:w\" \"npm run lite\" ",
      "lite": "lite-server",
      "tsc": "tsc",
      "tsc:w": "tsc -w",
      "aot": "ngc -p tsconfig-aot.json",
      "rollup": "rollup -c rollup-config.js",
      "start-aot": "npm run aot && npm run rollup && gulp copy-aot && npm run lite",
      "test": "karma start karma.conf.js"
  },
  "dependencies": {
    "@angular/common": "~2.2.4",
    "@angular/compiler": "~2.2.4",
    "@angular/compiler-cli": "~2.2.4",
    "@angular/core": "~2.2.4",
    "@angular/forms": "~2.2.4",
    "@angular/http": "~2.2.4",
    "@angular/platform-browser": "~2.2.4",
    "@angular/platform-browser-dynamic": "~2.2.4",
    "@angular/platform-server": "^2.2.4",
    "@angular/router": "~3.2.4",
    "@angular/upgrade": "~2.2.4",
    "angular-in-memory-web-api": "~0.1.5",
    "core-js": "^2.4.1",
    "reflect-metadata": "^0.1.8",
    "rxjs": "5.0.0-beta.12",
    "systemjs": "0.19.39",
    "zone.js": "^0.6.25"
  },
  "devDependencies": {
    "@types/core-js": "^0.9.34",
    "@types/jasmine": "^2.5.35",
    "@types/node": "^6.0.45",
    "@types/selenium-webdriver": "^2.53.32",
    "concurrently": "^3.0.0",
    "del": "^2.2.2",
    "gulp": "^3.9.1",
    "gulp-gzip": "^1.4.0",
    "gulp-load-plugins": "^1.3.0",
    "gulp-rename": "^1.2.2",
    "gulp-task-listing": "^1.0.1",
    "gulp-util": "^3.0.7",
    "jasmine-core": "^2.5.2",
    "karma": "^1.4.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-jasmine": "^1.1.0",
    "karma-requirejs": "^1.1.0",
    "lite-server": "^2.2.2",
    "rollup": "^0.36.1",
    "rollup-plugin-commonjs": "^5.0.4",
    "rollup-plugin-node-resolve": "^2.0.0",
    "rollup-plugin-uglify": "^1.0.1",
    "typescript": "^2.0.3"
  }
}

我希望通过你的回应来解决以下问题：

• 一个合适的角2项目配置，用于卡玛和茉莉花的测试。
• 创建类型记录源代码测试并在Karma中检测和运行它们的能力。

谢谢,

杰罗姆。

Answer 1

• 我也在试着穿过这一过程。我知道，如果您使用角度CLI执行ng新，它将为您创建一个项目，并正确设置所有的Karma内容。
• ng测试类似于npm测试，但似乎也比快得多。
• package.json“脚本”部分控制“测试”命令行选项。
• 我试图将其复制到英雄之旅第6部分，并成功地完成了1st.spec.ts，并让Karma启动并翻转true = false。
• 但在这一点上，它说，你可以加载1st.spec.ts在Chrome的东西也不适合我(第5点这里)。
• 我记录了跨这里复制文件的方法。
• 您还有一个额外的麻烦，即Karma使用了一个使用LTS发布周期落后的Node版本。因此，设置nvm是明智的。请参阅这里