编程语言
首页 > 编程语言> > javascript-如果所有方法都是私有的,如何测试jQuery插件?

javascript-如果所有方法都是私有的,如何测试jQuery插件?

作者:互联网

这是一个简单的jQuery插件的示例:

它需要一个元素,如果是div则设置一个宽度

;(function ($, window, document, undefined) {
  var pluginName= 'changeDivWidth',
      defaults = {
        width: '50%'
      };

  function Plugin (element, options) {
    this.element = element;
    this.options = $.extend( {}, defaults, options );
    this._defaults = defaults;
    this._name = pluginName;
    this.init();
  }

  Plugin.prototype = {
    init: function () {
      if(this.isDiv()) {
        this.changeWidth();
      }
    },
    isDiv: function () {
      if (this.element.nodeName === 'DIV') {
        return true;
      }
      return false;
    },
    changeWidth: functioon () {
      $(this.element).css('width', this.options.width);
    }
  };

  $.fn[ pluginName ] = function ( options ) {
    return this.each(function() {
      if ( !$.data( this, "plugin_" + pluginName ) ) {
        $.data( this, "plugin_" + pluginName, new Plugin( this, options ) );
      }
    });
  };
}(jQuery, window, document));

我将如何测试这个jQuery插件?

我的第一个反应是我想对Plugin.prototype的每个方法进行单元测试,但是它们是私有的,“您不应该测试私有方法”.因此,我唯一可以看到的其他选择是运行一堆集成测试,在不同情况下调用该插件,然后查看输出是什么.

所以说我想测试我的两个私有方法:

describe('changeDivWidth', function () {
  beforeEach(function () {
    loadFixtures('myFixtures.html');
  });

  it('should not change width of non-DIV elements', function () {
    var span = $('span').changeDivWidth({width: '30px'}).get(0);
    expect($(span).width()).not.toBe(30);
  });

  it('should change width of DIV elements', function () {
    var div = $('div').changeDivWidth({width: '30px'}).get(0);
    expect($(div).width()).toBe(30);
  });

});

太好了,这似乎可以正常工作…除非,如果Plugin.prototype.isDiv总是以false的方式失败,那么Plugin.prototype.changeWidth的测试也将失败.所以现在我有一个失败的方法,但是有两个失败的测试,这意味着我不知道问题出在哪里.显然,在这么小的事情上没什么大不了的,但是在更大的项目上,我可以看到这变得很痛苦.

那我在这里想念什么吗?有没有更好的方法来进行测试?

我想我可以命令测试以与测试方法相同的顺序运行,但是随着项目的复杂性不断增长,我可能会觉得这很难维护.

很抱歉这个长期的问题.我不确定如果没有例子怎么问.

附言我知道我的测试并没有真正坚持,只是被认为是一个过于简单的例子.

解决方法:

我认为,请勿测试私有方法.您应该针对公共接口进行测试,以确保其可以正常工作,而不必担心内部结构,因为它们是私有的,因此它们应该能够自由更改.

关于小型项目还是大型项目:随着项目的扩大,应该分解项目中的组件,以使代码保持可维护性.因此,诸如isDiv之类的功能可能会放入实用程序类/对象中,该实用程序类/对象可以在许多对象中使用,而不是在许多不同的类中具有很多副本.像这样分开时,该功能将在公共接口中公开,因此可以测试.

查看:https://softwareengineering.stackexchange.com/questions/100959/how-do-you-unit-test-private-methods

标签:jasmine-jquery,jasmine,javascript,jquery
来源: https://codeday.me/bug/20191121/2053362.html