{"id":507,"date":"2015-01-08T11:01:11","date_gmt":"2015-01-08T11:01:11","guid":{"rendered":"http:\/\/nicholshayes.co.uk\/blog\/?p=507"},"modified":"2015-01-08T11:08:18","modified_gmt":"2015-01-08T11:08:18","slug":"using-jasmine-with-rails-4-1","status":"publish","type":"post","link":"http:\/\/nicholshayes.co.uk\/blog\/?p=507","title":{"rendered":"Using Jasmine with Rails 4.1"},"content":{"rendered":"

I had a few problem getting fixtures to work within a Jasmine environment. I was getting the error “ReferenceError: loadFixtures is not defined”<\/p>\n

The fixture was an html pages at spec\/javascripts\/fixtures\/form.html, and this was my initial test code:<\/p>\n

describe(<\/span>"Rollback prompt"<\/span>,<\/span> function<\/span>(<\/span>)<\/span>{<\/span>
\n
\n  beforeEach(<\/span>function<\/span>(<\/span>)<\/span>{<\/span>
\n    loadFixtures(<\/span>"form.html"<\/span>)<\/span>;<\/span>
\n  }<\/span>)<\/span>;<\/span>
\n
\n  describe(<\/span>'check test environment'<\/span>,<\/span> function<\/span>(<\/span>)<\/span>{<\/span>
\n
\n    it(<\/span>'should always pass'<\/span>,<\/span> function<\/span>(<\/span>)<\/span>{<\/span>
\n      expect(<\/span>true<\/span>)<\/span>.toBe<\/span>(<\/span>true<\/span>)<\/span>;<\/span>
\n    }<\/span>)<\/span>;<\/span>
\n
\n  }<\/span>)<\/span>;<\/span>
\n
\n}<\/span>)<\/span>;<\/span><\/div><\/div>\n

I’d copied this format from a rails 3 project where I’d used the jasmine gem successfully.<\/p>\n

To get this to work with Rails 4.1, I had to:<\/p>\n

Use jasmine-rails gems<\/h2>\n

I added this to my Gemfile (replacing gem ‘jasmine’)<\/p>\n

group :development<\/span>, :test<\/span> do<\/span>
\n  # JavaScript test environment<\/span>
\n  gem 'jasmine-rails'<\/span>
\n  gem 'jasmine-jquery-rails'<\/span>
\nend<\/span><\/div><\/div>\n

And added a spec_helper at spec\/javascripts\/helpers\/spec_helper.js:<\/p>\n

\/\/= require jquery<\/span>
\n\/\/= require jasmine-jquery<\/span><\/div><\/div>\n

Mount fixtures separately<\/h2>\n

I mounted my fixtures via config\/initializers\/jasmine.rb:<\/p>\n

# Map fixtures directory for Jasmine suite<\/span>
\nif<\/span> defined<\/span>?(<\/span>JasmineRails)<\/span>
\n  JasmineFixtureServer = Proc<\/span>.new<\/span> do<\/span> |<\/span>env|<\/span>
\n    Rack::Directory<\/span>.new<\/span>(<\/span>'spec\/javascripts\/fixtures'<\/span>)<\/span>.call<\/span>(<\/span>env)<\/span>
\n  end<\/span>
\nend<\/span><\/div><\/div>\n

And then updated my config\/routes.rb:<\/p>\n

  if<\/span> defined<\/span>?(<\/span>JasmineRails)<\/span>
\n    mount JasmineRails::Engine<\/span> =><\/span> '\/specs'<\/span>
\n    mount JasmineFixtureServer =><\/span> '\/spec\/javascripts\/fixtures'<\/span>
\n  end<\/span><\/div><\/div>\n

After that my test passed successfully and I was ready to start building by JavaScript functions.<\/p>\n

Solution source<\/h2>\n

These pages were key to me finding this solution:<\/p>\n