sku-pg
Version:
Skulpt is a Javascript implementation of Python 2.x. Python that runs in your browser!
244 lines (217 loc) • 8.03 kB
HTML
<html>
<!--
Copyright 2009 The Closure Library Authors. All Rights Reserved.
Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
<!--
-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Closure Unit Tests - goog.ui.media.Youtube</title>
<script src="../../base.js"></script>
<script>
goog.require('goog.dom');
goog.require('goog.events');
goog.require('goog.log');
goog.require('goog.testing.LooseMock');
goog.require('goog.testing.jsunit');
goog.require('goog.ui.Component');
goog.require('goog.ui.Control');
goog.require('goog.ui.ControlRenderer');
goog.require('goog.ui.media.FlashObject');
goog.require('goog.ui.media.Youtube');
goog.require('goog.ui.media.YoutubeModel');
</script>
</head>
<body>
<script>
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('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('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 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(
'img',
goog.ui.media.Youtube.CSS_CLASS + '-thumbnail0',
parent);
assertEquals(1, preview.length);
var caption = goog.dom.getElementsByTagNameAndClass(
'div',
goog.ui.media.Youtube.CSS_CLASS + '-caption',
parent);
assertEquals(1, caption.length);
var flash = goog.dom.getElementsByTagNameAndClass('div',
goog.ui.media.FlashObject.CSS_CLASS);
assertEquals(0, flash.length);
}
function testCreatingDomOnSelectedState() {
control.render(parent);
control.setSelected(true);
var preview = goog.dom.getElementsByTagNameAndClass(
'img',
goog.ui.media.Youtube.CSS_CLASS + '-preview',
parent);
assertEquals(0, preview.length);
var caption = goog.dom.getElementsByTagNameAndClass(
'div',
goog.ui.media.Youtube.CSS_CLASS + '-caption',
parent);
assertEquals(1, caption.length);
var flash = goog.dom.getElementsByTagNameAndClass('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(
'img',
goog.ui.media.Youtube.CSS_CLASS + '-preview',
parent);
assertEquals(0, preview.length);
var caption = goog.dom.getElementsByTagNameAndClass(
'div',
goog.ui.media.Youtube.CSS_CLASS + '-caption',
parent);
assertEquals(1, caption.length);
var flash = goog.dom.getElementsByTagNameAndClass('div',
goog.ui.media.FlashObject.CSS_CLASS, parent);
assertEquals(1, flash.length);
control.setSelected(false);
var preview = goog.dom.getElementsByTagNameAndClass(
'img',
goog.ui.media.Youtube.CSS_CLASS + '-thumbnail0',
parent);
assertEquals(1, preview.length);
var caption = goog.dom.getElementsByTagNameAndClass(
'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('div',
goog.ui.media.FlashObject.CSS_CLASS, parent);
assertEquals(1, flash.length);
control.setSelected(true);
var flash = goog.dom.getElementsByTagNameAndClass('div',
goog.ui.media.FlashObject.CSS_CLASS, parent);
assertEquals(1, flash.length);
}
function assertExtractsCorrectly(expectedVideoId, url) {
var youtube = goog.ui.media.YoutubeModel.newInstance(url);
assertEquals('videoid for ' + url, expectedVideoId, youtube.getVideoId());
}
</script>
</body>
</html>