fix: Clean up player when a preroll fails and prevent uncaught play p…

…romise exceptions. (#470)

src/states/Preroll.js

@@ -154,7 +154,7 @@ class Preroll extends AdState {
     const player = this.player;
 
     if (this.adsReady && !player.ads.inAdBreak() && !this.isContentResuming()) {
-      player.clearTimeout(this._timeout);
+      this.clearTimeout(player);
       player.ads.adType = 'preroll';
       this.waitingForAdBreak = false;
       adBreak.start(player);
@@ -227,16 +227,21 @@ class Preroll extends AdState {
   }
 
   resumeAfterNoPreroll(player) {
+
     // Resume to content and unblock play as there is no preroll ad
     this.contentResuming = true;
     player.ads._shouldBlockPlay = false;
+    this.cleanupPartial(player);
 
     // Play the content if we had requested play or we paused on 'contentupdate'
     // and we haven't played yet. This happens if there was no preroll or if it
     // errored, timed out, etc. Otherwise snapshot restore would play.
-    if (player.paused() &&
-        (player.ads._playRequested || player.ads._pausedOnContentupdate)) {
-      player.play();
+    if (player.paused() && (player.ads._playRequested || player.ads._pausedOnContentupdate)) {
+      const playPromise = player.play();
+
+      if (playPromise && playPromise.then) {
+        playPromise.then(null, (e) => {});
+      }
     }
   }
 
@@ -247,12 +252,26 @@ class Preroll extends AdState {
     if (!player.ads._hasThereBeenALoadStartDuringPlayerLife) {
       videojs.log.warn('Leaving Preroll state before loadstart event can cause issues.');
     }
+    this.cleanupPartial(player);
+  }
 
+  /*
+   * Performs cleanup tasks without depending on a state transition. This is
+   * used mainly in cases where a preroll failed.
+   */
+  cleanupPartial(player) {
     player.removeClass('vjs-ad-loading');
     player.removeClass('vjs-ad-content-resuming');
-    player.clearTimeout(this._timeout);
+    this.clearTimeout(player);
   }
 
+  /*
+   * Clear the preroll timeout and nulls out the pointer.
+   */
+  clearTimeout(player) {
+    player.clearTimeout(this._timeout);
+    this._timeout = null;
+  }
 }
 
 States.registerState('Preroll', Preroll);

test/unit/states/test.Preroll.js

@@ -11,6 +11,7 @@ QUnit.module('Preroll', {
   beforeEach() {
     this.events = [];
     this.playTriggered = false;
+    this.classes = [];
 
     this.player = {
       ads: {
@@ -22,8 +23,9 @@ QUnit.module('Preroll', {
       },
       setTimeout: () => {},
       clearTimeout: () => {},
-      addClass: () => {},
-      removeClass: () => {},
+      addClass: (name) => this.classes.push(name),
+      removeClass: (name) => this.classes.splice(this.classes.indexOf(name), 1),
+      hasClass: (name) => this.classes.indexOf(name) !== -1,
       one: () => {},
       trigger: (event) => {
         this.events.push(event);
@@ -120,6 +122,9 @@ QUnit.test('can handle adscanceled', function(assert) {
   this.preroll.init(this.player, false, false);
   this.preroll.onAdsCanceled(this.player);
   assert.equal(this.preroll.isContentResuming(), true);
+  assert.notOk(this.player.hasClass('vjs-ad-loading'));
+  assert.notOk(this.player.hasClass('vjs-ad-content-resuming'));
+  assert.notOk(this.preroll._timeout);
   this.preroll.onPlaying(this.player);
   assert.equal(this.newState, 'ContentPlayback', 'transitioned to ContentPlayback');
 });
@@ -128,6 +133,9 @@ QUnit.test('can handle adserror', function(assert) {
   this.preroll.init(this.player, false, false);
   this.preroll.onAdsError(this.player);
   assert.equal(this.preroll.isContentResuming(), true);
+  assert.notOk(this.player.hasClass('vjs-ad-loading'));
+  assert.notOk(this.player.hasClass('vjs-ad-content-resuming'));
+  assert.notOk(this.preroll._timeout);
   this.preroll.onPlaying(this.player);
   assert.equal(this.newState, 'ContentPlayback', 'transitioned to ContentPlayback');
 });
@@ -140,10 +148,13 @@ QUnit.test('can skip linear ad mode', function(assert) {
   assert.equal(this.newState, 'ContentPlayback', 'transitioned to ContentPlayback');
 });
 
-QUnit.test('plays content after ad timeout', function(assert) {
+QUnit.test('can handle adtimeout', function(assert) {
   this.preroll.init(this.player, false, false);
   this.preroll.onAdTimeout(this.player);
   assert.equal(this.preroll.isContentResuming(), true);
+  assert.notOk(this.player.hasClass('vjs-ad-loading'));
+  assert.notOk(this.player.hasClass('vjs-ad-content-resuming'));
+  assert.notOk(this.preroll._timeout);
   this.preroll.onPlaying(this.player);
   assert.equal(this.newState, 'ContentPlayback', 'transitioned to ContentPlayback');
 });