Skip to content

Commit

Permalink
Merge pull request #781 from msgilligan/msgilligan-jasmine-tests
Browse files Browse the repository at this point in the history 
Add a few basic Jasmine tests
  • Loading branch information
@johndyer
johndyer committed Mar 11, 2013
2 parents 67b7cf9 + 5a919a8 commit 06c430b
Show file tree
Hide file tree
Showing 8 changed files with 3,674 additions and 0 deletions.
45 changes: 45 additions & 0 deletions test/Spec-CreateRemove.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
describe("HTMLMediaElement", function() {
var player;
var element;
var domElem;
var NETWORK_EMPTY = 0, NETWORK_IDLE = 1, NETWORK_LOADING = 2, NETWORK_NO_SOURCE = 3;
var HAVE_NOTHING = 0, HAVE_METADATA = 1, HAVE_CURRENT_DATA = 2, HAVE_FUTURE_DATA = 3, HAVE_ENOUGH_DATA = 4;
var METADATA_TIMEOUT = 500, ENOUGH_DATA_TIMEOUT = 1000;

beforeEach(function() {
});

afterEach(function() {
});

it("should be able to create and remove a player and clean up everything", function() {
runs(function() {
$('body').prepend('<video width="640" height="360" id="player1" poster="../media/echo-hereweare.jpg">' +
'<source type="video/mp4" src="../media/echo-hereweare.mp4" ></source>' +
'<source type="video/webm" src="../media/echo-hereweare.webm" ></source>' +
'</video>');
player = new MediaElementPlayer('#player1', {
enableAutosize: false,
success: function(mediaElement, domObject) {
element = mediaElement;
domElem = domObject;
}
});
});
waitsFor(function() {
return element !== null;
}, "MediaElement should have loaded", 5000);
runs(function() {
expect(element.pluginType).toEqual('native');
player.remove();
player = null;
element = null;
domElem.parentNode.removeChild(domElem);
domElem = null;
// Issue #670: https://github.com/johndyer/mediaelement/issues/670
expect(mejs.players.length).toEqual(0);

});
});

});
90 changes: 90 additions & 0 deletions test/Spec-Player.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
describe("HTMLMediaElement", function() {
var player;
var element;
var domElem;
var NETWORK_EMPTY = 0, NETWORK_IDLE = 1, NETWORK_LOADING = 2, NETWORK_NO_SOURCE = 3;
var HAVE_NOTHING = 0, HAVE_METADATA = 1, HAVE_CURRENT_DATA = 2, HAVE_FUTURE_DATA = 3, HAVE_ENOUGH_DATA = 4;
var METADATA_TIMEOUT = 500, ENOUGH_DATA_TIMEOUT = 1000;

beforeEach(function() {
$('body').prepend('<video width="640" height="360" id="player1" poster="../media/echo-hereweare.jpg">' +
'<source type="video/mp4" src="../media/echo-hereweare.mp4" ></source>' +
'<source type="video/webm" src="../media/echo-hereweare.webm" ></source>' +
'</video>');
player = new MediaElementPlayer('#player1', {
enableAutosize: false,
success: function(mediaElement, domObject) {
element = mediaElement;
domElem = domObject;
}
});
waitsFor(function() {
return element !== null;
}, "MediaElement should have loaded", 5000);
});

afterEach(function() {
player.remove();
player = null;
element = null;
domElem.parentNode.removeChild(domElem);
domElem = null;
});

it("should be of pluginType native", function() {
expect(element.pluginType).toEqual('native');
});

it("should not be in Full Screen Mode", function() {
expect(element.isFullScreen).toEqual(false);
});

it("should be able to set video size", function() {
var expectedWidth = 200, expectedHeight = 100;
element.setVideoSize(expectedWidth, expectedHeight);
expect(element.width).toEqual(expectedWidth);
expect(element.height).toEqual(expectedHeight);
});

it("should be able to set volume", function() {
var expectedVolume = 0.5;
element.setVolume(expectedVolume);
expect(element.volume).toEqual(expectedVolume);
});

it("should be able to mute and un-mute", function() {
element.setMuted(true);
expect(element.muted).toEqual(true);
element.setMuted(false);
expect(element.muted).toEqual(false);
});

it("should be able to read the currentTime", function() {
expect(element.currentTime).toEqual(0);
});

it("should be able to read the paused state", function() {
expect(element.paused).toEqual(true);
});

it("should be able to set the play/paused state", function() {
element.play();
expect(element.paused).toEqual(false);
element.pause();
expect(element.paused).toEqual(true);
});

it("should implmenent stop() for parity with MEJS plugin versions", function() {
element.play();
expect(element.paused).toEqual(false);
element.stop();
expect(element.paused).toEqual(true);
});

it("should HAVE_METADATA within a timeout period", function() {
waitsFor(function() {
return element.readyState >= HAVE_METADATA;
}, "Metadata should be loaded", METADATA_TIMEOUT);
});

});
78 changes: 78 additions & 0 deletions test/SpecRunner-CreateRemove.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Jasmine Spec Runner</title>

<link rel="shortcut icon" type="image/png" href="lib/jasmine-1.3.1/jasmine_favicon.png">
<link rel="stylesheet" type="text/css" href="lib/jasmine-1.3.1/jasmine.css">
<link rel="stylesheet" href="../build/mediaelementplayer.min.css" />

