Skip to content
This repository has been archived by the owner on Feb 13, 2019. It is now read-only.

Commit

Permalink
basic vpaid integration
Browse files Browse the repository at this point in the history 
vpaid tests
  • Loading branch information
@mente
mente committed Oct 23, 2014
1 parent 3ad79aa commit 1c2557f
Show file tree
Hide file tree
Showing 6 changed files with 800 additions and 100 deletions.
4 changes: 2 additions & 2 deletions Gruntfile.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,9 +25,9 @@ var gruntConfig = {
specs: specs,
helpers: helpers,
vendor: [
"http://vjs.zencdn.net/4.4.3/video.js",
"bower_components/videojs/dist/video-js/video.dev.js",
"bower_components/videojs-contrib-ads/src/videojs.ads.js",
"lib/vast-client.js"
"bower_components/vast-client-js/vast-client.js"
]
}
},
Expand Down
4 changes: 2 additions & 2 deletions bower.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,8 +27,8 @@
"lib"
],
"dependencies": {
"videojs": "4.4.3",
"vast-client-js": "1.1.2",
"videojs": "4.9.1",
"vast-client-js": "1.3.0",
"videojs-contrib-ads": "0.4.0"
}
}
5 changes: 3 additions & 2 deletions example.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,9 @@
}
</style>
<!--[if lt IE 9]><script src="lib/es5.js"></script><![endif]-->
<script src="http://vjs.zencdn.net/4.7.1/video.js"></script>
<script src="lib/videojs-contrib-ads/videojs.ads.js"></script>
<script src="bower_components/videojs/dist/video-js/video.js"></script>
<script src="bower_components/videojs-contrib-ads/src/videojs.ads.js"></script>
<script src="bower_components/vast-client-js/vast-client.js"></script>

<script src="lib/vast-client.js"></script>
<script src="videojs.vast.js"></script>
Expand Down
311 changes: 308 additions & 3 deletions spec/VastPluginSpec.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,8 @@
video.load = function() {};
video.play = function() {};

video.buffered = 0;

// see https://github.com/videojs/videojs-contrib-ads/blob/master/test/videojs.ads.test.js#L23
window.setImmediate = function(callback) {
callback.call(window);
Expand Down Expand Up @@ -192,8 +194,8 @@

describe("tearDown", function() {

it("should end the linear ad", function() {
spyOn(player.ads, "endLinearAdMode");
it("should end the linear ad", function(done) {
spyOn(player.ads, "endLinearAdMode").and.callFake(done);
spyOn(player, "off");

// TODO: fix this
Expand All @@ -204,7 +206,6 @@

player.vast.tearDown();
expect(player.off).toHaveBeenCalledWith("ended", jasmine.any(Function));
expect(player.ads.endLinearAdMode).toHaveBeenCalled();
});
});

Expand Down Expand Up @@ -333,6 +334,310 @@

});

describe("findOptimalVPAIDTech", function() {
it("should return javascript media", function() {
var mediaFiles = [
{
fileURL: "TRL",
mimeType: "video/mp4",
width: 640,
height: 360
},
{
fileURL: "BuddhaForRill",
mimeType: "video/mp4",
width: 853,
height: 480
},
{
fileURL: "BuddhaForRill",
mimeType: "application/x-shockwave-flash",
width: 853,
height: 480,
apiFramework: "VPAID"
},
{
fileURL: "BuddhaForRill",
mimeType: "application/javascript",
width: 853,
height: 480,
apiFramework: "VPAID"
}
];

expect(player.vast.findOptimalVPAIDTech(mediaFiles).mimeType).toEqual('application/javascript');
});


it("should return flash file as the only present VPAID type in media files", function() {
var mediaFiles = [
{
fileURL: "TRL",
mimeType: "video/mp4",
width: 640,
height: 360
},
{
fileURL: "BuddhaForRill",
mimeType: "application/x-shockwave-flash",
width: 853,
height: 480,
apiFramework: "VPAID"
},
{
fileURL: "BuddhaForRill",
mimeType: "video/mp4",
width: 853,
height: 480
}
];

expect(player.vast.findOptimalVPAIDTech(mediaFiles).mimeType).toEqual('application/x-shockwave-flash');
});

it("should return null as VPAID tech is not found", function() {
var mediaFiles = [
{
fileURL: "TRL",
mimeType: "video/mp4",
width: 640,
height: 360
},
{
fileURL: "BuddhaForRill",
mimeType: "video/mp4",
width: 853,
height: 480
}
];

expect(player.vast.findOptimalVPAIDTech(mediaFiles)).toBeNull();
});
});

});

