Mocking и stubbing

В разработке на Backbone.js тестирование компонентов играет критическую роль, особенно при построении масштабируемых приложений. Mocking и stubbing являются ключевыми техниками, позволяющими изолировать модули и проверять их поведение без зависимости от реальных сервисов, коллекций или серверных API.

Основы Mocking

Mocking подразумевает создание имитации объекта или функции с заранее заданным поведением для проверки того, как система взаимодействует с этим объектом. В контексте Backbone.js чаще всего создаются моки для:

Models – проверка изменений атрибутов, вызова методов save и fetch.
Collections – тестирование добавления, удаления и синхронизации моделей.
Views – контроль рендеринга и реакции на события модели или коллекции.

Пример мока модели:

var MockModel = Backbone.Model.extend({
  save: function(attrs, options) {
    this.set(attrs);
    if (options && options.success) {
      options.success(this);
    }
  }
});

var model = new MockModel({name: 'Test'});
model.save({name: 'UPDATEd'}, {
  success: function(updatedModel) {
    console.log(updatedModel.get('name')); // 'Updated'
  }
});

В этом примере метод save имитирует сохранение модели и вызывает success callback без реального запроса на сервер.

Основы Stubbing

Stubbing используется для подмены функций с целью контроля их возвращаемых значений. В отличие от мока, который проверяет взаимодействие, стаб чаще применяется для изоляции от внешних зависимостей и получения предсказуемых результатов.

Пример стаба функции fetch коллекции:

var collection = new Backbone.Collection();

collection.fetch = function(options) {
  if (options && options.success) {
    options.success([{id: 1, name: 'Item1'}, {id: 2, name: 'Item2'}]);
  }
};

collection.fetch({
  success: function(models) {
    console.log(collection.length); // 2
  }
});

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

Использование Mocking и Stubbing в тестах

Backbone.js тесно интегрируется с библиотеками для тестирования, такими как Sinon.js и Jasmine, которые предоставляют удобные инструменты для создания моков и стабов.

Пример с Sinon.js для мока метода модели:

var model = new Backbone.Model({name: 'Alice'});
var saveStub = sinon.stub(model, 'save').callsFake(function(attrs, options) {
  this.se t(attrs);
  if (options && options.success) options.success(this);
});

model.save({name: 'Bob'}, {
  success: function(UPDATEdModel) {
    console.log(updatedModel.get('name')); // 'Bob'
  }
});

console.log(saveStub.calledOnce); // true

С помощью sinon.stub можно точно контролировать вызовы метода и проверять количество вызовов, переданные параметры и результат.

Mocking событий

Backbone.js использует систему событий для связи между моделями, коллекциями и представлениями. Моки и стабы применяются также для тестирования событий:

var model = new Backbone.Model();
var changeSpy = sinon.spy();

model.on('change:name', changeSpy);
model.se t({name: 'Charlie'});

console.log(changeSpy.calledOnce); // true

Spy позволяет наблюдать за событиями без изменения их поведения. Комбинация spy и stub обеспечивает гибкость в тестировании реакций системы на события.

Изоляция сетевых запросов

Mocking и stubbing особенно полезны для подмены Backbone.sync — метода, который отвечает за взаимодействие с сервером.

sinon.stub(Backbone, 'sync').callsFake(function(method, model, options) {
  if (options && options.success) {
    options.success({id: 1, name: 'Mocked'});
  }
});

var model = new Backbone.Model();
model.fetch({
  success: function(data) {
    console.log(model.get('name')); // 'Mocked'
  }
});

Это позволяет полностью контролировать сетевые взаимодействия и тестировать логику приложения без реального сервера.