shaka-player 4.6.3 → 4.7.0

package/test/text/web_vtt_generator_unit.js

@@ -1,144 +0,0 @@
-/*! @license
- * Shaka Player
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-describe('WebVttGenerator', () => {
-  it('supports no cues', () => {
-    verifyHelper([], [], 'WEBVTT\n\n');
-  });
-
-  it('convert cues to WebVTT', () => {
-    const shakaCue1 = new shaka.text.Cue(20, 40, 'Test');
-    shakaCue1.textAlign = shaka.text.Cue.textAlign.LEFT;
-    shakaCue1.writingMode = shaka.text.Cue.writingMode.VERTICAL_LEFT_TO_RIGHT;
-    shakaCue1.color = 'red';
-    shakaCue1.backgroundColor = '#f0f';
-    const shakaCue2 = new shaka.text.Cue(40, 50, 'Test2');
-    shakaCue2.textAlign = shaka.text.Cue.textAlign.RIGHT;
-    shakaCue2.writingMode = shaka.text.Cue.writingMode.VERTICAL_RIGHT_TO_LEFT;
-    shakaCue2.color = '#0f0';
-    shakaCue2.backgroundColor = 'lime';
-    const shakaCue3 = new shaka.text.Cue(50, 51, 'Test3');
-    shakaCue3.textAlign = shaka.text.Cue.textAlign.CENTER;
-    shakaCue3.color = '#ffff00';
-    shakaCue3.backgroundColor = '#00ffff';
-    const shakaCue4 = new shaka.text.Cue(52, 53, 'Test4');
-    shakaCue4.textAlign = shaka.text.Cue.textAlign.START;
-    const shakaCue5 = new shaka.text.Cue(53, 54, 'Test5');
-    shakaCue5.textAlign = shaka.text.Cue.textAlign.END;
-
-    const adCuePoints = [];
-
-    verifyHelper(
-        [
-          shakaCue1,
-          shakaCue2,
-          shakaCue3,
-          shakaCue4,
-          shakaCue5,
-        ],
-        adCuePoints,
-        'WEBVTT\n\n' +
-        '00:00:20.000 --> 00:00:40.000 align:left vertical:lr\n' +
-        '<c.red.bg_magenta>Test</c>\n\n' +
-        '00:00:40.000 --> 00:00:50.000 align:right vertical:rl\n' +
-        '<c.lime.bg_lime>Test2</c>\n\n' +
-        '00:00:50.000 --> 00:00:51.000 align:middle\n' +
-        '<c.yellow.bg_cyan>Test3</c>\n\n' +
-        '00:00:52.000 --> 00:00:53.000 align:start\n' +
-        'Test4\n\n' +
-        '00:00:53.000 --> 00:00:54.000 align:end\n' +
-        'Test5\n\n');
-  });
-
-  it('creates style tags for cues with underline/italics/bold', () => {
-    const shakaCue = new shaka.text.Cue(10, 20, '');
-
-    // First cue is underlined and italicized.
-    const nestedCue1 = new shaka.text.Cue(10, 20, 'Test1');
-    nestedCue1.fontStyle = shaka.text.Cue.fontStyle.ITALIC;
-    nestedCue1.textDecoration.push(shaka.text.Cue.textDecoration.UNDERLINE);
-
-    // Second cue is italicized and bolded.
-    const nestedCue2 = new shaka.text.Cue(10, 20, 'Test2');
-    nestedCue2.fontStyle = shaka.text.Cue.fontStyle.ITALIC;
-    nestedCue2.fontWeight = shaka.text.Cue.fontWeight.BOLD;
-
-    // Third cue has no bold, italics, or underline.
-    const nestedCue3 = new shaka.text.Cue(10, 20, 'Test3');
-
-    // Fourth cue is only underlined.
-    const nestedCue4 = new shaka.text.Cue(10, 20, 'Test4');
-    nestedCue4.textDecoration.push(shaka.text.Cue.textDecoration.UNDERLINE);
-
-    shakaCue.nestedCues = [nestedCue1, nestedCue2, nestedCue3, nestedCue4];
-
-    const adCuePoints = [];
-
-    verifyHelper(
-        [shakaCue],
-        adCuePoints,
-        'WEBVTT\n\n' +
-        '00:00:10.000 --> 00:00:20.000 align:middle\n' +
-        '<i><u>Test1</u></i><b><i>Test2</i></b>Test3<u>Test4</u>\n\n');
-  });
-
-  it('computes the time with ad cue points', () => {
-    const shakaCue1 = new shaka.text.Cue(20, 30, 'Test');
-    shakaCue1.textAlign = shaka.text.Cue.textAlign.LEFT;
-    shakaCue1.writingMode = shaka.text.Cue.writingMode.VERTICAL_LEFT_TO_RIGHT;
-    const shakaCue2 = new shaka.text.Cue(40, 50, 'Test2');
-    shakaCue2.textAlign = shaka.text.Cue.textAlign.RIGHT;
-    shakaCue2.writingMode = shaka.text.Cue.writingMode.VERTICAL_RIGHT_TO_LEFT;
-    const shakaCue3 = new shaka.text.Cue(50, 51, 'Test3');
-    shakaCue3.textAlign = shaka.text.Cue.textAlign.CENTER;
-    const shakaCue4 = new shaka.text.Cue(52, 53, 'Test4');
-    shakaCue4.textAlign = shaka.text.Cue.textAlign.START;
-    const shakaCue5 = new shaka.text.Cue(53, 54, 'Test5');
-    shakaCue5.textAlign = shaka.text.Cue.textAlign.END;
-
-    const adCuePoints = [
-      {
-        start: 0,
-        end: 10,
-      },
-      {
-        start: 35,
-        end: 45,
-      },
-    ];
-
-    verifyHelper(
-        [
-          shakaCue1,
-          shakaCue2,
-          shakaCue3,
-          shakaCue4,
-          shakaCue5,
-        ],
-        adCuePoints,
-        'WEBVTT\n\n' +
-        '00:00:30.000 --> 00:00:40.000 align:left vertical:lr\n' +
-        'Test\n\n' +
-        '00:01:00.000 --> 00:01:10.000 align:right vertical:rl\n' +
-        'Test2\n\n' +
-        '00:01:10.000 --> 00:01:11.000 align:middle\n' +
-        'Test3\n\n' +
-        '00:01:12.000 --> 00:01:13.000 align:start\n' +
-        'Test4\n\n' +
-        '00:01:13.000 --> 00:01:14.000 align:end\n' +
-        'Test5\n\n');
-  });
-
-  /**
-   * @param {!Array} cues
-   * @param {!Array} adCuePoints
-   * @param {string} text
-   */
-  function verifyHelper(cues, adCuePoints, text) {
-    const result = shaka.text.WebVttGenerator.convert(cues, adCuePoints);
-    expect(text).toBe(result);
-  }
-});

