JSテストを書いてみたい。プロダクションコードはRequireJSで書かれています。実行が完了コールバックを受け取り、あなたのテスト関数が完了した後、それを実行する関数を生成ジャスミンとRequireJSを使ったSquire.jsの例
Squire.jsウェブサイトからhttps://github.com/iammerrick/Squire.js/
： 私はSquire.jsという名前のテストlibが見つかりました。非同期がコールバックで処理されるフレームワークに特に便利です。ここにMocha.jsの例があります。ジャスミンはJasmin.Asyncを使用して、このコールバックアプローチを提供することができます。」私はジャスミン非同期でこれを使用する方法がわからない
。小さな例は非常に有用であろう。
をこれは、挿入するための素敵な設定です。テストへの嘲笑の依存関係を持つモジュールは、これはあなただけのスペックを見たい場合は最後までスキップ、誰かが始めるために例をエンドツーエンドで
フォルダ構造：。
Jasmine
|-lib
||-jasmine -- Contains all the Jasmine files
|||-boot.js
|||-jasmine-html.js
|||-jasmine.js
|||-jasmine.css
|||-jasmine_favicon.png
|||-...
|-spec -- Spec files go here
||-hello-spec.js
|SpecRunner.html
|SpecRunner.js
|squire.js
Scripts
|knockout.js
|require.js
|jquery.js
App
|-hello.js
|-foo.js
あなたの質問の時点で、ジャスミン1.3は最新バージョンでした。それ以来、2.0がリリースされ、いくつかの非同期の改善が含まれています。どちらのバージョンもここに含まれていますが、1.3はコメントアウトされています。
SpecRunner.html：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hello Spec Runner</title>
<link rel="shortcut icon" type="image/png" href="lib/jasmine/jasmine_favicon.png">
<link rel="stylesheet" type="text/css" href="lib/jasmine/jasmine.css">
</head>
<body>
<!-- Load RequireJS & the testsuite -->
<script src="../Scripts/require.js" data-main="SpecRunner.js" type="text/javascript" ></script>
</body>
</html>
SpecRunner.js：
この質問Does Jasmine 2.0 really not work with require.js?はこれを取得し、実行しているのに役立ちました。
(function() {
'use strict';
// Configure RequireJS to shim Jasmine
requirejs.config({
baseUrl: "../App",
paths: {
'jasmine' : '../Jasmine/lib/jasmine/jasmine',
'jasmine-html': '../Jasmine/lib/jasmine/jasmine-html',
'boot': '../Jasmine/lib/jasmine/boot', // This is not present in Jasmine 1.3
'spec' : '../Jasmine/spec',
'squire': '../Jasmine/squire',
'knockout': '../Scripts/knockout-2.3.0',
'jquery': '../Scripts/jquery-1.10.2' // This only used in the Jasmine 1.3 case.
},
shim: {
'jasmine': {
exports: 'jasmine'
},
'jasmine-html': {
deps: ['jasmine'],
exports: 'jasmine'
},
'boot': {
deps: ['jasmine', 'jasmine-html'],
exports: 'jasmine'
},
"squire": {
exports: "squire"
}
}
});
// Define all of your specs here. These are RequireJS modules.
var specs = [
'spec/hello-spec'
];
// Load Jasmine - This will still create all of the normal Jasmine browser globals unless `boot.js` is re-written to use the
// AMD or UMD specs. `boot.js` will do a bunch of configuration and attach it's initializers to `window.onload()`. Because
// we are using RequireJS `window.onload()` has already been triggered so we have to manually call it again. This will
// initialize the HTML Reporter and execute the environment.
require(['boot'], function() {
// Load the specs
require(specs, function() {
// Initialize the HTML Reporter and execute the environment (setup by `boot.js`)
window.onload();
});
});
/******
* Use this require if you're on Jasmine 1.3
******/
//require(['jquery', 'jasmine-html'], function ($, jasmine) {
// var jasmineEnv = jasmine.getEnv();
// jasmineEnv.updateInterval = 1000;
// var htmlReporter = new jasmine.HtmlReporter();
// jasmineEnv.addReporter(htmlReporter);
// jasmineEnv.specFilter = function(spec) {
// return htmlReporter.specFilter(spec);
// };
// $(function() {
// require(specs, function(spec) {
// jasmineEnv.execute();
// });
// });
//});
// end 1.3
})();
foo.jsは：
define(['knockout'], function (ko) {
var message = ko.observable("Go away, World!");
return {
message: message()
};
});
hello.js：
define(['foo'], function (foo) {
return {
message : foo.message
};
});
ハローspec.js：
define(['squire'], function (Squire) {
var injector = new Squire();
var builder = injector
.mock('foo', {
message: "Hello, World!"
});
describe('hello', function() {
var hello;
beforeEach(function (done) {
// For async:
// accept a "done" parameter and Jasmine will wait...
builder.require(['hello'], function (hi) {
hello = hi;
done(); // ...until you invoke it.
});
/*******
* Use the following if you're on 1.3
*********/
//var done;
//runs(function() {
// builder.require(['hello'], function (hi) {
// hello = hi;
// done = true;
// });
//});
//waitsFor(function() {
// return done;
//}, "Unable to load dependency not loaded", 750);
// end 1.3
});
it('is welcoming', function() {
expect(hello.message).toBe("Hello, World!");
});
});
describe('hello no mock foo', function() {
var hello;
beforeEach(function (done) {
// For async:
// accept a "done" parameter and Jasmine will wait...
require(['hello'], function (hi) {
hello = hi;
done(); // ...until you invoke it.
});
/*******
* Use the following if you're on 1.3
*********/
//var done;
//runs(function() {
// require(['hello'], function (hi) {
// hello = hi;
// done = true;
// });
//});
//waitsFor(function() {
// return done;
//}, "Unable to load dependency not loaded", 750);
// end 1.3
});
it('is less than welcoming', function() {
expect(hello.message).toBe("Go away, World!");
});
});
});
詳細
行fooの上
var injector = new Squire();
var builder = injector
.mock('foo', {
message: "Hello, World!"
});
モックアップハローの依存と嘲笑のfooを使用して、その後
builder.require(['hello'], function (hi) {
hello = hi;
done(); // ...until you invoke it.
});
負荷ハローモジュール。第二の試験でハローロードするために自分自身を必要と使用して比較：
require(['hello'], function (hi) {
hello = hi;
done(); // ...until you invoke it.
});
ジャスミンのドキュメントhttp://jasmine.github.io/「済（）」機能（2.0）または「実行/ waitsFor」（1.3）であなたを埋めることができます。