Как выполнить интеграционное тестирование Ember для переходов маршрутов?

Я только что выложил пример приложения, которое выполняет простой переход, когда вы нажимаете маршрут «/» с помощью ember.js RC5.

https://github.com/toranb/ember-testing-example

Простой пример «hello world» выглядит так

1.) шаблон, на который вы перенаправляетесь во время перехода

<table>
{{#each person in controller}}
<tr>
  <td class="name">{{person.fullName}}</td>
  <td><input type="submit" class="delete" value="delete" {{action deletePerson person}} /></td>
</tr>
{{/each}}
</table>

2.) код приложения ember.js

App = Ember.Application.create();

App.Router.map(function() {
    this.resource("other", { path: "/" });
    this.resource("people", { path: "/people" });
});

App.OtherRoute = Ember.Route.extend({
    redirect: function() {
        this.transitionTo('people');
    }
});

App.PeopleRoute = Ember.Route.extend({
    model: function() {
        return App.Person.find();
    }
});

App.Person = Ember.Object.extend({
    firstName: '',
    lastName: ''
});

App.Person.reopenClass({
    people: [],
    find: function() {
        var self = this;
        $.getJSON('/api/people', function(response) {
            response.forEach(function(hash) {
                var person = App.Person.create(hash);
                Ember.run(self.people, self.people.pushObject, person);
            });
        }, this);
        return this.people;
    }
});

3.) интеграционный тест выглядит так

module('integration tests', {
    setup: function() {
        App.reset();
        App.Person.people = [];
    },
    teardown: function() {
        $.mockjaxClear();
    }
});

test('ajax response with 2 people yields table with 2 rows', function() {
    var json = [{firstName: "x", lastName: "y"}, {firstName: "h", lastName: "z"}];
    stubEndpointForHttpRequest('/api/people', json);
    visit("/").then(function() {
        var rows = find("table tr").length;
        equal(rows, 2, rows);
    });
});

4.) помощник по интеграции, который я использую в большинстве своих проектов ember.js

document.write('<div id="foo"><div id="ember-testing"></div></div>');

Ember.testing = true;

App.rootElement = '#ember-testing';
App.setupForTesting();
App.injectTestHelpers();

function exists(selector) {
    return !!find(selector).length;
}

function stubEndpointForHttpRequest(url, json) {
    $.mockjax({
        url: url,
        dataType: 'json',
        responseText: json
    });
}

$.mockjaxSettings.logging = false;
$.mockjaxSettings.responseTime = 0;

Я не знаком с Karma, но части вашего теста, которые должны взаимодействовать с ember, должны быть помещены в цикл выполнения (как вы упомянули)

Ember.run.next(function(){
  //do somethin
  transition stuff here etc
});

Чтобы проверить текущий маршрут, вы можете украсть информацию из уголька, вот некоторая информация, которую я украл из переполнения стека в какой-то момент.

var router = App.__container__.lookup("router:main"); //get the main router
var currentHandlerInfos = router.router.currentHandlerInfos; //get all handlers
var activeHandler = currentHandlerInfos[currentHandlerInfos.length - 1]; // get active handler
var activeRoute = activeHandler.handler; // active route

Если вы начнете тестировать контроллеры, я написал некоторую информацию об этом http://discuss.emberjs.com/t/unit-testing-multiple-controllers-in-emberjs/1865