Плагин jQuery: как мне проверить конфигурацию моего плагина с помощью qunit? - PullRequest
Новая
       9

Плагин jQuery: как мне проверить конфигурацию моего плагина с помощью qunit?

3 голосов
/ 25 ноября 2010

Я пытаюсь qunit при написании плагина jQuery, и мне было интересно, как я могу проверить следующее: 

(function($){

    $.fn.myPlugin = function(options){
        var defaults = {
            foo: function(){
                return 'bar';
            }
        };

        options = $.extend(defaults, options);

        return this.each(function(){ ... });
    };

})(jQuery);

Это простая версия моего теста qunit: 

module('MyPlugin: Configuration');

test('Can overwrite foo', function(){
    var mockFoo = function(){ 
        return 'no bar';
    };

    //equals(notsure.myPlugin({ foo: mockFoo }, 'no bar', 'Overwriting failed');
});

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

1 Ответ

5 голосов
/ 30 ноября 2010

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

Здесь вы можете найти весь пост в блоге:объектно-ориентированный плагин jquery .

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

(function($){
   var MyPlugin = function(element, options)
   {
       var elem = $(element);
       var obj = this;
       var settings = $.extend({
           param: 'defaultValue'
       }, options || {});

       // Public method - can be called from client code
       this.publicMethod = function()
       {
           console.log('public method called!');
       };

       // Private method - can only be called from within this object
       var privateMethod = function()
       {
           console.log('private method called!');
       };
   };

   $.fn.myplugin = function(options)
   {
       return this.each(function()
       {
           var element = $(this);

           // Return early if this element already has a plugin instance
           if (element.data('myplugin')) return;

           // pass options to plugin constructor
           var myplugin = new MyPlugin(this, options);

           // Store plugin object in this element's data
           element.data('myplugin', myplugin);
       });
   };
})(jQuery);
...