Интеграция Jasmine в Rails для надежного тестирования JavaScript

спецификации / JavaScripts / jasmine_examples / PlayerSpec.js

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

Рельсы UJS

Rails UJS может быть сложно протестировать, потому что ответ может быть в любом формате, например, JavaScript, JSON или HTML. Независимо от формата ответа, вы все равно можете тестировать Rails UJS, используя Jasmine.

Есть 3 части, которые нужно идентифицировать:
— Ссылка UJS.
— Ответ.
— побочный эффект.

Как только вы определили вышеуказанные требования, вы можете создать фиктивный ответ, вызвать UJS и заявить о побочном эффекте. Например, следующий код тестирует ссылку UJS, которая удаляет элемент DOM со страницы:

 it("removes the associated element", function(){
  var response = { status: 200 };
  $('a.remove#123').trigger('ajax:success', response, 'xhr');
  expect($('li#123')).toEqual([]);
});

Из приведенного выше примера, запуск ссылки UJS может быть выполнен с использованием ajax:success Списки завершенных событий, которые могут быть вызваны, можно увидеть в документации по Rails UJS .

Плагины

Иногда вам нужны инструменты, которые помогут повысить вашу производительность. Этот раздел служит кратким введением для некоторых плагинов, созданных сообществом. Для более подробной информации о каждом плагине, посетите официальный репозиторий плагинов.

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

 mkdir spec/javascripts/plugins/

А внутри jasmine.yml добавьте вышеуказанную папку в раздел helpers

 helpers:
  - 'plugins/**/*.js'

Жасмин-Jquery

jasmine-jquery предоставляет сопоставления jQuery в Jasmine. Это средство сопоставления предоставляет множество удобных средств сопоставления, связанных с jQuery, что позволяет повысить производительность тестирования. Загрузите последнюю версию плагина
здесь

Взгляните на следующий пример:

 expect($('<div>some text</div>')).toHaveText(/some/)

Как и со стандартными сопоставителями Jasmine, вы также можете инвертировать его, используя префикс .not

 expect($('<div>some text</div>')).not.toHaveText(/other/)

Жасмин-Matchers

Jasmine-Matchers — это инструмент для предоставления дополнительных сопоставителей в Jasmine. Кроме того, он также предоставляет более дружественное сообщение об ошибке ожидания по сравнению со стандартным. Загрузите последнюю версию плагина здесь .

В следующем тесте используются сопоставители по умолчанию для Jasmine:

 it('should distribute evenly', function() {
  expect(basket.items % 2 === 0).toEqual(true);
});

И это печатает следующее сообщение об ошибке:

 Expected false to equal true

Используя jasmine-matchers, тест выглядит так:

 it('should distribute evenly', function() {
  expect(basket).toHaveEvenNumber('items');
});

С более дружелюбным сообщением об ошибке:

 Expected member "items" of { items : 25 } to be even number.

Жасмин-Крепеж

Jasmine-Fixture — это плагин, который обеспечивает создание DOM с помощью CSS-селекторов, поэтому вы можете гораздо проще взаимодействовать с DOM. Это также поможет вам избежать загрязнения теста, удаляя DOM, созданный плагином после каждого запуска теста. Загрузите последнюю версию плагина здесь .

Если вы не используете jasmine-fixture, вы можете сделать это для взаимодействия с DOM:

 beforeEach(function(){
  $('<div id="toddler"><div class="hidden toy"><input name="toyName" value="cuddle bunny"></div></div>').appendTo('body');
});

afterEach(function(){
  $('#toddler').remove()
});

Используя jasmine-fixture, вам просто нужно сделать это:

 beforeEach(function(){
  affix('#toddler .hidden.toy input[name="toyName"][value="cuddle bunny"]')
});

Вывод

Интеграция Jasmine в приложение Rails включена с помощью jasmine-gem. Функции, предоставляемые гемом, дают гибкость в том, как запускать тесты, либо из браузера, либо в виде опции непрерывной интеграции. Jasmine также можно настроить в соответствии с вашими потребностями, такими как выполнение тестового поведения и настройка плагинов. Использование плагинов, таких как jasmine-jquery, jasmine-matchers и jasmine-fixtures, поможет повысить эффективность тестирования JavaScript.