problem with $httpBackend

Post.js

(function(){
  'use strict';

   angular.module('cth').factory('Post', ['$http', '$q', Post]); 

  function Post($http, $q){

    function getAll(){
      return $http.get('/api/posts.json').then(function(response){
        return response.data.posts;
      });

    }

    return {
      getAll: getAll
    };
  }
})();

PostSpec.js

describe 'Post', ->
  beforeEach(module('cth'))

  describe 'api calls', ->

    beforeEach inject ($injector) ->
      @service = $injector.get('Post')
      @$httpBackend = $injector.get('$httpBackend') 

    it "makes an ajax call to '/api/posts.json'", ->
      @$httpBackend.expectGET('/api/posts.json').respond({msg: "hello"})
      @service.getAll().then (data)->
        console.log(data)
      @$httpBackend.flush()

PostSpec2.js

describe 'Post', ->
  beforeEach(module('cth'))

  describe 'api calls', ->

    beforeEach inject ($injector) ->
      @service = $injector.get('Post')
      @$httpBackend = $injector.get('$httpBackend') 

    it "makes an ajax call to '/api/posts.json'", ->
      posts = {}
      @$httpBackend.whenGET('/api/posts.json').respond({msg: "hello"})
      @service.getAll().then (data)->
        posts = data
      @$httpBackend.flush()
      expect(posts.msg).toBe("Hello")