0

我有一个 requireJS 设置,其中有一个“imageGallery”模块,用于侦听和处理“.gallery”元素上的点击事件。这反过来使用插件“magnificPopup”打开基于单击元素的图像库。

我想用 Jasmine 对此进行测试;那就是我想测试是否调用了单击事件并且 magnificPopup 的 html 在 dom 中 - 证明单击事件是成功的。

我当前的点击测试使用“waitsFor”,但这总是失败。关于如何实现这一目标的任何想法?

图片库模块

define(

    ['jquery', 'magnificPopup'],

    function($, magnificPopup) {

    return {

        init: function() {

            $('body').on('click', '.gallery', function(e) {
                e.preventDefault();

            //code to generate  items...

            $.magnificPopup.open({
                items: items,
                gallery: { enabled: true }
            });         


            });

        }
    }
})

图片库 茉莉花测试

define(['imageGallery'],

    function(imageGallery) {

        jasmine.getFixtures().fixturesPath = '/';

        describe('Image Galleries', function() {

            beforeEach(function(){
                loadFixtures('/path-to-my-fixture');
                spyOn(imageGallery, 'init');
                imageGallery.init();
            });

            it('Should be defined', function() {
                expect(imageGallery).not.toBe(null);
            });            

            it('Should be initialised via imageGallery.init()', function() {
                expect(imageGallery.init).toHaveBeenCalled();                
            });                       

            //fails
            it('Should open a modal after a .gallery element is clicked', function() {                 

                $('.gallery').click();

                waitsFor(function() {
                   return ($('body').find('.mfp-ready').length > 0)
                }, '.gallery to be clicked', 500);

            });



        });

    }

);
4

0 回答 0