Need to define everything twice about grunt-template-jasmine-requirejs HOT 3 CLOSED

As my understanding and guessing, you might explicitly load Backbone
library in some ways before require.config({}) call, for instance, loading
it via script tag, the easiest way.

But here you don't load Backbone as helper before generated
require.config({}) by this template.

Try load Backbone via helper as an attempting.

BTW, I found a defect of your module definition which directly access
Backbone from global context rather than module's dependencies list.
Should fix that problematic invoking.

On Friday, May 17, 2013, Stefan Vermaas wrote:

Hi,

I'm using this template to run my jasmine tests in the requireJS
framework. But while using this template I ran into an issue. I'm not
exactly sure or this has to do with the template, RequireJS or Jasmine, so
please say so if I'm in the wrong repo.

In my main.js file ( where the configuration for my RequireJS application
lives ) I've defined some dependencies for my application. I "globalise"
jQuery, Backbone and Underscore, so I don't need to call them for the
second time in my modules.

// main.js// Define the basic configurationrequire.config({
baseUrl: 'app/javascripts',
paths: {
jquery: 'vendor/jquery/jquery',
underscore: 'vendor/underscore-amd/underscore',
backbone: 'vendor/backbone-amd/backbone',
},
shim: {
'backbone': {
deps: ['jquery', 'underscore'],
exports: 'Backbone'
},
'underscore': {
exports: '_'
},
'jquery': {
exports: '$'
},
'app': {
deps: ['jquery', 'underscore', 'backbone' ]
}
}});
// Define the applicationrequire(['app'], function( app ) {
app.initialize();});

This allows me to use jQuery, Backbone and Underscore in my separate
modules, like this:

define([], function() {
var Model = Backbone.Model.extend({});
return Model;});

But when I try this template for testing with Jasmine. I run into an
error. It tells me that Backbone isn't defined yet. But if I do include
Backbone in my module, the tests start working again.

// base_view.js with Backbone etc defineddefine([
'jquery',
'underscore',
'backbone'], function( $, _, Backbone ) {});

So what am I doing wrong? I can't figure it out..

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/25
.

from grunt-template-jasmine-requirejs.

So what you're basically saying is defining a module like this ( see example below ) and load Backbone etc in every module. Correct?

// base_view.js with Backbone etc defined
define([
    'jquery',
    'underscore',
    'backbone'
], function( $, _, Backbone ) {
  // Define the baseModel
  var baseModel = Backbone.Model.extend();
  return baseModel;
});

Because on this way, the tests will succeed. I thought it was OK to get the Backbone object grom the global context, but I guess it isn't?

from grunt-template-jasmine-requirejs.

@stefanvermaas how are you loading backbone in your grunt config? If you don't pre-load it explicitly then it won't be loaded at all until you call it as a dependency (which is what your example seems to show)

Do you ever need it as an AMD dependency? If not, then you can load it in the vendor definition so that it gets loaded separately.

from grunt-template-jasmine-requirejs.