b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
303 lines
12 KiB
JavaScript
Executable file
303 lines
12 KiB
JavaScript
Executable file
/* 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');
|
|
});
|
|
});
|
|
});
|