goog.ui.media.youtube_test.js Maven / Gradle / Ivy

Go to download
// Copyright 2009 The Closure Library Authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS-IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

goog.provide('goog.ui.media.YoutubeTest');
goog.setTestOnly('goog.ui.media.YoutubeTest');

goog.require('goog.dom');
goog.require('goog.dom.TagName');
goog.require('goog.testing.jsunit');
goog.require('goog.ui.media.FlashObject');
goog.require('goog.ui.media.Youtube');
goog.require('goog.ui.media.YoutubeModel');
var youtube;
var control;
var YOUTUBE_VIDEO_ID = 'dMH0bHeiRNg';
var YOUTUBE_URL = 'http://www.youtube.com/watch?v=' + YOUTUBE_VIDEO_ID;
var parent = goog.dom.createElement(goog.dom.TagName.DIV);

function setUp() {
  var model =
      new goog.ui.media.YoutubeModel(YOUTUBE_VIDEO_ID, 'evolution of dance');
  control = goog.ui.media.Youtube.newControl(model);
}

function tearDown() {
  control.dispose();
}

function testBasicRendering() {
  control.render(parent);
  var el = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.DIV, goog.ui.media.Youtube.CSS_CLASS, parent);
  assertEquals(1, el.length);
  assertEquals(YOUTUBE_URL, control.getDataModel().getUrl());
}

function testParsingUrl() {
  // a simple link
  assertExtractsCorrectly(
      'uddeBVmKTqE', 'http://www.youtube.com/watch?v=uddeBVmKTqE');
  // a simple mobile link
  assertExtractsCorrectly(
      'uddeBVmKTqE', 'http://m.youtube.com/watch?v=uddeBVmKTqE');
  // a secure mobile link
  assertExtractsCorrectly(
      'uddeBVmKTqE', 'https://m.youtube.com/watch?v=uddeBVmKTqE');
  // a simple short link
  assertExtractsCorrectly('uddeBVmKTqE', 'http://youtu.be/uddeBVmKTqE');
  // a secure short link
  assertExtractsCorrectly('uddeBVmKTqE', 'https://youtu.be/uddeBVmKTqE');
  // a secure short link with a CGI parameter
  assertExtractsCorrectly(
      'uddeBVmKTqE', 'https://youtu.be/uddeBVmKTqE?feature=channel');
  // a channel link
  assertExtractsCorrectly(
      '4Pb9e1uu3EQ',
      'http://www.youtube.com/watch?v=4Pb9e1uu3EQ&feature=channel');
  // a UK link
  assertExtractsCorrectly(
      'xqWXO87TlH4',
      'http://uk.youtube.com/watch?gl=GB&hl=en-GB&v=xqWXO87TlH4');
  // an India link
  assertExtractsCorrectly(
      '10FKWOn4qGA',
      'http://www.youtube.com/watch?gl=IN&hl=en-GB&v=10FKWOn4qGA');
  // an ad
  assertExtractsCorrectly(
      'wk1_kDJhyBk',
      'http://www.youtube.com/watch?v=wk1_kDJhyBk&feature=yva-video-display');
  // a related video
  assertExtractsCorrectly(
      '7qL2PuLF0SI',
      'http://www.youtube.com/watch?v=7qL2PuLF0SI&feature=related');
  // with a timestamp
  assertExtractsCorrectly(
      'siJZXtsdfsf', 'http://www.youtube.com/watch?v=siJZXtsdfsf#t=2m59s');
  // with a timestamp and multiple hash params
  assertExtractsCorrectly(
      'siJZXtabdef',
      'http://www.youtube.com/watch?v=siJZXtabdef#t=1m59s&videos=foo');
  // with a timestamp, multiple regular and hash params
  assertExtractsCorrectly(
      'siJZXtabxyz',
      'http://www.youtube.com/watch?foo=bar&v=siJZXtabxyz&x=y#t=1m30s' +
          '&videos=bar');
  // only hash params
  assertExtractsCorrectly(
      'MWBpQoPwT3U',
      'http://www.youtube.com/watch#!playnext=1&playnext_from=TL' +
          '&videos=RX1XPmgerGo&v=MWBpQoPwT3U');
  // only hash params
  assertExtractsCorrectly(
      'MWBpQoPwT3V',
      'http://www.youtube.com/watch#!playnext=1&playnext_from=TL' +
          '&videos=RX1XPmgerGp&v=MWBpQoPwT3V&foo=bar');
  assertExtractsCorrectly(
      'jqxENMKaeCU',
      'http://www.youtube.com/watch#!v=jqxENMKaeCU&feature=related');
  // Lots of query params, some of them w/ numbers, one of them before the
  // video ID
  assertExtractsCorrectly(
      'qbce2yN81mE',
      'http://www.youtube.com/watch?usg=AFQjCNFf90T3fekgdVBmPp-Wgya5_CTSaw' +
          '&v=qbce2yN81mE&source=video&vgc=rss');
  assertExtractsCorrectly(
      'Lc-8onVA5Jk', 'http://www.youtube.com/watch?v=Lc-8onVA5Jk&feature=dir');
  // Last character in the video ID is '-' (a non-word but valid character)
  // and the video ID is the last query parameter
  assertExtractsCorrectly(
      'Lc-8onV5Jk-', 'http://www.youtube.com/watch?v=Lc-8onV5Jk-');

  var invalidUrls = [
    'http://invalidUrl/watch?v=dMH0bHeiRNg',
    'http://www$youtube.com/watch?v=dMH0bHeiRNg',
    'http://www.youtube$com/watch?v=dMH0bHeiRNg',
    'http://w_w.youtube.com/watch?v=dMH0bHeiRNg'
  ];
  for (var i = 0, j = invalidUrls.length; i < j; ++i) {
    var e = assertThrows('parser expects a well formed URL', function() {
      goog.ui.media.YoutubeModel.newInstance(invalidUrls[i]);
    });
    assertEquals(
        'failed to parse video id from youtube url: ' + invalidUrls[i],
        e.message);
  }
}

