jquery의 재 스민 코드

Question

나는 재스민 테스트에서 매우 새로운 사람이다. 나는 단지 toEqual, toBe 등의 간단한 cmd를 설치하는 방법 만 알고 있습니다.하지만 jasmine에서이 jquery에 대한 테스트 코드를 작성하는 방법은 잘 모릅니다.

if ($('.products').length > 0) { 
    $('a[data-toggle="pill"]').on('shown', function (e) { 
    var elem = $(e.target).attr('href'); 
    elem = elem.replace('#', ''); 
    var obj = $('.products').siblings('.hero'); 
    $('.prod-title,.prod-subtitle').removeClass('active'); 
    $('.' + elem, obj).addClass('active'); 
    }); 
} 

이 프로그램에 대한 테스트 코드를 작성하는 방법은 무엇이 있습니까? 답변 주셔서 감사합니다. 모든 시험의

Answer 1

먼저 당신이 https://github.com/velesin/jasmine-jquery 사용해야하므로 DOM 상호 작용을 포함 - 재 스민 - JQuery와 플러그인, 그것은 고정 루틴 및 DOM과 같은 toBeVisible, toBeHidden 등 정합 JQuery와의 무리가 있습니다.

다음 당신은 당신의 if이 true 수 할 수있는 조건을 만들어야합니다

또한

describe("We have at least one product", function() { 

    beforeEach(function() { 
    loadFixtures('several-products-fixture.html');   
    }); 

    it("should do some stuff in this example", function() { 
    var $target = $('a[data-toggle="pill"]'); 
    $target.trigger('shown'); 

    var elem = $target.attr('href').replace('#', ''); 
    var obj = $('.products').siblings('.hero'); 

    expect($('.prod-title,.prod-subtitle')).not.toHaveClass('active'); 
    expect($('.' + elem, obj)).toHaveClass('active'); 
    }); 
}); 

// Next context 
describe("We have not any product", function() { 
    ... 
}); 

당신이 github에 내 jQuery 플러그인을 볼 수는 재스민과 비품 테스트 : https://github.com/belogub/searchin