/* global VideoUtils */
'use strict';

requireApp('/video/js/video_utils.js');

 suite('Video Utils Unit Tests', function() {

 suite('#fitContiner tests - 4:3 video fit HVGA', function() {
    test('fit 640x480 to HVGA, 0deg', function() {
      var testPlayer = {videoWidth: 640, videoHeight: 480, style: {}};
      VideoUtils.fitContainer({clientWidth: 320, clientHeight: 480},
                             testPlayer, 0);
      assert.equal(testPlayer.style.transform,
                   'translate(0.0000px,120.0000px) scale(0.5000)');
    });

    test('fit 640x480 to HVGA, 90deg', function() {
      var testPlayer = {videoWidth: 640, videoHeight: 480, style: {}};
      VideoUtils.fitContainer({clientWidth: 320, clientHeight: 480},
                             testPlayer, 90);
      assert.equal(testPlayer.style.transform,
            'translate(320.0000px,26.6667px) rotate(90deg) scale(0.6667)');
    });

    test('fit 640x480 to HVGA, 180deg', function() {
      var testPlayer = {videoWidth: 640, videoHeight: 480, style: {}};
      VideoUtils.fitContainer({clientWidth: 320, clientHeight: 480},
                             testPlayer, 180);
      assert.equal(testPlayer.style.transform,
          'translate(320.0000px,360.0000px) rotate(180deg) scale(0.5000)');
    });

    test('fit 640x480 to HVGA, 270deg', function() {
      var testPlayer = {videoWidth: 640, videoHeight: 480, style: {}};
      VideoUtils.fitContainer({clientWidth: 320, clientHeight: 480},
                             testPlayer, 270);
      assert.equal(testPlayer.style.transform,
            'translate(0.0000px,453.3333px) rotate(270deg) scale(0.6667)');
    });

    test('fit 640x480 to HVGA landscape, 0deg', function() {
      var testPlayer = {videoWidth: 640, videoHeight: 480, style: {}};
      VideoUtils.fitContainer({clientWidth: 480, clientHeight: 320},
                             testPlayer, 0);
      assert.equal(testPlayer.style.transform,
                   'translate(26.6667px,0.0000px) scale(0.6667)');
    });

    test('fit 640x480 to HVGA landscape, 90deg', function() {
      var testPlayer = {videoWidth: 640, videoHeight: 480, style: {}};
      VideoUtils.fitContainer({clientWidth: 480, clientHeight: 320},
                             testPlayer, 90);
      assert.equal(testPlayer.style.transform,
                  'translate(360.0000px,0.0000px) rotate(90deg) scale(0.5000)');
    });

    test('fit 320x240 to HVGA, 0deg, no scale', function() {
      var testPlayer = {videoWidth: 320, videoHeight: 240, style: {}};
      VideoUtils.fitContainer({clientWidth: 320, clientHeight: 480},
                             testPlayer, 0);
      assert.equal(testPlayer.style.transform,
            'translate(0.0000px,120.0000px) scale(1.0000)');
    });

    test('fit 240x180 to HVGA, 0deg, scale up', function() {
      var testPlayer = {videoWidth: 240, videoHeight: 180, style: {}};
      VideoUtils.fitContainer({clientWidth: 320, clientHeight: 480},
                             testPlayer, 0);
      assert.equal(testPlayer.style.transform,
            'translate(0.0000px,120.0000px) scale(1.3333)');
    });

    test('fit 320x480 to HVGA, 0deg, 100% fit', function() {
      var testPlayer = {videoWidth: 320, videoHeight: 480, style: {}};
      VideoUtils.fitContainer({clientWidth: 320, clientHeight: 480},
                             testPlayer, 0);
      assert.equal(testPlayer.style.transform,
            'translate(0.0000px,0.0000px) scale(1.0000)');
    });
  });

  suite('#fitContiner tests - 16:9 video fit HVGA', function() {
    test('fit 720p to HVGA, 0deg', function() {
      var testPlayer = {videoWidth: 1280, videoHeight: 720, style: {}};
      VideoUtils.fitContainer({clientWidth: 320, clientHeight: 480},
                             testPlayer, 0);
      assert.equal(testPlayer.style.transform,
                   'translate(0.0000px,150.0000px) scale(0.2500)');
    });

    test('fit 720p to HVGA, 90deg', function() {
      var testPlayer = {videoWidth: 1280, videoHeight: 720, style: {}};
      VideoUtils.fitContainer({clientWidth: 320, clientHeight: 480},
                             testPlayer, 90);
      assert.equal(testPlayer.style.transform,
            'translate(295.0000px,0.0000px) rotate(90deg) scale(0.3750)');
    });

    test('fit 720p to HVGA, 180deg', function() {
      var testPlayer = {videoWidth: 1280, videoHeight: 720, style: {}};
      VideoUtils.fitContainer({clientWidth: 320, clientHeight: 480},
                             testPlayer, 180);
      assert.equal(testPlayer.style.transform,
            'translate(320.0000px,330.0000px) rotate(180deg) scale(0.2500)');
    });

    test('fit 720p to HVGA, 270deg', function() {
      var testPlayer = {videoWidth: 1280, videoHeight: 720, style: {}};
      VideoUtils.fitContainer({clientWidth: 320, clientHeight: 480},
                             testPlayer, 270);
      assert.equal(testPlayer.style.transform,
            'translate(25.0000px,480.0000px) rotate(270deg) scale(0.3750)');
    });

    test('fit 720p to HVGA landscape, 0deg', function() {
      var testPlayer = {videoWidth: 1280, videoHeight: 720, style: {}};
      VideoUtils.fitContainer({clientWidth: 480, clientHeight: 320},
                             testPlayer, 0);
      assert.equal(testPlayer.style.transform,
                   'translate(0.0000px,25.0000px) scale(0.3750)');
    });

    test('fit 720p to HVGA landscape, 90deg', function() {
      var testPlayer = {videoWidth: 1280, videoHeight: 720, style: {}};
      VideoUtils.fitContainer({clientWidth: 480, clientHeight: 320},
                             testPlayer, 90);
      assert.equal(testPlayer.style.transform,
                  'translate(330.0000px,0.0000px) rotate(90deg) scale(0.2500)');
    });
  });

  suite('getTruncated tests', function() {
    var _clientHeight;
    var titleNode;
    var inputTitleText;

    suiteSetup(function() {
      titleNode = document.createElement('span');

      // override native clientHeight
      _clientHeight = Object.getOwnPropertyDescriptor(
        Element.prototype, 'clientHeight');
      Object.defineProperty(Element.prototype, 'clientHeight', {
        configurable: true,
        enumerable: true,
        get: function videoUtilsTestClientHeightStub() {

          function getPaddingInt(paddingInput) {
            var paddingInt = parseInt(paddingInput, 10);
            return Number.isInteger(paddingInt) ? paddingInt : 0;
          }

          //
          // the video_utils getTruncated function uses clientHeight
          // to determine the height of the title text. clientHeight
          // includes padding, therfore, we have tests that set
          // padding on the title node to test that getTruncated
          // filters out the padding when determine the line height.
          //
          var padding = getPaddingInt(this.style.paddingTop) +
                        getPaddingInt(this.style.paddingBottom);

          if (this.textContent.length >= 60) {
            return 6 + padding;
          }
          if (this.textContent.length >= 50) {
            return 5 + padding;
          }
          if (this.textContent.length >= 40) {
            return 4 + padding;
          }
          if (this.textContent.length >= 30) {
            return 3 + padding;
          }
          if (this.textContent.length >= 20) {
            return 2 + padding;
          }
          if (this.textContent === '.') {
            return 1 + padding;
          }
          return 1 + padding;
        }
      });
    });

    suiteTeardown(function() {
      Object.defineProperty(Element.prototype, 'clientHeight', _clientHeight);
    });

    setup(function() {
      titleNode.style.visibility = 'visible';
      titleNode.style.wordBreak = 'normal';
      titleNode.style.paddingTop = '';
      titleNode.style.paddingBottom = '';
    });


    test('title fits within max lines, maxLine specified', function() {

      inputTitleText = '1111111111222222222233333333334444444444';
      var truncatedTitle = VideoUtils.getTruncated(inputTitleText,
                                                   {
                                                     node: titleNode,
                                                     maxLine: 4
                                                   });

      assert.equal(inputTitleText, truncatedTitle);
      assert.equal(titleNode.style.visibility, 'visible');
      assert.equal(titleNode.style.wordBreak, 'normal');
    });

    test('title fits within max lines, maxLine specified, padding', function() {

      inputTitleText = '1111111111222222222233333333334444444444';
      titleNode.style.paddingTop = '4px';
      titleNode.style.paddingBottom = '4px';

      var truncatedTitle = VideoUtils.getTruncated(inputTitleText,
                                                   {
                                                     node: titleNode,
                                                     maxLine: 4
                                                   });

      assert.equal(inputTitleText, truncatedTitle);
      assert.equal(titleNode.style.visibility, 'visible');
      assert.equal(titleNode.style.wordBreak, 'normal');
    });

    test('title fits within max lines, maxLine not specified', function() {

      inputTitleText = '11111111112222222222';
      var truncatedTitle = VideoUtils.getTruncated(inputTitleText,
                                                   {
                                                     node: titleNode
                                                   });

      assert.equal(inputTitleText, truncatedTitle);
      assert.equal(titleNode.style.visibility, 'visible');
      assert.equal(titleNode.style.wordBreak, 'normal');
    });

    test('title doesnt fit, maxLine not specified', function() {
      inputTitleText = '111111111122222222223333333333';
      var expectedTruncatedTitle = '11111111112222222222333333...';

      var truncatedTitle = VideoUtils.getTruncated(inputTitleText,
                                                   {
                                                     node: titleNode
                                                   });

      assert.equal(truncatedTitle, expectedTruncatedTitle);
      assert.equal(titleNode.style.visibility, 'visible');
      assert.equal(titleNode.style.wordBreak, 'normal');
    });

    test('title doesnt fit, maxLine specified', function() {
      inputTitleText = '1111111111222222222233333333334444444444';
      var expectedTruncatedTitle = '111111111122222222223333333333444444...';

      var truncatedTitle = VideoUtils.getTruncated(inputTitleText,
                                                   {
                                                     node: titleNode,
                                                     maxLine: 3
                                                   });

      assert.equal(truncatedTitle, expectedTruncatedTitle);
      assert.equal(titleNode.style.visibility, 'visible');
      assert.equal(titleNode.style.wordBreak, 'normal');
    });

    test('title doesnt fit, maxLine specified, padding', function() {
      titleNode.style.paddingTop = '4px';
      titleNode.style.paddingBottom = '4px';
      inputTitleText = '1111111111222222222233333333334444444444';
      var expectedTruncatedTitle = '111111111122222222223333333333444444...';

      var truncatedTitle = VideoUtils.getTruncated(inputTitleText,
                                                   {
                                                     node: titleNode,
                                                     maxLine: 3
                                                   });

      assert.equal(truncatedTitle, expectedTruncatedTitle);
      assert.equal(titleNode.style.visibility, 'visible');
      assert.equal(titleNode.style.wordBreak, 'normal');
    });

    test('node is null', function() {
      var node = null;
      var inputTitleText;
      var truncatedTitle = VideoUtils.getTruncated(inputTitleText,
                                                   {
                                                     node: node,
                                                     maxLine: 4,
                                                     ellipsisIndex: 0
                                                   });

      assert.equal(inputTitleText, truncatedTitle);
      assert.equal(titleNode.style.visibility, 'visible');
      assert.equal(titleNode.style.wordBreak, 'normal');
    });
  });
});