function testBuildingUrl() {
  assertEquals(
      YOUTUBE_URL, goog.ui.media.YoutubeModel.buildUrl(YOUTUBE_VIDEO_ID));
}

function testCreatingModel() {
  var model = new goog.ui.media.YoutubeModel(YOUTUBE_VIDEO_ID);
  assertEquals(YOUTUBE_VIDEO_ID, model.getVideoId());
  assertEquals(YOUTUBE_URL, model.getUrl());
  assertUndefined(model.getCaption());
}

function testCreatingDomOnInitialState() {
  control.render(parent);
  var preview = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.IMG, goog.ui.media.Youtube.CSS_CLASS + '-thumbnail0',
      parent);
  assertEquals(1, preview.length);

  var caption = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.DIV, goog.ui.media.Youtube.CSS_CLASS + '-caption',
      parent);
  assertEquals(1, caption.length);

  var flash = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.DIV, goog.ui.media.FlashObject.CSS_CLASS);
  assertEquals(0, flash.length);
}

function testCreatingDomOnSelectedState() {
  control.render(parent);
  control.setSelected(true);
  var preview = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.IMG, goog.ui.media.Youtube.CSS_CLASS + '-preview',
      parent);
  assertEquals(0, preview.length);

  var caption = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.DIV, goog.ui.media.Youtube.CSS_CLASS + '-caption',
      parent);
  assertEquals(1, caption.length);

  var flash = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.DIV, goog.ui.media.FlashObject.CSS_CLASS, parent);
  assertEquals(1, flash.length);
}

function testSettingSelectedStateAfterRender() {
  control.render(parent);
  control.setSelected(true);

  var preview = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.IMG, goog.ui.media.Youtube.CSS_CLASS + '-preview',
      parent);
  assertEquals(0, preview.length);

  var caption = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.DIV, goog.ui.media.Youtube.CSS_CLASS + '-caption',
      parent);
  assertEquals(1, caption.length);

  var flash = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.DIV, goog.ui.media.FlashObject.CSS_CLASS, parent);
  assertEquals(1, flash.length);

  control.setSelected(false);

  var preview = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.IMG, goog.ui.media.Youtube.CSS_CLASS + '-thumbnail0',
      parent);
  assertEquals(1, preview.length);

  var caption = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.DIV, goog.ui.media.Youtube.CSS_CLASS + '-caption',
      parent);
  assertEquals(1, caption.length);

  // setting select as false doesn't actually remove the flash movie from
  // the DOM tree, which means that setting selected to true won't actually
  // restart the movie. TODO(user): fix this.
  var flash = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.DIV, goog.ui.media.FlashObject.CSS_CLASS, parent);
  assertEquals(1, flash.length);

  control.setSelected(true);

  var flash = goog.dom.getElementsByTagNameAndClass(
      goog.dom.TagName.DIV, goog.ui.media.FlashObject.CSS_CLASS, parent);
  assertEquals(1, flash.length);
}

function testUrlMatcher() {
  var matcher = goog.ui.media.YoutubeModel.MATCHER_;
  assertTrue(matcher.test('http://www.youtube.com/watch?v=55D-ybnYQSs'));
  assertTrue(matcher.test('https://youtube.com/watch?v=55D-ybnYQSs'));
  assertTrue(
      matcher.test('https://youtube.com/watch?blarg=blop&v=55D-ybnYQSs'));
  assertTrue(matcher.test('http://www.youtube.com/watch?v=55D-ybnYQSs#wee'));

  assertFalse(matcher.test('http://www.cnn.com/watch?v=55D-ybnYQSs#wee'));
  assertFalse(matcher.test('ftp://www.youtube.com/watch?v=55D-ybnYQSs#wee'));
}

function assertExtractsCorrectly(expectedVideoId, url) {
  var youtube = goog.ui.media.YoutubeModel.newInstance(url);
  assertEquals('videoid for ' + url, expectedVideoId, youtube.getVideoId());
}