大佬教程收集整理的这篇文章主要介绍了用于TypeScript应用程序测试的Angular 2 – 规格在茉莉花中多次出现，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
完成第一个应用程序测试部分并转到unit-tests.html后,我看到我的规范报告多次出现：
虽然我没有对教程代码进行任何更改,但是为了快速参考,我的unit-tests.html是：
<!DOCTYPE html>
<html>
<head>
<Meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Ng App Unit Tests</title>
<link rel="stylesheet" href="node_modules/jasmine-core/lib/jasmine-core/jasmine.css">
<script src="node_modules/jasmine-core/lib/jasmine-core/jasmine.js"></script>
<script src="node_modules/jasmine-core/lib/jasmine-core/jasmine-html.js"></script>
<script src="node_modules/jasmine-core/lib/jasmine-core/boot.js"></script>
</head>
<body>
<!-- #1. add the system.js library -->
<script src="node_modules/systemjs/dist/system-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script>
// #2. Configure systemjs to use the .js extension
// for imports from the app folder
System.config({
packages: {
'app': {defaultExtension: 'js'}
}
});
// #3. Import the spec file explicitly
System.import('app/hero.spec')
// #4. wait for all imports to load ...
// then re-execute `window.onload` which
// triggers the Jasmine test-runner start
// or explain what went wrong.
.then(window.onload)
.catch(console.error.bind(consolE));
</script>
</body>
</html>
hero.spec.ts
import {Hero} from './hero'; describe('Hero',() => { it('has name',() => { let hero:Hero = {id: 1,name: 'Super Cat'}; expect(hero.Name).toEqual('Super Cat'); }); it('has id',name: 'Super Cat'}; expect(hero.id).toEqual(1); }); });
什么可能出错？
这个解决方案是由曼宁早期访问计划的“Angular 2开发与TypeScript v7 MEAP”一书所采用的：
<!DOCTYPE html>
<html>
<head>
<Meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Unit Tests</title>
<link rel="stylesheet" href="node_modules/jasmine-core/lib/jasmine-core/jasmine.css">
<!-- #1. Polyfills -->
<script src="node_modules/reflect-Metadata/Reflect.js"></script>
<!-- #2. Zone.js dependencies -->
<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/zone.js/dist/async-test.js"></script>
<script src="node_modules/zone.js/dist/fake-async-test.js"></script>
<!-- #3. Add specs dependencies -->
<script src="app/treeNode.spec.ts"></script>
<script src="app/template.spec.ts"></script>
<script src="app/services/tree.side.service.spec.ts"></script>
<script src="app/services/tree.service.spec.ts"></script>
<!-- #4. Add Jasmine dependencies -->
<script src="node_modules/jasmine-core/lib/jasmine-core/jasmine.js"></script>
<script src="node_modules/jasmine-core/lib/jasmine-core/jasmine-html.js"></script>
<script src="node_modules/jasmine-core/lib/jasmine-core/boot.js"></script>
<script src="node_modules/jasmine-expect/dist/jasmine-matchers.js"></script>
<!-- #5. Add the system.js library -->
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script>System.packageWithIndex = true;</script>
<script src="systemjs.config.js"></script>
<script>
// #6. Configure SystemJS to use the .js extension for imports from the app folder
System.config({
packages: {
'app': {defaultExtension: 'js'}
}
});
var SPEC_MODULES = [
'app/treeNode.spec','app/template.spec','app/services/tree.side.service.spec','app/services/tree.service.spec'
];
/**
* #7. Import the spec files explicitly
*/
Promise.all([
System.import('@angular/core/tesTing'),System.import('@angular/platform-browser-dynamic/tesTing')
])
.then(function (modules) {
var tesTing = modules[0];
var tesTingBrowser = modules[1];
tesTing.TESTBed.initTestEnvironment(tesTingBrowser.browserDynamicTesTingModule,tesTingBrowser.platformBrowserDynamicTesTing());
return Promise.all(SPEC_MODULEs.map(function (modulE) {
return System.import(modulE);
}));
})
.then(window.onload)
.catch(console.error.bind(consolE));
</script>
</head>
<body>
</body>
</html>
我希望你发现这个解决方案很有用.
以上是大佬教程为你收集整理的用于TypeScript应用程序测试的Angular 2 – 规格在茉莉花中多次出现全部内容，希望文章能够帮你解决用于TypeScript应用程序测试的Angular 2 – 规格在茉莉花中多次出现所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。