// 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()); }