<script type="text/javascript" src="lib/jasmine-1.3.1/jasmine.js"></script>
<script type="text/javascript" src="lib/jasmine-1.3.1/jasmine-html.js"></script>

<script src="../build/jquery.js"></script>

<!-- include source files here... -->
<script src="../src/js/me-header.js"></script>
<script src="../src/js/me-namespace.js"></script>
<script src="../src/js/me-utility.js"></script>
<script src="../src/js/me-plugindetector.js"></script>
<script src="../src/js/me-featuredetection.js"></script>
<script src="../src/js/me-mediaelements.js"></script>
<script src="../src/js/me-shim.js"></script>
<script src="../src/js/me-i18n.js"></script>
<script src="../src/js/me-i18n-locale-de.js"></script>

<script src="../src/js/mep-header.js"></script>
<script src="../src/js/mep-library.js"></script>
<script src="../src/js/mep-player.js"></script>
<script src="../src/js/mep-feature-playpause.js"></script>
<script src="../src/js/mep-feature-stop.js"></script>
<script src="../src/js/mep-feature-progress.js"></script>
<script src="../src/js/mep-feature-time.js"></script>
<script src="../src/js/mep-feature-volume.js"></script>
<script src="../src/js/mep-feature-fullscreen.js"></script>
<script src="../src/js/mep-feature-tracks.js"></script>
<script src="../src/js/mep-feature-contextmenu.js"></script>
<script src="../src/js/mep-feature-postroll.js"></script>

<!-- include spec files here... -->
<!-- <script src="SpecHelper.js"></script> -->
<script src="Spec-CreateRemove.js"></script>

<script type="text/javascript">
(function() {
var jasmineEnv = jasmine.getEnv();
jasmineEnv.updateInterval = 1000;

var htmlReporter = new jasmine.HtmlReporter();

jasmineEnv.addReporter(htmlReporter);

jasmineEnv.specFilter = function(spec) {
return htmlReporter.specFilter(spec);
};

var currentWindowOnload = window.onload;

window.onload = function() {
if (currentWindowOnload) {
currentWindowOnload();
}
execJasmine();
};

function execJasmine() {
jasmineEnv.execute();
}

})();
</script>

</head>

<body>
<!-- VIDEO TAG GETS PREPENDED ABOVE HERE -->
</body>
</html>
78 changes: 78 additions & 0 deletions test/SpecRunner-Player.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Jasmine Spec Runner</title>

<link rel="shortcut icon" type="image/png" href="lib/jasmine-1.3.1/jasmine_favicon.png">
<link rel="stylesheet" type="text/css" href="lib/jasmine-1.3.1/jasmine.css">
<link rel="stylesheet" href="../build/mediaelementplayer.min.css" />

<script type="text/javascript" src="lib/jasmine-1.3.1/jasmine.js"></script>
<script type="text/javascript" src="lib/jasmine-1.3.1/jasmine-html.js"></script>

<script src="../build/jquery.js"></script>

<!-- include source files here... -->
<script src="../src/js/me-header.js"></script>
<script src="../src/js/me-namespace.js"></script>
<script src="../src/js/me-utility.js"></script>
<script src="../src/js/me-plugindetector.js"></script>
<script src="../src/js/me-featuredetection.js"></script>
<script src="../src/js/me-mediaelements.js"></script>
<script src="../src/js/me-shim.js"></script>
<script src="../src/js/me-i18n.js"></script>
<script src="../src/js/me-i18n-locale-de.js"></script>

<script src="../src/js/mep-header.js"></script>
<script src="../src/js/mep-library.js"></script>
<script src="../src/js/mep-player.js"></script>
<script src="../src/js/mep-feature-playpause.js"></script>
<script src="../src/js/mep-feature-stop.js"></script>
<script src="../src/js/mep-feature-progress.js"></script>
<script src="../src/js/mep-feature-time.js"></script>
<script src="../src/js/mep-feature-volume.js"></script>
<script src="../src/js/mep-feature-fullscreen.js"></script>
<script src="../src/js/mep-feature-tracks.js"></script>
<script src="../src/js/mep-feature-contextmenu.js"></script>
<script src="../src/js/mep-feature-postroll.js"></script>

<!-- include spec files here... -->
<!-- <script src="SpecHelper.js"></script> -->
<script src="Spec-Player.js"></script>

<script type="text/javascript">
(function() {
var jasmineEnv = jasmine.getEnv();
jasmineEnv.updateInterval = 1000;

var htmlReporter = new jasmine.HtmlReporter();

jasmineEnv.addReporter(htmlReporter);

jasmineEnv.specFilter = function(spec) {
return htmlReporter.specFilter(spec);
};

var currentWindowOnload = window.onload;

window.onload = function() {
if (currentWindowOnload) {
currentWindowOnload();
}
execJasmine();
};

function execJasmine() {
jasmineEnv.execute();
}

})();
</script>

</head>

<body>
<!-- VIDEO TAG GETS PREPENDED ABOVE HERE -->
</body>
</html>
20 changes: 20 additions & 0 deletions test/lib/jasmine-1.3.1/MIT.LICENSE
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
Copyright (c) 2008-2011 Pivotal Labs

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Loading

0 comments on commit 06c430b

Please sign in to comment.