Ember Data Mockjax

by alexspeller

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.2/jquery.mockjax.js"></script>
<script src="http://ember.alexspeller.com/handlebars-1.0.0.js"></script>
<script src="http://ember.alexspeller.com/ember-latest.js"></script>
<script src="http://ember.alexspeller.com/ember-data-latest.js"></script>
<link rel="stylesheet" href="https://s3.amazonaws.com/kiddsoftware-jsfiddle/qunit-1.11.0.css">
<script src="https://s3.amazonaws.com/kiddsoftware-jsfiddle/qunit-1.11.0.js"></script>
<!-- Test output goes here. -->
<div id="qunit"></div>
<div id="qunit-fixture"></div>

<!-- Handlebars templates for our application. -->
<script type="text/x-handlebars">
    <h1>Testing Ember.js with QUnit</h1>
    {{outlet}}
</script>

CoffeeScript

window.App = Ember.Application.create()

App.Foo = DS.Model.extend
    bars: DS.hasMany('bar', async: true)
    name: DS.attr()

App.Bar = DS.Model.extend()


App.ApplicationRoute = Em.Route.extend
  model: ->
    @store.find('foo')
    
    
QUnit.testStart ->
  Ember.run ->
    App.reset()

  Ember.testing = true

QUnit.testDone -> Ember.testing = false

QUnit.done ->
  Ember.run ->
    App.reset()


# Sample model test.
module "Testing"
test "testing", ->
  visit('/')

    
$.mockjax
  url: "/foos"
  responseText:
    foos: [
                id: 1
                name: "First Foo"
              ]
    bars: [id: 1]