raty-js/spec/lib/helper.js

Raty - A Star Rating Plugin

function context(description, spec) { // eslint-disable-line no-redeclare, no-unused-vars
  describe(description, spec);
}

afterEach(function() {
  $.raty.path = undefined;
});

var Helper = { // eslint-disable-line no-redeclare, no-unused-vars
  _append: function(type, attrs) {
    return $('<' + type + '/>', attrs).appendTo('body');
  },

  _attrs: function(data, options) {
    var attrs = options || {};

    if (data.prefix === '#') {
      attrs.id = data.id;
    } else {
      attrs['class'] = data.id;
    }

    return attrs;
  },

  _select: function() {
    return '' +
      '<option value="Cancel this rating!">cancel hint default</option>' +
      '<option value="cancel-hint-custom">cancel hint custom</option>' +

      '<option value="">cancel number default</option>' +
      '<option value="0">cancel number custom</option>' +

      '<option value="bad">bad hint imutable</option>' +
      '<option value="1">bad number imutable</option>' +

      '<option value="targetText">targetText is setted without targetKeep</option>' +

      '<option value="gorgeous">targetFormat</option>';
  },

  _save: function(id) {
    var data = { prefix: id.charAt(0), id: id.slice(1) };

    this.ids = this.ids || [];

    this.ids.push(id);

    return data;
  },

  clear: function() {
    if (this.ids) {
      for (var i = 0; i < this.ids.length; i++) {
        $(this.ids[i]).remove();
      }
    }
  },

  create: function(id, type, options) {
    type = type || 'div';

    var data  = this._save(id);
    var attrs = this._attrs(data, options);

    return this._append(type, attrs);
  },

  click: function(el, integer, decimal) {
    this.mouseTrigger('mousemove', el, integer, decimal);
    this.mouseTrigger('click', el, integer, decimal);
  },

  mouseData: function(el, integer, decimal) {
    var stars    = el.children('img:not(.raty-cancel)');
    var star     = stars.eq(integer);
    var width    = star[0].width || parseFloat(star.css('font-size'));
    var fraction = width / 10;
    var left     = star.offset().left;
    var pageX    = left + fraction * decimal + 0.1;

    // if (console && console.log) {
    //   console.debug(integer + '.' + decimal, ':', 'left:', left, 'width:', width, 'fraction (width/10):', fraction, 'pageX:', pageX, 'fractions (decimal * fraction)', decimal * fraction);
    // }

    return { el: star, pageX: pageX };
  },

  mouseTrigger: function(action, el, integer, decimal) {
    var
      data  = this.mouseData(el, integer, decimal);
    var evt   = $.Event(action, { pageX: data.pageX });

    data.el.trigger(evt);
  },

  mousemove: function(el, integer, decimal) {
    this.mouseTrigger('mousemove', el, integer, decimal);
  },

  target: function(id, type, options) {
    type = type || 'div';

    var data  = this._save(id);
    var attrs = this._attrs(data, options);

    if (type === 'select') {
      attrs.html = this._select();
    }

    return this._append(type, attrs);
  }
};