тестирование событий просмотра backbone.js с помощью jasmine

вы шпионите за методом представления edit. это заменяет метод шпионским объектом, что означает, что фактический метод редактирования не будет вызываться. следовательно, вы @input.focus никогда не будете стрелять.

поскольку вы хотите, чтобы тест действительно вызывал ваш метод редактирования, я бы удалил для него шпиона.

примечание: не вызывайте методы expect в файле beforeEach. если вам действительно нужно установить для них ожидания, создайте для них блок it.

Я не очень хорошо разбираюсь в кофескрипте, поэтому могу что-то упустить, но где вы настраиваете своего шпиона?

Чтобы протестировать вызов событий, вам может потребоваться обновить события представления после настройки шпиона.

spyOn(view, 'edit');
view.delegateEvents();
target.trigger('dblclick');

it("should call edit when target is double clicked", function() {
  expect(view.edit).toHaveBeenCalled()
});

Проблема в том, что объект Backbone.View events использует делегирование событий. Чтобы события можно было назвать работой, элемент должен быть частью DOM, вы можете сделать это, выполнив что-то вроде $('body').append(someView.el) в вашем beforeEach. Лично я стараюсь не проверять, правильно ли Backbone устанавливает events и инициирует клики вручную, для модульных тестов более практично вызывать обработчики обратного вызова напрямую, полностью избегая DOM, что может сильно замедлить ваши тесты.

Для :focus та же проблема, в DOM должен быть элемент, чтобы jQuery мог определить, сфокусирован ли элемент. В этом случае лучше установить некоторое состояние как часть вашего компонента, а не проверять состояние с помощью запроса к DOM, например: someView.hasFocus === true. В качестве альтернативы вы можете следить за реализацией элементов focus и проверять, была ли она вызвана.

Я не писал свой тест на coffeescript, но у меня была та же проблема, поэтому я надеюсь, что вы простите меня за ответ на javadcript. В итоге я разбил ваш тест на два разных теста. Во-первых, я проверил, устанавливает ли вызов функции редактирования представления фокус на поле ввода. После этого я проверил, вызывается ли редактирование при двойном щелчке по метке, и еще не прошел этот тест. Но вот как я проверил, работает ли функция редактирования.

 describe ("A todo item view", function() {
    var my_model;
    var todo_view;

    beforeEach(function() {
       my_model = new Todo({content:"todo value", done:false});
       todo_view = new TodoView({model:my_model});
    });


   it("should set the focus on the input box when the edit function is called", function(){ 
        $('body').append( todo_view.$el ); //append the view to Specrunner.html
        todo_view.edit(); //call the view's edit function
        var focus= document.activeElement;  //finds what element on the page has focus
        expect(focus).toBe('.todo-input');  //jasmine-jquery matcher checks if focused element has the .todo-input class
});

Что-то, что может вызвать проблемы, заключается в том, что ваша модель и ваше представление объявлены внутри beforeEach. Объявление их внутри beforeEach означает, что они существуют только внутри области видимости beforeEach и больше не существуют, когда вы запускаете его.

Кроме того, делает ли setFixtures то, что вы думаете? Фокус не может быть установлен на элементе, который не является частью дерева DOM, поэтому я добавил el представления к телу самой спецификации jasmine. (Я использую спецификатор HTML, а не версию для командной строки). Это делает его частью дерева dom и, следовательно, позволяет ему иметь фокус, а также позволяет проверить, есть ли у него фокус.