package/test/text/web_vtt_layout_integration.js

@@ -1,524 +0,0 @@
-/*! @license
- * Shaka Player
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-filterDescribe('WebVTT layout', shaka.test.TextLayoutTests.supported, () => {
-  /** @type {shaka.test.TextLayoutTests} */
-  let helper;
-
-  describe('using UI', () => {
-    beforeAll(async () => {
-      helper = new shaka.test.DomTextLayoutTests('webvtt-ui');
-
-      await helper.beforeAll();
-    });
-
-    beforeEach(async () => {
-      await helper.beforeEach();
-    });
-
-    afterEach(async () => {
-      await helper.afterEach();
-    });
-
-    afterAll(async () => {
-      await helper.afterAll();
-    });
-
-    defineTests();
-  });
-
-  describe('using browser-native rendering', () => {
-    beforeAll(async () => {
-      helper = new shaka.test.NativeTextLayoutTests('webvtt-native');
-
-      await helper.beforeAll();
-    });
-
-    beforeEach(async () => {
-      await helper.beforeEach();
-    });
-
-    afterEach(async () => {
-      await helper.afterEach();
-    });
-
-    afterAll(async () => {
-      await helper.afterAll();
-    });
-
-    defineTests();
-  });
-
-  function defineTests() {
-    // The initial set of tests here were a subset of the official test suite:
-    // https://github.com/web-platform-tests/wpt/tree/master/webvtt/rendering/cues-with-video/processing-model
-
-    it('align center', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:center\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('align-center');
-    });
-
-    // FIXME: UI version is slightly wrong: black background should hug text
-    it('align center long', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:center\n',
-        'This is a test subtitle that most likely will span over several ',
-        'rows since it is a pretty long cue with a lot of text.\n',
-      ].join(''));
-
-      await helper.checkScreenshot('align-center-long');
-    });
-
-    it('align center position 50%', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:center position:50%\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('align-center-position-50');
-    });
-
-    // FIXME: UI version is wrong: not positioned on the right
-    it('align center position 90%', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:center position:90%\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('align-center-position-90');
-    });
-
-    // FIXME: UI version is wrong: not positioned on the left
-    it('align center position 10%', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:center position:10%\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('align-center-position-10');
-    });
-
-    // FIXME: UI version is wrong: not positioned on the left
-    it('align center position 10% size 10%', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:center position:10% size:10%\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('align-center-position-10-size-10');
-    });
-
-    // FIXME: UI version is wrong: not positioned on the right
-    it('align end', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:end\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('align-end');
-    });
-
-    // FIXME: UI version is slightly wrong: black background should hug text
-    it('align end long', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:end\n',
-        'This is a test subtitle that most likely will span over several ',
-        'rows since it is a pretty long cue with a lot of text.\n',
-      ].join(''));
-
-      await helper.checkScreenshot('align-end-long');
-    });
-
-    // FIXME: UI version is wrong: not positioned on the left
-    it('align start', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:start\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('align-start');
-    });
-
-    // FIXME: UI version is slightly wrong: black background should hug text
-    it('align start long', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:start\n',
-        'This is a test subtitle that most likely will span over several ',
-        'rows since it is a pretty long cue with a lot of text.\n',
-      ].join(''));
-
-      await helper.checkScreenshot('align-start-long');
-    });
-
-    // FIXME: both versions are wrong, top-left corner should be centered
-    it('align with position and line', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 ', // continued on next line
-        'align:start position:50%,line-left line:50%,start\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('align-position-line');
-    });
-
-    it('size 50%', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 size:50%\n',
-        'This is a test subtitle that should wrap no matter what\n',
-      ].join(''));
-
-      await helper.checkScreenshot('size-50');
-    });
-
-    // FIXME: UI version is wrong: not positioned by line
-    it('line -2', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 line:-2\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('line-negative-2');
-    });
-
-    it('line 0', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 line:0\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('line-0');
-    });
-
-    // FIXME: UI version is wrong: not positioned by line
-    it('line 1', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 line:1\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('line-1');
-    });
-
-    it('line 50%', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 line:50%\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('line-50');
-    });
-
-    // Regression case for http://b/259121343
-    // The top center of the cue box should be 85% from the top and
-    // horizontally centered.
-    // NOTE: The native version is wrong on Chrome and Edge due to layout bugs
-    // in Chrome.  https://crbug.com/1411464
-    it('align to bottom center with restricted size', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 ', // continued on next line
-        'line:85% position:50% size:63%\n',
-        'This is a test\n',
-      ].join(''));
-
-      await helper.checkScreenshot('line-85-position-50-size-63');
-    });
-
-    it('bold long', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:start\n',
-        '<b>This is a test subtitle that most likely will span over several ',
-        'rows since it is a pretty long cue with a lot of text.</b>\n',
-      ].join(''));
-
-      await helper.checkScreenshot('bold-long');
-    });
-
-    it('italic long', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:start\n',
-        '<i>This is a test subtitle that most likely will span over several ',
-        'rows since it is a pretty long cue with a lot of text.</i>\n',
-      ].join(''));
-
-      await helper.checkScreenshot('italic-long');
-    });
-
-    it('underline long', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 align:start\n',
-        '<u>This is a test subtitle that most likely will span over several ',
-        'rows since it is a pretty long cue with a lot of text.</u>\n',
-      ].join(''));
-
-      await helper.checkScreenshot('underline-long');
-    });
-
-    it('escaped entities', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000\n',
-        'Here are the escaped entities: &amp; &lt; &gt; &lrm; &rlm; &nbsp;\n',
-      ].join(''));
-
-      await helper.checkScreenshot('escaped-entities');
-    });
-
-    it('white spaces', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000\n',
-        // eslint-disable-next-line no-tabs
-        'A A  A   A	A		A\n',
-      ].join(''));
-
-      await helper.checkScreenshot('white-spaces');
-    });
-
-    it('embedded styles', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        'STYLE\n',
-        '*|*::cue(b) {\n',
-        '  background: blue;\n',
-        '}\n',
-        '|*::cue(i) {\n',
-        '  color: blue;\n',
-        '}\n',
-        '::cue(i) {\n',
-        '  background: white;\n',
-        '}\n',
-        '*::cue(b) {\n',
-        '  color: white;\n',
-        '}\n',
-        '::cue {\n',
-        '  font-size: 30px;\n',
-        '}\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000\n',
-        'This <i>is</i> a <b>test</b> subtitle\n',
-      ].join(''));
-
-      await helper.checkScreenshot('embedded-styles');
-    });
-
-    it('voices', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000\n',
-        'This is a <v foo>test subtitle</v>, <v bar>test subtitle</v>\n',
-      ].join(''));
-
-      await helper.checkScreenshot('voices');
-    });
-
-    it('voices with styles', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        'STYLE\n',
-        '::cue(v[voice=foo]) {\n',
-        '  background: blue;\n',
-        '}\n',
-        '::cue(v[voice=bar]) {\n',
-        '  background: red;\n',
-        '}\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000\n',
-        'This is a <v foo>test subtitle</v>, <v bar>test subtitle</v>\n',
-      ].join(''));
-
-      await helper.checkScreenshot('voices-with-styles');
-    });
-
-    it('classes', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000\n',
-        'This is a <c.foo>test subtitle</c>, <c.bar>test subtitle</c>\n',
-      ].join(''));
-
-      await helper.checkScreenshot('classes');
-    });
-
-    it('classes with styles', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        'STYLE\n',
-        '::cue(.foo) {\n',
-        '  background: blue;\n',
-        '}\n',
-        '::cue(.bar) {\n',
-        '  background: red;\n',
-        '}\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000\n',
-        'This is a <c.foo>test subtitle</c>, <c.bar>test subtitle</c>\n',
-      ].join(''));
-
-      await helper.checkScreenshot('classes-with-styles');
-    });
-
-    // FIXME: regions not supported
-    it('region without anchors', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        'REGION\n',
-        'id:1\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 region:1\n',
-        'This is a test subtitle\n',
-      ].join(''));
-
-      await helper.checkScreenshot('region-no-anchors');
-    });
-
-    // FIXME: regions not supported
-    it('region anchored at top center', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        'REGION\n',
-        'id:1\n',
-        'regionanchor:50%,0%\n',
-        'viewportanchor:50%,0%\n',
-        'width:100%\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 region:1\n',
-        'This is a test subtitle\n',
-      ].join(''));
-
-      await helper.checkScreenshot('region-anchor-top-center');
-    });
-
-    // FIXME: regions not supported
-    it('region anchored at top left', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        'REGION\n',
-        'id:1\n',
-        'regionanchor:0%,0%\n',
-        'viewportanchor:0%,0%\n',
-        'width:100%\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 region:1\n',
-        'This is a test subtitle\n',
-      ].join(''));
-
-      await helper.checkScreenshot('region-anchor-top-left');
-    });
-
-    // FIXME: regions not supported
-    it('region with complex anchors', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        'REGION\n',
-        'id:1\n',
-        'regionanchor:0%,100%\n',
-        'viewportanchor:50%,50%\n',
-        'width:30%\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 region:1\n',
-        'This is a test subtitle\n',
-      ].join(''));
-
-      await helper.checkScreenshot('region-complex-anchors');
-    });
-
-    // FIXME: regions not supported
-    it('region 2 lines scroll up', async () => {
-      parseAndDisplay([
-        'WEBVTT\n',
-        '\n',
-        'REGION\n',
-        'id:1\n',
-        'regionanchor:50%,0%\n',
-        'viewportanchor:50%,0%\n',
-        'width:100%\n',
-        'lines:2\n',
-        'scroll:up\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 region:1\n',
-        'This is a first test subtitle\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 region:1\n',
-        'This is a second test subtitle\n',
-        '\n',
-        '00:00:00.000 --> 00:00:05.000 region:1\n',
-        'This is a third test subtitle\n',
-      ].join(''));
-
-      await helper.checkScreenshot('region-2-lines-scroll-up');
-    });
-  }
-
-  /** @param {string} text */
-  function parseAndDisplay(text) {
-    const data =
-        shaka.util.BufferUtils.toUint8(shaka.util.StringUtils.toUTF8(text));
-    const time = {
-      periodStart: 0,
-      segmentStart: 0,
-      segmentEnd: 100,
-      vttOffset: 0,
-    };
-    const textParser = new shaka.text.VttTextParser();
-    const cues = textParser.parseMedia(data, time);
-    helper.textDisplayer.append(cues);
-  }
-});