raty-js/__tests__/features/score_spec.js

Raty - A Star Rating Plugin

describe('#score', () => {
  it('can be initialized on bind', () => {
    // given
    Helper.create('#el');

    var raty = new Raty(document.querySelector('#el'), { score: 1 });

    // when
    raty.init();

    // then
    expect(raty.element.querySelector('input').value).toEqual('1');
  });

  it('turns on stars', () => {
    // given
    Helper.create('#el');

    var raty = new Raty(document.querySelector('#el'), { score: 5 });

    // when
    raty.init();

    // then
    expect(Helper.extension(raty.element.querySelector('img').src)).toEqual('star-on.png');
  });

  it('accepts callback return and has the correct arguments', () => {
    // given
    Helper.create('#el');

    var raty = new Raty(document.querySelector('#el'), {
      score: function (element) {
        this._this = this;
        this._element = element;

        return 1;
      },
    });

    // when
    raty.init();

    // then
    expect(raty.opt.score).toEqual(1);
    expect(raty._this).toBe(raty);
    expect(raty._element).toEqual(document.querySelector('#el'));
  });

  it('accepts data attribute', () => {
    // given
    Helper._append('div', { 'data-score': 3 });

    // when
    var raty = new Raty(document.querySelector('[data-score]'));

    // then
    expect(raty.opt.score).toEqual(3);
  });

  context('with negative number', function () {
    it('does not set the score', () => {
      // given
      Helper.create('#el');

      var raty = new Raty(document.querySelector('#el'), { score: -1 });

      // when
      raty.init();

      // then
      expect(raty.element.querySelector('input').value).toEqual('');
    });
  });

  context('with :readOnly', function () {
    it('becomes readOnly too', () => {
      // given
      Helper.create('#el');

      var raty = new Raty(document.querySelector('#el'), { readOnly: true });

      // when
      raty.init();

      // then
      expect(raty.element.querySelector('input').readOnly).toEqual(true);
    });
  });

  context('with value greater then numbers', function () {
    it('receives the number of star as value', () => {
      // given
      Helper.create('#el');

      var raty = new Raty(document.querySelector('#el'), { score: 100 });

      // when
      raty.init();

      // then
      expect(raty.opt.score).toEqual(raty.opt.number);
    });
  });
});