Ember CLI

MIRAGE

@jimmay5469

jimmylauzau.com

http://www.ember-cli-mirage.com/

Q: So what is it?

Q: But I already use Pretender...

Q: Does it do anything else cool?

Q: Anything else?

Q: So how do I get started?

Getting started...

1. Define your API routes

// app/mirage/config.js

export default function() {
  this.get('/users');
  this.post('/users');

  // These are shorthand for:
  // this.get('/users', function(db, request) {
  //   return {
  //     users: db.users
  //   };
  // });
  // this.post('/users', function(db, request) {
  //   var attrs = JSON.parse(request.requestBody);
  //   var user = db.users.insert(attrs);
  //   return user;
  // });
}

Getting started...

2. Define your factories

// app/mirage/factories/user.js

import Mirage, { faker } from 'ember-cli-mirage';

export default Mirage.Factory.extend({
  name(i) { return `Person ${i}`; },
  age: 28,
  admin: false,
  avatar: faker.internet.avatar
});

Getting started...

3. Writing a test

// tests/acceptance/users-test.js

test("I can view the users", function() {
  var users = server.createList('user', 3);

  visit('/users');

  andThen(function() {
    equal( find('li').length, 3 );
    equal( find('li:first').text(), users[0].name );
  });
});

Getting started...

4. Using in development

// app/mirage/scenarios/default.js

export default function(server) {
  server.createList('post', 10);

  var user = server.create('user', {name: 'Zelda'});
  server.createList('comment', 20, {user_id: user.id});
}

Questions?

Thanks!