-
Star
(180)
You must be signed in to star a gist -
Fork
(30)
You must be signed in to fork a gist
-
-
Save michaelcox/3800736 to your computer and use it in GitHub Desktop.
| <html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <title>Backbone Tests</title> | |
| <link rel="stylesheet" href="libs/mocha.css"/> | |
| </head> | |
| <body> | |
| <div id="mocha"></div> | |
| <script data-main="SpecRunner.js" src="/app/libs/require.js"></script> | |
| </body> | |
| </html> |
| define(function(require) { | |
| var models = require('models'); | |
| describe('Models', function() { | |
| describe('Sample Model', function() { | |
| it('should default "urlRoot" property to "/api/samples"', function() { | |
| var sample = new models.Sample(); | |
| sample.urlRoot.should.equal('/api/samples'); | |
| }); | |
| }); | |
| }); | |
| }); |
| define(function(require) { | |
| var Backbone = require('backbone'); | |
| var models = {}; | |
| models.Sample = Backbone.Model.extend({ | |
| urlRoot: '/api/samples' | |
| }); | |
| return models; | |
| }); |
| require.config({ | |
| baseUrl: '/backbone-tests/', | |
| paths: { | |
| 'jquery' : '/app/libs/jquery', | |
| 'underscore' : '/app/libs/underscore', | |
| 'backbone' : '/app/libs/backbone', | |
| 'mocha' : 'libs/mocha', | |
| 'chai' : 'libs/chai', | |
| 'chai-jquery' : 'libs/chai-jquery', | |
| 'models' : '/app/models' | |
| }, | |
| shim: { | |
| 'chai-jquery': ['jquery', 'chai'] | |
| }, | |
| urlArgs: 'bust=' + (new Date()).getTime() | |
| }); | |
| define(function(require) { | |
| var chai = require('chai'); | |
| var mocha = require('mocha'); | |
| require('jquery'); | |
| require('chai-jquery'); | |
| // Chai | |
| var should = chai.should(); | |
| chai.use(chaiJquery); | |
| mocha.setup('bdd'); | |
| require([ | |
| 'specs/model-tests.js', | |
| ], function(require) { | |
| mocha.run(); | |
| }); | |
| }); |
Thank-you @michaelcox and @mike-kelly. Got my tests up and running after a frustrating couple of hours.
Thanks for this, very useful. In my scenario, I wanted the tests to run both under gulp-mocha-requirejs and in the browser. This is what the core of my equivalent to SpecRunner.js looks like:
require.config({
paths: {
mocha: '../node_modules/mocha/mocha',
chai: '../node_modules/chai/chai',
// ... my modules ...
},
shim: {
mocha: {
init: function () {
return this.mocha.setup({
ui: 'bdd',
reporter: /phantom/i.test(window.navigator.userAgent) ? 'spec' : 'html'
});
}
}
}
});
require(
[
'mocha'
],
function (mocha) {
require(
[
'./spec/unit/main.spec'
],
function () {
mocha.run();
}
);
}
);
The userAgent switch feels a bit hacky but it works.
Great gist, thanks for this.
Is there a way to run a single test using this method?
Can someone post their Gruntfile.js or gulpfile.js used to run this code? Thanks.
Thank you very much, man. It's really help me to add unit testing in my test-app based on old backbone... Guys, get attention that baseUrl is very important for all your future imports and paths. It will be based on your .html run-test file in your file system. Other thing - very great and really helpfull.
@sfahlberg - I had the same issue. This is how I got it to work:
See in particular the shims section. The mocha shim which does
mocha.setupwas what got mocha working for me.I also had to shim Backbone to get it working with the actual tests.
Also note that my paths are different, as I've set this up to run from a
testsfolder in my working app. The index.html file is insidetests@michaelcox - in your gist
chaiJqueryis undefined since the recent file revision