你如何測試你的emberjs路線？

Question

經過幾個月沒有看到emberjs，我現在試圖回到它，因此我正在嘗試新的路由器。我想測試我的路線。

有沒有人試圖用emberjs寫一些路由測試？

讓我們假設非常基本的路由器如下：

App.Router = Ember.Router.extend({ 
    root: Ember.Route.extend({ 
    index: Ember.Route.extend({ 
     route: '/', 
     connectOutlets: function(router, context) { 
     router.get('applicationController').connectOutlet({name: 'home'}); 
     } 
    }) 
    }) 
}) 

你怎麼測試正確加載root.index路線加載HomeView？

Answer 1

這裏是灰燼如何已經測試了connectOutlet爲您提供：

https://github.com/emberjs/ember.js/blob/master/packages/ember-views/tests/system/controller_test.js

test("connectOutlet instantiates a view, controller, and connects them", function() { 
    var postController = Ember.Controller.create(); 

    var appController = TestApp.ApplicationController.create({ 
    controllers: { postController: postController }, 
    namespace: { PostView: TestApp.PostView } 
    }); 
    var view = appController.connectOutlet('post'); 

    ok(view instanceof TestApp.PostView, "the view is an instance of PostView"); 
    equal(view.get('controller'), postController, "the controller is looked up on the parent's controllers hash"); 
    equal(appController.get('view'), view, "the app controller's view is set"); 
}); 

其他路由相關的測試可以在https://github.com/emberjs/ember.js/tree/master/packages/ember-routing/tests

Answer 2

以下是完整的測試，使用Jasmine & Sinon：

代碼：

describe("Given the Router", function(){ 

    var router = null; 

    beforeEach(function(){ 
     router = Router.create(); 
    }); 

    afterEach(function(){ 
     router = null; 
    }); 

    it("Should be defined", function(){ 
     expect(router).toBeDefined(); 
    }); 

    it("Should have an root route", function(){ 
     expect(router.get("root")).toBeDefined(); 
    }); 

    describe("its root route", function(){ 
     var root = null; 
     beforeEach(function(){ 
      root = router.get("root").create(); 
     }); 

     afterEach(function(){ 
      root = null; 
     }); 

     it("should have an index route", function(){ 
      expect(root.get("index")).toBeDefined(); 
     }); 

     describe("its index route", function(){ 
      var indexRoute = null; 
      beforeEach(function(){ 
       indexRoute = root.get("index").create(); 
      }); 

      it ("should have route of /", function(){ 
       expect(indexRoute.get("route")).toEqual("/"); 
      }); 

      it ("should connect the outlets to home", function(){ 

       var fakeRouter = Em.Object.create({applicationController: {connectOutlet: function(){} } }); 

       var connectOutletSpy = sinon.spy(fakeRouter.applicationController, "connectOutlet"); 

       var methodCall = connectOutletSpy.withArgs({name:"home"}); 

       indexRoute.connectOutlets(fakeRouter); 

       expect(methodCall.calledOnce).toBeTruthy(); 
      }); 
     }); 
    }); 
}); 

希望它能幫助。