describe("VPAID", function() {
var vpaidTech = {
"apiFramework": "VPAID",
"bitrate": 0,
"codec": null,
"deliveryType": "progressive",
"fileURL": "http://cdn-static.liverail.com/js/LiveRail.AdManager-1.0.js?LR_PUBLISHER_ID=1331&LR_FORMAT=application/javascript&LR_AUTOPLAY=0&LR_DEBUG=4",
"height": 480,
"maxBitrate": 0,
"mimeType": "application/javascript",
"minBitrate": 0,
"width": 640
};

beforeEach(function() {
spyOn(vast.client, "get").and.callFake(function(url, callback){
var response = {
"ads": [
{
"creatives": [
{
"duration": 15,
"mediaFiles": [vpaidTech],
"skipDelay": null,
"trackingEvents": {},
"type": "linear",
"videoClickThroughURLTemplate": null,
"videoClickTrackingURLTemplates": []
},
{
"type": "companion",
"variations": [
{
"height": "250",
"id": null,
"staticResource": null,
"trackingEvents": {},
"type": null,
"width": "300"
},
{
"height": "60",
"id": null,
"staticResource": null,
"trackingEvents": {},
"type": null,
"width": "300"
},
{
"height": "90",
"id": null,
"staticResource": null,
"trackingEvents": {},
"type": null,
"width": "728"
}
],
"videoClickTrackingURLTemplates": []
}
],
"errorURLTemplates": [],
"impressionURLTemplates": [
null
]
}
],
"errorURLTemplates": []
};
callback(response);
});

function MockVPAIDAd() {
var self = this;

this.listeners = {};
this.totalListeners = function() {
var total = 0;
for (var event in self.listeners) {
if (!self.listeners.hasOwnProperty(event)) {
continue;
}

total += self.listeners[event].length;
}

return total;
};

this.handshakeVersion = function(version) {
return version;
};

this.initAd = function() {
this.trigger('AdLoaded');
};

this.subscribe = function(func, event) {
if (self.listeners[event] === undefined) {
self.listeners[event] = [];
}
self.listeners[event].push(func);
};

this.unsubscribe = function(func, event) {
if (self.listeners[event] === undefined) {
return;
}

var index = self.listeners[event].indexOf(func);
if (index >= 0) {
self.listeners[event].splice(index, 1);
}
};

this.trigger = function(event) {
if (self.listeners[event]) {
for (var i = 0; i < self.listeners[event].length; i++) {
self.listeners[event][i]();
}
}
};

return this;
}

var ad = new MockVPAIDAd();
this.mockAd = ad;
spyOn(player.vast, 'loadVPAIDResource').and.callFake(function(mediaFile, callback) {
callback(ad);
});
});

it("should load VAST, parse vpaid and call adsready", function(done) {
var adsReadyCallback = jasmine.createSpy('adsReadyCallback').and.callFake(done);
spyOn(this.mockAd, 'handshakeVersion').and.callThrough();
spyOn(this.mockAd, 'initAd').and.callThrough();

player.one('adsready', adsReadyCallback);


player.vast.getContent("fake url");


expect(player.vast.loadVPAIDResource).toHaveBeenCalled();
expect(this.mockAd.handshakeVersion).toHaveBeenCalled();
expect(this.mockAd.initAd).toHaveBeenCalled();
expect(player.vastTracker).toBeDefined();
});

describe('events', function() {
['AdStopped', 'AdError'].forEach(function(event) {
it('should call tearDown as soon as ' + event + ' event is triggered', function() {
spyOn(player.vast, 'tearDown');

player.vast.getContent("fake url");
this.mockAd.trigger(event);

expect(player.vast.tearDown).toHaveBeenCalled();
});
});

it('should call tearDown and track event to VAST when AdSkipped event is triggered', function() {
spyOn(player.vast, 'tearDown');

player.vast.getContent("fake url");
spyOn(player.vastTracker, 'skip');
this.mockAd.trigger('AdSkipped');

expect(player.vast.tearDown).toHaveBeenCalled();
expect(player.vastTracker.skip).toHaveBeenCalled();
});
});

describe('tearDown', function() {
it('should correctly remove vpaid video element and show original after tearDown', function() {
spyOn(player.vast, 'tearDown').and.callThrough();

player.vast.getContent("fake url");
expect(document.querySelectorAll('video').length).toEqual(2);
expect(document.querySelector('.vjs-tech').style.display).toEqual('none');
this.mockAd.trigger('AdStopped');

expect(player.vast.tearDown).toHaveBeenCalled();
expect(document.querySelectorAll('video').length).toEqual(1);
expect(document.querySelector('.vjs-tech').style.display).toEqual('');
});

it('should remove all listeners from vpaid after tear down', function() {
var callback = jasmine.createSpy('AdStoppedCallback');

player.vast.getContent("fake url");
player.vast.onVPAID('AdStopped', callback);
player.vast.tearDown();

expect(callback).not.toHaveBeenCalled();
expect(this.mockAd.totalListeners()).toEqual(0);
});

it('should remove vpaid ad controls after tear down', function() {
player.vast.getContent("fake url");

expect(document.querySelector('.vast-ad-control')).not.toBeNull();
player.vast.tearDown();
expect(document.querySelector('.vast-ad-control')).toBeNull();
});
});
});

describe('Localization', function() {
it('should use video.js localization if vjs.localize is available', function() {
spyOn(player, 'localize');
player.vast.createSkipButton();
player.vast.enableSkipButton();

expect(player.localize).toHaveBeenCalled();
});

it('should fallback to default text if vjs.localize is not available (prior to video.js 4.7.3)', function() {
player.localize = undefined;
player.vast.createSkipButton();
player.vast.enableSkipButton();
});
});
})(window, videojs, DMVAST);
Loading

0 comments on commit 1c2557f

Please sign in to comment.