| // 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.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('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 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/watch?v=uddeBVmKTqE'); |
| // a secure short link |
| assertExtractsCorrectly( |
| 'uddeBVmKTqE', |
| 'https://youtu.be/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 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()); |
| } |