shaka-player 3.1.4 → 3.3.0

package/test/text/web_vtt_generator_unit.js

@@ -9,23 +9,45 @@ goog.require('shaka.text.WebVttGenerator');
 
 describe('WebVttGenerator', () => {
   it('supports no cues', () => {
-    verifyHelper([], 'WEBVTT\n\n');
+    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;
     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 = [];
 
     verifyHelper(
         [
           shakaCue1,
           shakaCue2,
+          shakaCue3,
+          shakaCue4,
+          shakaCue5,
         ],
+        adCuePoints,
         'WEBVTT\n\n' +
-        '00:00:20.000 --> 00:00:40.000\n' +
+        '00:00:20.000 --> 00:00:40.000 align:left vertical:lr\n' +
         'Test\n\n' +
-        '00:00:40.000 --> 00:00:50.000\n' +
-        'Test2\n\n');
+        '00:00:40.000 --> 00:00:50.000 align:right vertical:rl\n' +
+        'Test2\n\n' +
+        '00:00:50.000 --> 00:00:51.000 align:middle\n' +
+        'Test3\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', () => {
@@ -49,19 +71,71 @@ describe('WebVttGenerator', () => {
     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\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, text) {
-    const result = shaka.text.WebVttGenerator.convert(cues);
+  function verifyHelper(cues, adCuePoints, text) {
+    const result = shaka.text.WebVttGenerator.convert(cues, adCuePoints);
     expect(text).toBe(result);
   }
 });

package/test/ui/ui_unit.js

@@ -409,6 +409,80 @@ describe('UI', () => {
       });
     });
 
+    describe('control panel buttons with submenus', () => {
+      /** @type {!HTMLElement} */
+      let resolutionMenu;
+      /** @type {!Element} */
+      let resolutionMenuButton;
+      /** @type {!HTMLElement} */
+      let languageMenu;
+      /** @type {!Element} */
+      let languageMenuButton;
+
+      beforeEach(() => {
+        const config = {
+          controlPanelElements: [
+            'quality',
+            'language',
+          ],
+        };
+        const ui = UiUtils.createUIThroughAPI(videoContainer, video, config);
+        player = ui.getControls().getLocalPlayer();
+
+        const resolutionsMenus =
+        videoContainer.getElementsByClassName('shaka-resolutions');
+        expect(resolutionsMenus.length).toBe(1);
+        resolutionMenu = /** @type {!HTMLElement} */ (resolutionsMenus[0]);
+
+        const resolutionMenuButtons =
+        videoContainer.getElementsByClassName('shaka-resolution-button');
+        expect(resolutionMenuButtons.length).toBe(1);
+        resolutionMenuButton = resolutionMenuButtons[0];
+
+        const languageMenus =
+        videoContainer.getElementsByClassName('shaka-audio-languages');
+        expect(languageMenus.length).toBe(1);
+        languageMenu = /** @type {!HTMLElement} */ (languageMenus[0]);
+
+        const languageMenuButtons =
+        videoContainer.getElementsByClassName('shaka-language-button');
+        expect(languageMenuButtons.length).toBe(1);
+        languageMenuButton = languageMenuButtons[0];
+      });
+
+      it('menus are initially hidden', () => {
+        expect(resolutionMenu.classList.contains('shaka-hidden')).toBe(true);
+        expect(languageMenu.classList.contains('shaka-hidden')).toBe(true);
+      });
+
+      it('a menu becomes visible if the button is clicked', () => {
+        resolutionMenuButton.click();
+
+        expect(resolutionMenu.classList.contains('shaka-hidden')).toBe(false);
+      });
+
+      it('a menu becomes hidden if the "close" button is clicked', () => {
+        resolutionMenuButton.click();
+
+        const backToOverflowButtons =
+        videoContainer.getElementsByClassName('shaka-back-to-overflow-button');
+        expect(backToOverflowButtons.length).toBe(2);
+        const backToOverflowButton =
+        /** @type {!HTMLElement} */ (backToOverflowButtons[0]);
+        backToOverflowButton.click();
+
+        expect(resolutionMenu.classList.contains('shaka-hidden')).toBe(true);
+      });
+
+      it('a menu becomes hidden if another one is opened', () => {
+        resolutionMenuButton.click();
+        languageMenuButton.click();
+
+        expect(resolutionMenu.classList.contains('shaka-hidden')).toBe(true);
+        expect(languageMenu.classList.contains('shaka-hidden')).toBe(false);
+      });
+    });
+
     describe('resolutions menu', () => {
       /** @type {!HTMLElement} */
       let resolutionsMenu;
@@ -611,6 +685,182 @@ describe('UI', () => {
         goog.asserts.assert(found, 'Unable to find resolution menu');
       }
     });
+
+    describe('custom context menu', () => {
+      /** @type {!HTMLElement} */
+      let controlsContainer;
+      /** @type {!HTMLElement} */
+      let contextMenu;
+
+      beforeEach(() => {
+        const config = {
+          customContextMenu: true,
+          contextMenuElements: [
+            'fakeElement',
+            'statistics',
+            'fakeElement',
+          ],
+        };
+        const ui = UiUtils.createUIThroughAPI(videoContainer, video, config);
+
+        controlsContainer = ui.getControls().getControlsContainer();
+
+        const contextMenus =
+        videoContainer.getElementsByClassName('shaka-context-menu');
+        expect(contextMenus.length).toBe(1);
+        contextMenu = /** @type {!HTMLElement} */
+            (contextMenus[0]);
+      });
+
+      it('responds to contextmenu event', () => {
+        expect(contextMenu.classList.contains('shaka-hidden')).toBe(true);
+        UiUtils.simulateEvent(controlsContainer, 'contextmenu');
+        expect(contextMenu.classList.contains('shaka-hidden')).toBe(false);
+        UiUtils.simulateEvent(controlsContainer, 'contextmenu');
+        expect(contextMenu.classList.contains('shaka-hidden')).toBe(true);
+      });
+      it('hides on click event', () => {
+        UiUtils.simulateEvent(controlsContainer, 'contextmenu');
+        UiUtils.simulateEvent(controlsContainer, 'click');
+        expect(contextMenu.classList.contains('shaka-hidden')).toBe(true);
+        UiUtils.simulateEvent(controlsContainer, 'contextmenu');
+        UiUtils.simulateEvent(window, 'click');
+        expect(contextMenu.classList.contains('shaka-hidden')).toBe(true);
+      });
+      it('builds internal elements', () => {
+        expect(contextMenu.childNodes.length).toBe(1);
+
+        expect(contextMenu.childNodes[0]['className'])
+            .toBe('shaka-statistics-button');
+      });
+    });
+
+    describe('statistics context menu', () => {
+      /** @type {!HTMLElement} */
+      let statisticsButton;
+      /** @type {!HTMLElement} */
+      let statisticsContainer;
+
+      beforeEach(() => {
+        const config = {
+          customContextMenu: true,
+          contextMenuElements: [
+            'statistics',
+          ],
+          statisticsList: Object.keys(new shaka.util.Stats().getBlob()),
+        };
+        const ui = UiUtils.createUIThroughAPI(videoContainer, video, config);
+        player = ui.getControls().getLocalPlayer();
+
+        const statisticsButtons =
+        videoContainer.getElementsByClassName('shaka-statistics-button');
+        expect(statisticsButtons.length).toBe(1);
+        statisticsButton = /** @type {!HTMLElement} */
+            (statisticsButtons[0]);
+
+        const statisticsContainers =
+        videoContainer.getElementsByClassName('shaka-statistics-container');
+        expect(statisticsContainers.length).toBe(1);
+        statisticsContainer = /** @type {!HTMLElement} */
+            (statisticsContainers[0]);
+      });
+
+      it('appears and disappears on toggle', () => {
+        expect(statisticsContainer.classList.contains('shaka-hidden'))
+            .toBe(true);
+
+        statisticsButton.click();
+        expect(statisticsContainer.classList.contains('shaka-hidden'))
+            .toBe(false);
+
+        statisticsButton.click();
+        expect(statisticsContainer.classList.contains('shaka-hidden'))
+            .toBe(true);
+      });
+
+      it('displays all the available statistics', () => {
+        const skippedStats = ['stateHistory', 'switchHistory'];
+        const nodes = statisticsContainer.childNodes;
+        let nodeIndex = 0;
+
+        for (const statistic in new shaka.util.Stats().getBlob()) {
+          if (!skippedStats.includes(statistic)) {
+            // Text content of label (without ':') is a valid statistic
+            const label = nodes[nodeIndex].childNodes[0].textContent;
+            expect(label.replace(':', '')).toBe(statistic);
+
+            // Value has been parsed and it is not the default 'NaN'
+            const value = nodes[nodeIndex].childNodes[1].textContent;
+            expect(value).not.toBe('NaN');
+
+            nodeIndex += 1;
+          }
+        }
+      });
+      it('is updated periodically', async () => {
+        function getStatsFromContainer() {
+          const nodes = statisticsContainer.childNodes;
+          width = nodes[0].childNodes[1].textContent.replace(' (px)', '');
+          height = nodes[1].childNodes[1].textContent.replace(' (px)', '');
+          bufferingTime =
+              nodes[13].childNodes[1].textContent.replace(' (s)', '');
+        }
+
+        /** @type {!string} */
+        let width;
+        /** @type {!string} */
+        let height;
+        /** @type {!string} */
+        let bufferingTime;
+        /** @type {!string} */
+        let lastBufferingTime;
+
+        const manifest =
+        shaka.test.ManifestGenerator.generate((manifest) => {
+          manifest.addVariant(/* id= */ 0, (variant) => {
+            variant.addVideo(1, (stream) => {
+              stream.size(1920, 1080);
+            });
+          });
+        });
+
+        shaka.media.ManifestParser.registerParserByMime(
+            fakeMimeType, () => new shaka.test.FakeManifestParser(manifest));
+
+        await player.load(
+            /* uri= */ 'fake', /* startTime= */ 0, fakeMimeType);
+
+        // Placeholder statistics are available before toggle
+        getStatsFromContainer();
+        expect(width).toBe('NaN');
+        expect(height).toBe('NaN');
+        expect(bufferingTime).toBe('NaN');
+
+        // Statistics are displayed on toggle
+        statisticsButton.click();
+        await Util.delay(0.2);
+
+        getStatsFromContainer();
+        expect(width).toBe('1920');
+        expect(height).toBe('1080');
+        expect(bufferingTime).toBeGreaterThanOrEqual(0.1);
+
+        // Statistics are updated over time
+        lastBufferingTime = bufferingTime;
+        await Util.delay(0.2);
+
+        getStatsFromContainer();
+        expect(bufferingTime).toBeGreaterThan(lastBufferingTime);
+
+        // Statistics stop updating when the container is hidden
+        statisticsButton.click();
+        lastBufferingTime = bufferingTime;
+        await Util.delay(0.2);
+
+        getStatsFromContainer();
+        expect(bufferingTime).toBe(lastBufferingTime);
+      });
+    });
   });
 
 

package/test/util/cmcd_manager_unit.js

@@ -0,0 +1,277 @@
+/*! @license
+ * Shaka Player
+ * Copyright 2016 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+goog.require('shaka.util.CmcdManager');
+goog.require('shaka.util.ObjectUtils');
+
+describe('CmcdManager', () => {
+  const CmcdManager = shaka.util.CmcdManager;
+  const uuidRegex =
+    '[A-F\\d]{8}-[A-F\\d]{4}-4[A-F\\d]{3}-[89AB][A-F\\d]{3}-[A-F\\d]{12}';
+  const data = {
+    'sid': 'c936730c-031e-4a73-976f-92bc34039c60',
+    'cid': 'xyz',
+    'su': false,
+    'nor': '../testing/3.m4v',
+    'nrr': '0-99',
+    'd': 6066.66,
+    'mtp': 10049,
+    'bs': true,
+    'br': 52317,
+    'v': 1,
+    'pr': 1,
+    'com.test-hello': 'world',
+    'com.test-testing': 1234,
+    'com.test-exists': true,
+    'com.test-notExists': false,
+    'com.test-token': Symbol('s'),
+  };
+
+  describe('Query serialization', () => {
+    it('produces correctly serialized data', () => {
+      const query = CmcdManager.toQuery(data);
+      const result = 'CMCD=br%3D52317%2Cbs%2Ccid%3D%22xyz%22%2C' +
+                     'com.test-exists%2Ccom.test-hello%3D%22world%22%2C' +
+                     'com.test-testing%3D1234%2Ccom.test-token%3Ds%2C' +
+                     'd%3D6067%2Cmtp%3D10000%2C' +
+                     'nor%3D%22..%252Ftesting%252F3.m4v%22%2C' +
+                     'nrr%3D%220-99%22%2C' +
+                     'sid%3D%22c936730c-031e-4a73-976f-92bc34039c60%22';
+      expect(query).toBe(result);
+    });
+  });
+
+  describe('Header serialization', () => {
+    it('produces all header shards', () => {
+      const header = CmcdManager.toHeaders(data);
+      expect(header).toEqual({
+        'CMCD-Object': 'br=52317,d=6067',
+        'CMCD-Request': 'com.test-exists,com.test-hello="world",' +
+                        'com.test-testing=1234,com.test-token=s,mtp=10000,' +
+                        'nor="..%2Ftesting%2F3.m4v",nrr="0-99"',
+        'CMCD-Session': 'cid="xyz",sid="c936730c-031e-4a73-976f-92bc34039c60"',
+        'CMCD-Status': 'bs',
+      });
+    });
+
+    it('ignores empty shards', () => {
+      expect(CmcdManager.toHeaders({br: 200})).toEqual({
+        'CMCD-Object': 'br=200',
+      });
+    });
+  });
+
+  describe('CmcdManager instance', () => {
+    const ObjectUtils = shaka.util.ObjectUtils;
+
+    const playerInterface = {
+      isLive: () => false,
+      getBandwidthEstimate: () => 10000000,
+      getBufferedInfo: () => ({
+        video: [
+          {start: 0, end: 5},
+          {start: 6, end: 31.234},
+          {start: 35, end: 40},
+        ],
+      }),
+      getManifest: () => /** @type {shaka.extern.Manifest} */({
+        variants: [
+          {video: {bandwidth: 50000}},
+          {video: {bandwidth: 5000000}},
+        ],
+      }),
+      getPlaybackRate: () => 1,
+      getCurrentTime: () => 10,
+    };
+
+    const sid = '2ed2d1cd-970b-48f2-bfb3-50a79e87cfa3';
+    const config = {
+      enabled: false,
+      sessionId: '',
+      contentId: 'testing',
+      useHeaders: false,
+    };
+
+    /** @type shaka.util.CmcdManager */
+    let cmcdManager = new CmcdManager(playerInterface, config);
+
+    const request = {
+      uris: ['https://test.com/test.mpd'],
+      method: 'GET',
+      body: null,
+      headers: {
+        testing: '1234',
+      },
+      allowCrossSiteCredentials: false,
+      retryParameters: /** @type {shaka.extern.RetryParameters} */({}),
+      licenseRequestType: null,
+      sessionId: null,
+      streamDataCallback: null,
+    };
+
+    const manifestInfo = {
+      format: shaka.util.CmcdManager.StreamingFormat.DASH,
+    };
+
+    const segmentInfo = {
+      type: 'video',
+      init: false,
+      duration: 3.33,
+      mimeType: 'application/mp4',
+      codecs: 'avc1.42001e',
+      bandwidth: 5234167,
+    };
+
+    describe('configuration', () => {
+      it('does not modify requests when disabled', () => {
+        const r = ObjectUtils.cloneObject(request);
+
+        cmcdManager.applyManifestData(r, manifestInfo);
+        expect(r.uris[0]).toBe(request.uris[0]);
+
+        cmcdManager.applySegmentData(r, segmentInfo);
+        expect(r.uris[0]).toBe(request.uris[0]);
+      });
+
+      it('generates a session id if not provided', () => {
+        config.enabled = true;
+        cmcdManager = new CmcdManager(playerInterface, config);
+
+        const r = ObjectUtils.cloneObject(request);
+
+        cmcdManager.applyManifestData(r, manifestInfo);
+        const regex = new RegExp(`sid%3D%22${uuidRegex}%22`, 'i');
+        expect(regex.test(r.uris[0])).toBe(true);
+      });
+    });
+
+    describe('query mode', () => {
+      beforeAll(() => {
+        config.sessionId = sid;
+        cmcdManager = new CmcdManager(playerInterface, config);
+      });
+
+      it('modifies manifest request uris', () => {
+        const r = ObjectUtils.cloneObject(request);
+        cmcdManager.applyManifestData(r, manifestInfo);
+        const uri = 'https://test.com/test.mpd?CMCD=cid%3D%22testing%22%2C' +
+          'mtp%3D10000%2Cot%3Dm%2Csf%3Dd%2C' +
+          'sid%3D%222ed2d1cd-970b-48f2-bfb3-50a79e87cfa3%22%2Csu';
+        expect(r.uris[0]).toBe(uri);
+      });
+
+      it('modifies segment request uris', () => {
+        const r = ObjectUtils.cloneObject(request);
+        cmcdManager.applySegmentData(r, segmentInfo);
+        const uri = 'https://test.com/test.mpd?CMCD=bl%3D21200%2Cbr%3D5234%2Ccid%3D%22' +
+          'testing%22%2Cd%3D3330%2Cmtp%3D10000%2Cot%3Dv%2Csf%3Dd%2C' +
+          'sid%3D%222ed2d1cd-970b-48f2-bfb3-50a79e87cfa3%22%2Cst%3Dv%2Csu%2C' +
+          'tb%3D5000';
+        expect(r.uris[0]).toBe(uri);
+      });
+
+      it('modifies text request uris', () => {
+        const r = ObjectUtils.cloneObject(request);
+        cmcdManager.applyTextData(r);
+        const uri = 'https://test.com/test.mpd?CMCD=cid%3D%22' +
+          'testing%22%2Cmtp%3D10000%2Cot%3Dc%2Csf%3Dd%2C' +
+          'sid%3D%222ed2d1cd-970b-48f2-bfb3-50a79e87cfa3%22%2Csu';
+        expect(r.uris[0]).toBe(uri);
+      });
+    });
+
+    describe('header mode', () => {
+      beforeAll(() => {
+        config.useHeaders = true;
+        cmcdManager = new CmcdManager(playerInterface, config);
+      });
+
+      it('modifies manifest request headers', () => {
+        const r = ObjectUtils.cloneObject(request);
+        cmcdManager.applyManifestData(r, manifestInfo);
+        expect(r.headers).toEqual({
+          'testing': '1234',
+          'CMCD-Object': 'ot=m',
+          'CMCD-Request': 'mtp=10000,su',
+          'CMCD-Session': 'cid="testing",sf=d,' +
+                          'sid="2ed2d1cd-970b-48f2-bfb3-50a79e87cfa3"',
+        });
+      });
+
+      it('modifies segment request headers', () => {
+        const r = ObjectUtils.cloneObject(request);
+        cmcdManager.applySegmentData(r, segmentInfo);
+        expect(r.headers).toEqual({
+          'testing': '1234',
+          'CMCD-Object': 'br=5234,d=3330,ot=v,tb=5000',
+          'CMCD-Request': 'bl=21200,mtp=10000,su',
+          'CMCD-Session': 'cid="testing",sf=d,' +
+                          'sid="2ed2d1cd-970b-48f2-bfb3-50a79e87cfa3",st=v',
+        });
+      });
+    });
+
+    describe('src= mode', () => {
+      it('modifies media stream uris', () => {
+        const r = cmcdManager
+            .appendSrcData('https://test.com/test.mp4', 'video/mp4');
+        const uri = 'https://test.com/test.mp4?CMCD=cid%3D%22testing%22%2C' +
+                    'mtp%3D10000%2Cot%3Dav%2Csf%3Dd%2C' +
+                    'sid%3D%222ed2d1cd-970b-48f2-bfb3-50a79e87cfa3%22%2Csu';
+        expect(r).toBe(uri);
+      });
+
+      it('modifies manifest stream uris', () => {
+        const r = cmcdManager
+            .appendSrcData('https://test.com/test.m3u8', 'application/x-mpegurl');
+        const uri = 'https://test.com/test.m3u8?CMCD=cid%3D%22testing%22%2C' +
+                    'mtp%3D10000%2Cot%3Dm%2Csf%3Dd%2C' +
+                    'sid%3D%222ed2d1cd-970b-48f2-bfb3-50a79e87cfa3%22%2Csu';
+        expect(r).toBe(uri);
+      });
+
+      it('modifies text track uris', () => {
+        const r = cmcdManager.appendTextTrackData('https://test.com/test.vtt');
+        const uri = 'https://test.com/test.vtt?CMCD=cid%3D%22testing%22%2C' +
+                    'mtp%3D10000%2Cot%3Dc%2Csf%3Dd%2C' +
+                    'sid%3D%222ed2d1cd-970b-48f2-bfb3-50a79e87cfa3%22%2Csu';
+        expect(r).toBe(uri);
+      });
+    });
+
+    describe('adheres to the spec', () => {
+      beforeAll(() => {
+        cmcdManager.setBuffering(false);
+        cmcdManager.setBuffering(true);
+      });
+
+      it('sends bs only once', () => {
+        let r = ObjectUtils.cloneObject(request);
+        cmcdManager.applySegmentData(r, segmentInfo);
+        expect(r.headers['CMCD-Status']).toContain('bs');
+
+        r = ObjectUtils.cloneObject(request);
+        cmcdManager.applySegmentData(r, segmentInfo);
+        expect(r.headers['CMCD-Status']).not.toContain('bs');
+      });
+
+      it('sends su until buffering is complete', () => {
+        let r = ObjectUtils.cloneObject(request);
+        cmcdManager.applySegmentData(r, segmentInfo);
+        expect(r.headers['CMCD-Request']).toContain(',su');
+
+        r = ObjectUtils.cloneObject(request);
+        cmcdManager.applySegmentData(r, segmentInfo);
+        expect(r.headers['CMCD-Request']).toContain(',su');
+
+        cmcdManager.setBuffering(false);
+        r = ObjectUtils.cloneObject(request);
+        cmcdManager.applySegmentData(r, segmentInfo);
+        expect(r.headers['CMCD-Request']).not.toContain(',su');
+      });
+    });
+  });
+});