raty-js/__tests__/features/precision_spec.js

Raty - A Star Rating Plugin

describe('#precision', () => {
  jest.useFakeTimers();

  let testContext;

  beforeEach(() => {
    testContext = {};
  });

  beforeEach(() => {
    Helper.create('#el', 'div', { 'data-target': '#target' });
    testContext.target = Helper.create('#target');
  });

  it('enables the :half options', () => {
    // given
    Helper.create('#el', 'div', { 'data-target': '#target' });

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

    // when
    raty.init();

    // then
    expect(raty.opt.half).toEqual(true);
  });

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

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

    // when
    raty.init();

    // then
    expect(raty.opt.precision).toEqual(true);
  });

  context('with :target', function () {
    context('and :targetKeep', function () {
      context('and :targetType as score', function () {
        context('on :score', function () {
          it('sets the float with one fractional number', () => {
            // given
            var raty = new Raty(document.querySelector('#el'), {
              precision: true,
              score: 1.2,
              targetKeep: true,
              targetType: 'score',
              target: function () {
                return this.getAttribute('data-target');
              },
            });

            // when
            raty.init();

            // then
            expect(testContext.target.innerHTML).toEqual('1.2');
          });
        });

        context('on mouseover', function () {
          it('sets the float with one fractional number', (done) => {
            // given
            var raty = new Raty(document.querySelector('#el'), {
              precision: true,
              targetKeep: true,
              targetType: 'score',
              target: function () {
                return this.getAttribute('data-target');
              },
            }).init();

            setTimeout(function () {
              // when
              raty.move(1.23);

              // then
              expect(testContext.target.innerHTML).toEqual('1.2');

              done();
            }, 100);

            jest.runAllTimers();
          });
        });
      });

      context('and :targetType as hint', function () {
        context('on :score', function () {
          context('with one float digit', function () {
            it('gets the [integer][float] position of :hints', () => {
              // given
              var raty = new Raty(document.querySelector('#el'), {
                hints: ['first', ['second']],
                precision: true,
                score: 1.1,
                targetKeep: true,
                targetType: 'hint',
                target: function () {
                  return this.getAttribute('data-target');
                },
              });

              // when
              raty.init();

              // then
              expect(testContext.target.innerHTML).toEqual('second');
            });
          });

          context('with integer digit is zero', function () {
            it('gets the [integer][last item] position of :hints', () => {
              // given
              var raty = new Raty(document.querySelector('#el'), {
                hints: ['first', 'second'],
                precision: true,
                score: 0,
                targetKeep: true,
                targetType: 'hint',
                target: function () {
                  return this.getAttribute('data-target');
                },
              });

              // when
              raty.init();

              // then
              expect(testContext.target.innerHTML).toEqual('first');
            });
          });

          context('with float digit is zero', function () {
            it('gets the [integer][last item] position of :hints', () => {
              // given
              var raty = new Raty(document.querySelector('#el'), {
                hints: ['first', 'second'],
                precision: true,
                score: 1.0,
                targetKeep: true,
                targetType: 'hint',
                target: function () {
                  return this.getAttribute('data-target');
                },
              });

              // when
              raty.init();

              // then
              expect(testContext.target.innerHTML).toEqual('first');
            });
          });

          context('with one float digit as string', function () {
            it('gets the [integer][float.fixed(1) without decimates] position of :hints', () => {
              // given
              var raty = new Raty(document.querySelector('#el'), {
                hints: ['first', ['second']],
                precision: true,
                score: '1.1',
                targetKeep: true,
                targetType: 'hint',
                target: function () {
                  return this.getAttribute('data-target');
                },
              });

              // when
              raty.init();

              // then
              expect(testContext.target.innerHTML).toEqual('second');
            });
          });

          context('with two float digits', function () {
            it('gets the [integer][float.fixed(1) without decimates] position of :hints', () => {
              // given
              var raty = new Raty(document.querySelector('#el'), {
                hints: ['first', ['second']],
                precision: true,
                score: 1.19,
                targetKeep: true,
                targetType: 'hint',
                target: function () {
                  return this.getAttribute('data-target');
                },
              });

              // when
              raty.init();

              // then
              expect(testContext.target.innerHTML).toEqual('second');
            });
          });

          context('with two float digits as string', function () {
            it('gets the [integer][float.fixed(1) without decimates] position of :hints', () => {
              // given
              var raty = new Raty(document.querySelector('#el'), {
                hints: ['first', ['second']],
                precision: true,
                score: '1.19',
                targetKeep: true,
                targetType: 'hint',
                target: function () {
                  return this.getAttribute('data-target');
                },
              });

              // when
              raty.init();

              // then
              expect(testContext.target.innerHTML).toEqual('second');
            });
          });
        });

        context('on mouseover', function () {
          context('with one float digit', function () {
            it('gets the [integer][float.fixed(1) without decimates] position of :hints', (done) => {
              // given
              var raty = new Raty(document.querySelector('#el'), {
                hints: ['first', ['second']],
                precision: true,
                targetKeep: true,
                targetType: 'hint',
                target: function () {
                  return this.getAttribute('data-target');
                },
              }).init();

              setTimeout(function () {
                // when
                raty.move(1.1);

                // then
                expect(testContext.target.innerHTML).toEqual('second');

                done();
              }, 100);

              jest.runAllTimers();
            });
          });

          context('with two float digits', function () {
            it('gets the [integer][float.fixed(1) without decimates] position of :hints', (done) => {
              // given
              var raty = new Raty(document.querySelector('#el'), {
                hints: ['first', ['second']],
                precision: true,
                targetKeep: true,
                targetType: 'hint',
                target: function () {
                  return this.getAttribute('data-target');
                },
              }).init();

              setTimeout(function () {
                // when
                raty.move(1.19);

                // then
                expect(testContext.target.innerHTML).toEqual('second');

                done();
              }, 100);

              jest.runAllTimers();
            });
          });
        });

        context('with :cancel', function () {
          it('shows :cancelHint', () => {
            // given
            var raty = new Raty(document.querySelector('#el'), {
              cancelButton: true,
              precision: true,
              targetKeep: true,
              targetType: 'hint',
              target: function () {
                return this.getAttribute('data-target');
              },
            }).init();

            var cancel = raty.element.querySelector('img');

            // when
            Helper.trigger(cancel, 'mouseover');

            // then
            expect(testContext.target).toContainHTML(raty.opt.cancelHint);
          });
        });
      });
    });
  });
});