mirror of
https://github.com/h5bp/html5-boilerplate.git
synced 2026-01-09 14:48:02 -05:00
QUnit updated to master. Cleaned out the existing tests some. fixes #23
This commit is contained in:
paulirish
251
test/index.html
251
test/index.html
@@ -2,251 +2,30 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>QUnit Tests</title>
|
||||
<link rel="stylesheet" href="qunit/testsuite.css" type="text/css" media="screen">
|
||||
<link rel="stylesheet" href="qunit/qunit.css" media="screen">
|
||||
|
||||
<!-- reference your own javascript files here -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../js/plugins.js"></script>
|
||||
<script type="text/javascript" src="../js/script.js"></script>
|
||||
|
||||
<script src="../js/modernizr-1.5.min.js"></script>
|
||||
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
||||
<script src="../js/plugins.js"></script>
|
||||
<script src="../js/script.js"></script>
|
||||
|
||||
|
||||
<!-- test runner files -->
|
||||
<script type="text/javascript" src="jquery-1.2.6.js"></script>
|
||||
<script type="text/javascript" src="qunit/testrunner.js"></script>
|
||||
<script type="text/javascript" src="tests.js"></script>
|
||||
<script src="qunit/qunit.js"></script>
|
||||
<script src="tests.js"></script>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body class="flora">
|
||||
<h1>Unit Tests <small style="font-size: 80%; font-weight:normal">(executed by <a href="http://docs.jquery.com/QUnit">QUnit</a>)</small></h1>
|
||||
<h2 id="banner"></h2>
|
||||
<h2 id="userAgent"></h2>
|
||||
|
||||
<!-- Test HTML -->
|
||||
<div id="other" style="display:none;">
|
||||
<input type="password" name="pw1" id="pw1" value="engfeh" />
|
||||
<input type="password" name="pw2" id="pw2" value="" />
|
||||
</div>
|
||||
<div id="main" style="display:none;">
|
||||
<p id="firstp">See <a id="simon1" href="http://simon.incutio.com/archive/2003/03/25/#getElementsBySelector" rel="bookmark">this blog entry</a> for more information.</p>
|
||||
<p id="ap">
|
||||
Here are some links in a normal paragraph: <a id="google" href="http://www.google.com/" title="Google!">Google</a>,
|
||||
<a id="groups" href="http://groups.google.com/">Google Groups</a>.
|
||||
This link has <code><a href="#" id="anchor1">class="blog"</a></code>:
|
||||
<a href="http://diveintomark.org/" class="blog" hreflang="en" id="mark">diveintomark</a>
|
||||
|
||||
</p>
|
||||
<div id="foo">
|
||||
<p id="sndp">Everything inside the red border is inside a div with <code>id="foo"</code>.</p>
|
||||
<p lang="en" id="en">This is a normal link: <a id="yahoo" href="http://www.yahoo.com/" class="blogTest">Yahoo</a></p>
|
||||
<p id="sap">This link has <code><a href="#2" id="anchor2">class="blog"</a></code>: <a href="http://simon.incutio.com/" class="blog link" id="simon">Simon Willison's Weblog</a></p>
|
||||
|
||||
</div>
|
||||
<p id="first">Try them out:</p>
|
||||
<ul id="firstUL"></ul>
|
||||
<ol id="empty"></ol>
|
||||
|
||||
<form id="testForm1">
|
||||
<input class="{required:true,minlength:2}" title="buga" name="firstname" id="firstname" />
|
||||
<label id="errorFirstname" for="firstname" class="error">error for firstname</label>
|
||||
<input class="{required:true}" title="buga" name="lastname" id="lastname" />
|
||||
<input class="{required:true}" title="something" name="something" id="something" value="something" />
|
||||
</form>
|
||||
|
||||
<form id="testForm1clean">
|
||||
<input title="buga" name="firstname" id="firstnamec" />
|
||||
<label id="errorFirstname" for="firstname" class="error">error for firstname</label>
|
||||
<input title="buga" name="lastname" id="lastnamec" />
|
||||
</form>
|
||||
|
||||
<form id="userForm">
|
||||
<input class="{required:true}" name="username" id="username" />
|
||||
</form>
|
||||
|
||||
<form method="post" id="signupForm" action="../demo/form.php">
|
||||
<input id="user" name="user" title="Please enter your username (at least 3 characters)" class="{required:true,minlength:3}" />
|
||||
<input type="password" name="password" id="password" class="{required:true,minlength:5}" />
|
||||
</form>
|
||||
|
||||
<form id="testForm2">
|
||||
<input class="{required:true}" type="radio" name="agree" id="agb" />
|
||||
<label for="agree" id="agreeLabel" class="xerror">error for agb</label>
|
||||
</form>
|
||||
|
||||
<form id="testForm3">
|
||||
<select class="{required:true}" name="meal" id="meal" >
|
||||
<option value="">Please select...</option>
|
||||
<option value="1">Food</option>
|
||||
<option value="2">Milk</option>
|
||||
</select>
|
||||
</form>
|
||||
<div class="error" id="errorContainer">
|
||||
<ul>
|
||||
<li class="error" id="errorWrapper">
|
||||
<label for="meal" id="mealLabel" class="error">error for meal</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form id="testForm4">
|
||||
<input class="{foo:true}" name="f1" id="f1" />
|
||||
<input class="{bar:true}" name="f2" id="f2" />
|
||||
</form>
|
||||
|
||||
<form id="testForm5">
|
||||
<input class="{equalTo:'#x2'}" value="x" name="x1" id="x1" />
|
||||
<input class="{equalTo:'#x1'}" value="y" name="x2" id="x2" />
|
||||
</form>
|
||||
|
||||
<form id="testForm6">
|
||||
<input class="{required:true,minlength:2}" type="checkbox" name="check" id="form6check1" />
|
||||
<input type="checkbox" name="check" id="form6check2" />
|
||||
</form>
|
||||
|
||||
<form id="testForm7">
|
||||
<select class="{required:true,minlength:2}" name="select5" id="select5" multiple="multiple">
|
||||
<option id="optionxa" value="0">0</option>
|
||||
<option id="optionxb" value="1">1</option>
|
||||
<option id="optionxc" value="2">2</option>
|
||||
<option id="optionxd" value="3">3</option>
|
||||
</select>
|
||||
</form>
|
||||
|
||||
<form id="dateRangeForm">
|
||||
<input id="fromDate" name="fromDate" class="requiredDateRange" value="x" />
|
||||
<input id="toDate" name="toDate" class="requiredDateRange" value="y" />
|
||||
<span class="errorContainer"></span>
|
||||
</form>
|
||||
|
||||
<form id="testForm8">
|
||||
<input id="form8input" class="{required:true,number:true,rangelength:[2,8]}" name="abc" />
|
||||
<input type="radio" name="radio1"/>
|
||||
</form>
|
||||
|
||||
<form id="testForm9">
|
||||
<input id="testEmail9" class="{required:true,email:true,messages:{required:'required',email:'email'}}" />
|
||||
</form>
|
||||
|
||||
<div id="simplecontainer">
|
||||
<h3></h3>
|
||||
</div>
|
||||
|
||||
<div id="container"></div>
|
||||
|
||||
<ol id="labelcontainer"></ol>
|
||||
|
||||
<form id="elementsOrder">
|
||||
<select class="required" name="order1" id="order1"><option value="">none</option></select>
|
||||
<input class="required" name="order2" id="order2"/>
|
||||
<input class="required" name="order3" type="checkbox" id="order3"/>
|
||||
<input class="required" name="order4" id="order4"/>
|
||||
<input class="required" name="order5" type="radio" id="order5"/>
|
||||
<input class="required" name="order6" id="order6"/>
|
||||
<ul id="orderContainer">
|
||||
</ul>
|
||||
</form>
|
||||
|
||||
<form id="form" action="formaction">
|
||||
<input type="text" name="action" value="Test" id="text1"/>
|
||||
<input type="text" name="text2" value="T" id="text2"/>
|
||||
<input type="text" name="text2" value="TestTestTest" id="text3"/>
|
||||
|
||||
<input type="text" name="action" value="0" id="value1"/>
|
||||
<input type="text" name="text2" value="10" id="value2"/>
|
||||
<input type="text" name="text2" value="1000" id="value3"/>
|
||||
|
||||
<input type="radio" name="radio1" id="radio1"/>
|
||||
<input type="radio" name="radio1" id="radio1a"/>
|
||||
<input type="radio" name="radio2" id="radio2" checked="checked"/>
|
||||
<input type="radio" name="radio" id="radio3"/>
|
||||
<input type="radio" name="radio" id="radio4" checked="checked"/>
|
||||
|
||||
<input type="checkbox" name="check" id="check1" checked="checked"/>
|
||||
<input type="checkbox" name="check" id="check1b" />
|
||||
|
||||
<input type="checkbox" name="check2" id="check2"/>
|
||||
|
||||
<input type="checkbox" name="check3" id="check3" checked="checked"/>
|
||||
<input type="checkbox" name="check3" checked="checked"/>
|
||||
<input type="checkbox" name="check3" checked="checked"/>
|
||||
<input type="checkbox" name="check3" checked="checked"/>
|
||||
<input type="checkbox" name="check3" checked="checked"/>
|
||||
|
||||
<input type="hidden" name="hidden" id="hidden1"/>
|
||||
<input type="text" style="display:none;" name="foo[bar]" id="hidden2"/>
|
||||
|
||||
<input type="text" readonly="readonly" id="name" name="name" value="name" />
|
||||
|
||||
<button name="button">Button</button>
|
||||
|
||||
<textarea id="area1" name="area1"">foobar</textarea>
|
||||
|
||||
|
||||
<textarea id="area2" name="area2"></textarea>
|
||||
|
||||
<select name="select1" id="select1">
|
||||
<option id="option1a" value="">Nothing</option>
|
||||
<option id="option1b" value="1">1</option>
|
||||
<option id="option1c" value="2">2</option>
|
||||
<option id="option1d" value="3">3</option>
|
||||
</select>
|
||||
<select name="select2" id="select2">
|
||||
<option id="option2a" value="">Nothing</option>
|
||||
<option id="option2b" value="1">1</option>
|
||||
<option id="option2c" value="2">2</option>
|
||||
<option id="option2d" selected="selected" value="3">3</option>
|
||||
</select>
|
||||
<select name="select3" id="select3" multiple="multiple">
|
||||
<option id="option3a" value="">Nothing</option>
|
||||
<option id="option3b" selected="selected" value="1">1</option>
|
||||
<option id="option3c" selected="selected" value="2">2</option>
|
||||
<option id="option3d" value="3">3</option>
|
||||
</select>
|
||||
<select name="select4" id="select4" multiple="multiple">
|
||||
<option id="option3b" selected="selected" value="1">1</option>
|
||||
<option id="option3c" selected="selected" value="2">2</option>
|
||||
<option id="option3d" selected="selected" value="3">3</option>
|
||||
<option id="option3e" selected="selected" value="4">4</option>
|
||||
<option id="option3f" selected="selected" value="5">5</option>
|
||||
</select>
|
||||
<select name="select5" id="select5" multiple="multiple">
|
||||
<option id="option3a" value="0">0</option>
|
||||
<option id="option3b" value="1">1</option>
|
||||
<option id="option3c" value="2">2</option>
|
||||
<option id="option3d" value="3">3</option>
|
||||
</select>
|
||||
</form>
|
||||
|
||||
<form id="v2">
|
||||
<input id="v2-i1" name="v2-i1" class="required" />
|
||||
<input id="v2-i2" name="v2-i2" class="required email" />
|
||||
<input id="v2-i3" name="v2-i3" class="url" />
|
||||
<input id="v2-i4" name="v2-i4" class="required" minlength="2" />
|
||||
<input id="v2-i5" name="v2-i5" class="required" minlength="2" maxlength="5" customMethod1="123" />
|
||||
<input id="v2-i6" name="v2-i6" class="required customMethod2 {maxlength: 5}" minlength="2" />
|
||||
<input id="v2-i7" name="v2-i7" />
|
||||
</form>
|
||||
|
||||
<form id="checkables">
|
||||
<input type="checkbox" id="checkable1" name="checkablesgroup" class="required" />
|
||||
<input type="checkbox" id="checkable2" name="checkablesgroup" />
|
||||
<input type="checkbox" id="checkable3" name="checkablesgroup" />
|
||||
</form>
|
||||
|
||||
|
||||
<form id="subformRequired">
|
||||
<div class="billingAddressControl">
|
||||
<input type="checkbox" id="bill_to_co" name="bill_to_co" class="toggleCheck" checked="checked" style="width: auto;" tabindex="1" />
|
||||
<label for="bill_to_co" style="cursor:pointer">Same as Company Address</label>
|
||||
</div>
|
||||
<div id="subform">
|
||||
<input maxlength="40" class="billingRequired" name="bill_first_name" size="20" type="text" tabindex="2" value="" />
|
||||
</div>
|
||||
<input id="co_name" class="required" maxlength="40" name="co_name" size="20" type="text" tabindex="1" value="" />
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<ol id="tests"></ol>
|
||||
<h1 id="qunit-header">QUnit Test Suite</h1>
|
||||
<h2 id="qunit-banner"></h2>
|
||||
<div id="qunit-testrunner-toolbar"></div>
|
||||
<h2 id="qunit-userAgent"></h2>
|
||||
<ol id="qunit-tests"></ol>
|
||||
<div id="qunit-fixture">test markup</div>
|
||||
</body>
|
||||
</html>
|
||||
3549
test/jquery-1.2.6.js
vendored
3549
test/jquery-1.2.6.js
vendored
File diff suppressed because it is too large
Load Diff
148
test/qunit/qunit.css
Executable file
148
test/qunit/qunit.css
Executable file
@@ -0,0 +1,148 @@
|
||||
/** Font Family and Sizes */
|
||||
|
||||
#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
|
||||
font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
|
||||
}
|
||||
|
||||
#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
|
||||
#qunit-tests { font-size: smaller; }
|
||||
|
||||
|
||||
/** Resets */
|
||||
|
||||
#qunit-tests, #qunit-tests li ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/** Header */
|
||||
|
||||
#qunit-header {
|
||||
padding: 0.5em 0 0.5em 1em;
|
||||
|
||||
color: #fff;
|
||||
text-shadow: rgba(0, 0, 0, 0.5) 4px 4px 1px;
|
||||
background-color: #0d3349;
|
||||
|
||||
border-radius: 15px 15px 0 0;
|
||||
-moz-border-radius: 15px 15px 0 0;
|
||||
-webkit-border-top-right-radius: 15px;
|
||||
-webkit-border-top-left-radius: 15px;
|
||||
}
|
||||
|
||||
#qunit-banner {
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
#qunit-testrunner-toolbar {
|
||||
padding: 0em 0 0.5em 2em;
|
||||
}
|
||||
|
||||
#qunit-userAgent {
|
||||
padding: 0.5em 0 0.5em 2.5em;
|
||||
background-color: #2b81af;
|
||||
color: #fff;
|
||||
text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
|
||||
}
|
||||
|
||||
|
||||
/** Tests: Pass/Fail */
|
||||
|
||||
#qunit-tests {
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
#qunit-tests li {
|
||||
padding: 0.4em 0.5em 0.4em 2.5em;
|
||||
border-bottom: 1px solid #fff;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
#qunit-tests li strong {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#qunit-tests li ol {
|
||||
margin-top: 0.5em;
|
||||
padding: 0.5em;
|
||||
|
||||
background-color: #fff;
|
||||
|
||||
border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
-webkit-border-radius: 15px;
|
||||
|
||||
box-shadow: inset 0px 2px 13px #999;
|
||||
-moz-box-shadow: inset 0px 2px 13px #999;
|
||||
-webkit-box-shadow: inset 0px 2px 13px #999;
|
||||
}
|
||||
|
||||
#qunit-tests li li {
|
||||
margin: 0.5em;
|
||||
padding: 0.4em 0.5em 0.4em 0.5em;
|
||||
background-color: #fff;
|
||||
border-bottom: none;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
/*** Passing Styles */
|
||||
|
||||
#qunit-tests li li.pass {
|
||||
color: #5E740B;
|
||||
background-color: #fff;
|
||||
border-left: 26px solid #C6E746;
|
||||
}
|
||||
|
||||
#qunit-tests li.pass { color: #528CE0; background-color: #D2E0E6; }
|
||||
#qunit-tests li.pass span.test-name { color: #366097; }
|
||||
|
||||
#qunit-tests li li.pass span.test-actual,
|
||||
#qunit-tests li li.pass span.test-expected { color: #999999; }
|
||||
|
||||
strong b.pass { color: #5E740B; }
|
||||
|
||||
#qunit-banner.qunit-pass { background-color: #C6E746; }
|
||||
|
||||
/*** Failing Styles */
|
||||
|
||||
#qunit-tests li li.fail {
|
||||
color: #710909;
|
||||
background-color: #fff;
|
||||
border-left: 26px solid #EE5757;
|
||||
}
|
||||
|
||||
#qunit-tests li.fail { color: #000000; background-color: #EE5757; }
|
||||
#qunit-tests li.fail span.test-name,
|
||||
#qunit-tests li.fail span.module-name { color: #000000; }
|
||||
|
||||
#qunit-tests li li.fail span.test-actual { color: #EE5757; }
|
||||
#qunit-tests li li.fail span.test-expected { color: green; }
|
||||
|
||||
strong b.fail { color: #710909; }
|
||||
|
||||
#qunit-banner.qunit-fail,
|
||||
#qunit-testrunner-toolbar { background-color: #EE5757; }
|
||||
|
||||
|
||||
/** Footer */
|
||||
|
||||
#qunit-testresult {
|
||||
padding: 0.5em 0.5em 0.5em 2.5em;
|
||||
|
||||
color: #2b81af;
|
||||
background-color: #D2E0E6;
|
||||
|
||||
border-radius: 0 0 15px 15px;
|
||||
-moz-border-radius: 0 0 15px 15px;
|
||||
-webkit-border-bottom-right-radius: 15px;
|
||||
-webkit-border-bottom-left-radius: 15px;
|
||||
}
|
||||
|
||||
/** Fixture */
|
||||
|
||||
#qunit-fixture {
|
||||
position: absolute;
|
||||
top: -10000px;
|
||||
left: -10000px;
|
||||
}
|
||||
1265
test/qunit/qunit.js
Executable file
1265
test/qunit/qunit.js
Executable file
File diff suppressed because it is too large
Load Diff
@@ -1,790 +0,0 @@
|
||||
/*
|
||||
* QUnit - jQuery unit testrunner
|
||||
*
|
||||
* http://docs.jquery.com/QUnit
|
||||
*
|
||||
* Copyright (c) 2008 John Resig, Jörn Zaefferer
|
||||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
||||
* and GPL (GPL-LICENSE.txt) licenses.
|
||||
*
|
||||
* $Id: testrunner.js 6173 2009-02-02 20:09:32Z jeresig $
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
// Tests for equality any JavaScript type and structure without unexpected results.
|
||||
// Discussions and reference: http://philrathe.com/articles/equiv
|
||||
// Test suites: http://philrathe.com/tests/equiv
|
||||
// Author: Philippe Rathé <prathe@gmail.com>
|
||||
var equiv = function () {
|
||||
|
||||
var innerEquiv; // the real equiv function
|
||||
var callers = []; // stack to decide between skip/abort functions
|
||||
|
||||
// Determine what is o.
|
||||
function hoozit(o) {
|
||||
if (typeof o === "string") {
|
||||
return "string";
|
||||
|
||||
} else if (typeof o === "boolean") {
|
||||
return "boolean";
|
||||
|
||||
} else if (typeof o === "number") {
|
||||
|
||||
if (isNaN(o)) {
|
||||
return "nan";
|
||||
} else {
|
||||
return "number";
|
||||
}
|
||||
|
||||
} else if (typeof o === "undefined") {
|
||||
return "undefined";
|
||||
|
||||
// consider: typeof null === object
|
||||
} else if (o === null) {
|
||||
return "null";
|
||||
|
||||
// consider: typeof [] === object
|
||||
} else if (o instanceof Array) {
|
||||
return "array";
|
||||
|
||||
// consider: typeof new Date() === object
|
||||
} else if (o instanceof Date) {
|
||||
return "date";
|
||||
|
||||
// consider: /./ instanceof Object;
|
||||
// /./ instanceof RegExp;
|
||||
// typeof /./ === "function"; // => false in IE and Opera,
|
||||
// true in FF and Safari
|
||||
} else if (o instanceof RegExp) {
|
||||
return "regexp";
|
||||
|
||||
} else if (typeof o === "object") {
|
||||
return "object";
|
||||
|
||||
} else if (o instanceof Function) {
|
||||
return "function";
|
||||
}
|
||||
}
|
||||
|
||||
// Call the o related callback with the given arguments.
|
||||
function bindCallbacks(o, callbacks, args) {
|
||||
var prop = hoozit(o);
|
||||
if (prop) {
|
||||
if (hoozit(callbacks[prop]) === "function") {
|
||||
return callbacks[prop].apply(callbacks, args);
|
||||
} else {
|
||||
return callbacks[prop]; // or undefined
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var callbacks = function () {
|
||||
|
||||
// for string, boolean, number and null
|
||||
function useStrictEquality(b, a) {
|
||||
return a === b;
|
||||
}
|
||||
|
||||
return {
|
||||
"string": useStrictEquality,
|
||||
"boolean": useStrictEquality,
|
||||
"number": useStrictEquality,
|
||||
"null": useStrictEquality,
|
||||
"undefined": useStrictEquality,
|
||||
|
||||
"nan": function (b) {
|
||||
return isNaN(b);
|
||||
},
|
||||
|
||||
"date": function (b, a) {
|
||||
return hoozit(b) === "date" && a.valueOf() === b.valueOf();
|
||||
},
|
||||
|
||||
"regexp": function (b, a) {
|
||||
return hoozit(b) === "regexp" &&
|
||||
a.source === b.source && // the regex itself
|
||||
a.global === b.global && // and its modifers (gmi) ...
|
||||
a.ignoreCase === b.ignoreCase &&
|
||||
a.multiline === b.multiline;
|
||||
},
|
||||
|
||||
// - skip when the property is a method of an instance (OOP)
|
||||
// - abort otherwise,
|
||||
// initial === would have catch identical references anyway
|
||||
"function": function () {
|
||||
var caller = callers[callers.length - 1];
|
||||
return caller !== Object &&
|
||||
typeof caller !== "undefined";
|
||||
},
|
||||
|
||||
"array": function (b, a) {
|
||||
var i;
|
||||
var len;
|
||||
|
||||
// b could be an object literal here
|
||||
if ( ! (hoozit(b) === "array")) {
|
||||
return false;
|
||||
}
|
||||
|
||||
len = a.length;
|
||||
if (len !== b.length) { // safe and faster
|
||||
return false;
|
||||
}
|
||||
for (i = 0; i < len; i++) {
|
||||
if( ! innerEquiv(a[i], b[i])) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
},
|
||||
|
||||
"object": function (b, a) {
|
||||
var i;
|
||||
var eq = true; // unless we can proove it
|
||||
var aProperties = [], bProperties = []; // collection of strings
|
||||
|
||||
// comparing constructors is more strict than using instanceof
|
||||
if ( a.constructor !== b.constructor) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// stack constructor before traversing properties
|
||||
callers.push(a.constructor);
|
||||
|
||||
for (i in a) { // be strict: don't ensures hasOwnProperty and go deep
|
||||
|
||||
aProperties.push(i); // collect a's properties
|
||||
|
||||
if ( ! innerEquiv(a[i], b[i])) {
|
||||
eq = false;
|
||||
}
|
||||
}
|
||||
|
||||
callers.pop(); // unstack, we are done
|
||||
|
||||
for (i in b) {
|
||||
bProperties.push(i); // collect b's properties
|
||||
}
|
||||
|
||||
// Ensures identical properties name
|
||||
return eq && innerEquiv(aProperties.sort(), bProperties.sort());
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
innerEquiv = function () { // can take multiple arguments
|
||||
var args = Array.prototype.slice.apply(arguments);
|
||||
if (args.length < 2) {
|
||||
return true; // end transition
|
||||
}
|
||||
|
||||
return (function (a, b) {
|
||||
if (a === b) {
|
||||
return true; // catch the most you can
|
||||
|
||||
} else if (typeof a !== typeof b || a === null || b === null || typeof a === "undefined" || typeof b === "undefined") {
|
||||
return false; // don't lose time with error prone cases
|
||||
|
||||
} else {
|
||||
return bindCallbacks(a, callbacks, [b, a]);
|
||||
}
|
||||
|
||||
// apply transition with (1..n) arguments
|
||||
})(args[0], args[1]) && arguments.callee.apply(this, args.splice(1, args.length -1));
|
||||
};
|
||||
|
||||
return innerEquiv;
|
||||
}(); // equiv
|
||||
|
||||
var GETParams = $.map( location.search.slice(1).split('&'), decodeURIComponent ),
|
||||
ngindex = $.inArray("noglobals", GETParams),
|
||||
noglobals = ngindex !== -1;
|
||||
|
||||
if( noglobals )
|
||||
GETParams.splice( ngindex, 1 );
|
||||
|
||||
var config = {
|
||||
stats: {
|
||||
all: 0,
|
||||
bad: 0
|
||||
},
|
||||
queue: [],
|
||||
// block until document ready
|
||||
blocking: true,
|
||||
//restrict modules/tests by get parameters
|
||||
filters: GETParams,
|
||||
isLocal: !!(window.location.protocol == 'file:')
|
||||
};
|
||||
|
||||
// public API as global methods
|
||||
$.extend(window, {
|
||||
test: test,
|
||||
module: module,
|
||||
expect: expect,
|
||||
ok: ok,
|
||||
equals: equals,
|
||||
start: start,
|
||||
stop: stop,
|
||||
reset: reset,
|
||||
isLocal: config.isLocal,
|
||||
same: function(a, b, message) {
|
||||
push(equiv(a, b), a, b, message);
|
||||
},
|
||||
QUnit: {
|
||||
equiv: equiv,
|
||||
ok: ok,
|
||||
done: function(failures, total){},
|
||||
log: function(result, message){}
|
||||
},
|
||||
// legacy methods below
|
||||
isSet: isSet,
|
||||
isObj: isObj,
|
||||
compare: function() {
|
||||
throw "compare is deprecated - use same() instead";
|
||||
},
|
||||
compare2: function() {
|
||||
throw "compare2 is deprecated - use same() instead";
|
||||
},
|
||||
serialArray: function() {
|
||||
throw "serialArray is deprecated - use jsDump.parse() instead";
|
||||
},
|
||||
q: q,
|
||||
t: t,
|
||||
url: url,
|
||||
triggerEvent: triggerEvent
|
||||
});
|
||||
|
||||
$(window).load(function() {
|
||||
$('#userAgent').html(navigator.userAgent);
|
||||
var head = $('<div class="testrunner-toolbar"><label for="filter-pass">Hide passed tests</label></div>').insertAfter("#userAgent");
|
||||
$('<input type="checkbox" id="filter-pass" />').attr("disabled", true).prependTo(head).click(function() {
|
||||
$('li.pass')[this.checked ? 'hide' : 'show']();
|
||||
});
|
||||
$('<input type="checkbox" id="filter-missing">').attr("disabled", true).appendTo(head).click(function() {
|
||||
$("li.fail:contains('missing test - untested code is broken code')").parent('ol').parent('li.fail')[this.checked ? 'hide' : 'show']();
|
||||
});
|
||||
$("#filter-missing").after('<label for="filter-missing">Hide missing tests (untested code is broken code)</label>');
|
||||
runTest();
|
||||
});
|
||||
|
||||
function synchronize(callback) {
|
||||
config.queue.push(callback);
|
||||
if(!config.blocking) {
|
||||
process();
|
||||
}
|
||||
}
|
||||
|
||||
function process() {
|
||||
while(config.queue.length && !config.blocking) {
|
||||
config.queue.shift()();
|
||||
}
|
||||
}
|
||||
|
||||
function stop(timeout) {
|
||||
config.blocking = true;
|
||||
if (timeout)
|
||||
config.timeout = setTimeout(function() {
|
||||
QUnit.ok( false, "Test timed out" );
|
||||
start();
|
||||
}, timeout);
|
||||
}
|
||||
function start() {
|
||||
// A slight delay, to avoid any current callbacks
|
||||
setTimeout(function() {
|
||||
if(config.timeout)
|
||||
clearTimeout(config.timeout);
|
||||
config.blocking = false;
|
||||
process();
|
||||
}, 13);
|
||||
}
|
||||
|
||||
function validTest( name ) {
|
||||
var i = config.filters.length,
|
||||
run = false;
|
||||
|
||||
if( !i )
|
||||
return true;
|
||||
|
||||
while( i-- ){
|
||||
var filter = config.filters[i],
|
||||
not = filter.charAt(0) == '!';
|
||||
if( not )
|
||||
filter = filter.slice(1);
|
||||
if( name.indexOf(filter) != -1 )
|
||||
return !not;
|
||||
if( not )
|
||||
run = true;
|
||||
}
|
||||
return run;
|
||||
}
|
||||
|
||||
function runTest() {
|
||||
config.blocking = false;
|
||||
var started = +new Date;
|
||||
config.fixture = document.getElementById('main').innerHTML;
|
||||
config.ajaxSettings = $.ajaxSettings;
|
||||
synchronize(function() {
|
||||
$('<p id="testresult" class="result"/>').html(['Tests completed in ',
|
||||
+new Date - started, ' milliseconds.<br/>',
|
||||
'<span class="bad">', config.stats.bad, '</span> tests of <span class="all">', config.stats.all, '</span> failed.']
|
||||
.join(''))
|
||||
.appendTo("body");
|
||||
$("#banner").addClass(config.stats.bad ? "fail" : "pass");
|
||||
QUnit.done( config.stats.bad, config.stats.all );
|
||||
});
|
||||
}
|
||||
|
||||
var pollution;
|
||||
|
||||
function saveGlobal(){
|
||||
pollution = [ ];
|
||||
|
||||
if( noglobals )
|
||||
for( var key in window )
|
||||
pollution.push(key);
|
||||
}
|
||||
function checkPollution( name ){
|
||||
var old = pollution;
|
||||
saveGlobal();
|
||||
|
||||
if( pollution.length > old.length ){
|
||||
ok( false, "Introduced global variable(s): " + diff(old, pollution).join(", ") );
|
||||
config.expected++;
|
||||
}
|
||||
}
|
||||
|
||||
function diff( clean, dirty ){
|
||||
return $.grep( dirty, function(name){
|
||||
return $.inArray( name, clean ) == -1;
|
||||
});
|
||||
}
|
||||
|
||||
function test(name, callback) {
|
||||
if(config.currentModule)
|
||||
name = config.currentModule + " module: " + name;
|
||||
var lifecycle = $.extend({
|
||||
setup: function() {},
|
||||
teardown: function() {}
|
||||
}, config.moduleLifecycle);
|
||||
|
||||
if ( !validTest(name) )
|
||||
return;
|
||||
|
||||
synchronize(function() {
|
||||
config.assertions = [];
|
||||
config.expected = null;
|
||||
try {
|
||||
if( !pollution )
|
||||
saveGlobal();
|
||||
lifecycle.setup();
|
||||
} catch(e) {
|
||||
QUnit.ok( false, "Setup failed on " + name + ": " + e.message );
|
||||
}
|
||||
})
|
||||
synchronize(function() {
|
||||
try {
|
||||
callback();
|
||||
} catch(e) {
|
||||
if( typeof console != "undefined" && console.error && console.warn ) {
|
||||
console.error("Test " + name + " died, exception and test follows");
|
||||
console.error(e);
|
||||
console.warn(callback.toString());
|
||||
}
|
||||
QUnit.ok( false, "Died on test #" + (config.assertions.length + 1) + ": " + e.message );
|
||||
// else next test will carry the responsibility
|
||||
saveGlobal();
|
||||
}
|
||||
});
|
||||
synchronize(function() {
|
||||
try {
|
||||
checkPollution();
|
||||
lifecycle.teardown();
|
||||
} catch(e) {
|
||||
QUnit.ok( false, "Teardown failed on " + name + ": " + e.message );
|
||||
}
|
||||
})
|
||||
synchronize(function() {
|
||||
try {
|
||||
reset();
|
||||
} catch(e) {
|
||||
if( typeof console != "undefined" && console.error && console.warn ) {
|
||||
console.error("reset() failed, following Test " + name + ", exception and reset fn follows");
|
||||
console.error(e);
|
||||
console.warn(reset.toString());
|
||||
}
|
||||
}
|
||||
|
||||
if(config.expected && config.expected != config.assertions.length) {
|
||||
QUnit.ok( false, "Expected " + config.expected + " assertions, but " + config.assertions.length + " were run" );
|
||||
}
|
||||
|
||||
var good = 0, bad = 0;
|
||||
var ol = $("<ol/>").hide();
|
||||
config.stats.all += config.assertions.length;
|
||||
for ( var i = 0; i < config.assertions.length; i++ ) {
|
||||
var assertion = config.assertions[i];
|
||||
$("<li/>").addClass(assertion.result ? "pass" : "fail").text(assertion.message || "(no message)").appendTo(ol);
|
||||
assertion.result ? good++ : bad++;
|
||||
}
|
||||
config.stats.bad += bad;
|
||||
|
||||
var b = $("<strong/>").html(name + " <b style='color:black;'>(<b class='fail'>" + bad + "</b>, <b class='pass'>" + good + "</b>, " + config.assertions.length + ")</b>")
|
||||
.click(function(){
|
||||
$(this).next().toggle();
|
||||
})
|
||||
.dblclick(function(event) {
|
||||
var target = $(event.target).filter("strong").clone();
|
||||
if ( target.length ) {
|
||||
target.children().remove();
|
||||
location.href = location.href.match(/^(.+?)(\?.*)?$/)[1] + "?" + encodeURIComponent($.trim(target.text()));
|
||||
}
|
||||
});
|
||||
|
||||
$("<li/>").addClass(bad ? "fail" : "pass").append(b).append(ol).appendTo("#tests");
|
||||
|
||||
if(bad) {
|
||||
$("#filter-pass").attr("disabled", null);
|
||||
$("#filter-missing").attr("disabled", null);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// call on start of module test to prepend name to all tests
|
||||
function module(name, lifecycle) {
|
||||
config.currentModule = name;
|
||||
config.moduleLifecycle = lifecycle;
|
||||
}
|
||||
|
||||
/**
|
||||
* Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
|
||||
*/
|
||||
function expect(asserts) {
|
||||
config.expected = asserts;
|
||||
}
|
||||
|
||||
/**
|
||||
* Resets the test setup. Useful for tests that modify the DOM.
|
||||
*/
|
||||
function reset() {
|
||||
$("#main").html( config.fixture );
|
||||
$.event.global = {};
|
||||
$.ajaxSettings = $.extend({}, config.ajaxSettings);
|
||||
}
|
||||
|
||||
/**
|
||||
* Asserts true.
|
||||
* @example ok( $("a").size() > 5, "There must be at least 5 anchors" );
|
||||
*/
|
||||
function ok(a, msg) {
|
||||
QUnit.log(a, msg);
|
||||
|
||||
config.assertions.push({
|
||||
result: !!a,
|
||||
message: msg
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Asserts that two arrays are the same
|
||||
*/
|
||||
function isSet(a, b, msg) {
|
||||
function serialArray( a ) {
|
||||
var r = [];
|
||||
|
||||
if ( a && a.length )
|
||||
for ( var i = 0; i < a.length; i++ ) {
|
||||
var str = a[i].nodeName;
|
||||
if ( str ) {
|
||||
str = str.toLowerCase();
|
||||
if ( a[i].id )
|
||||
str += "#" + a[i].id;
|
||||
} else
|
||||
str = a[i];
|
||||
r.push( str );
|
||||
}
|
||||
|
||||
return "[ " + r.join(", ") + " ]";
|
||||
}
|
||||
var ret = true;
|
||||
if ( a && b && a.length != undefined && a.length == b.length ) {
|
||||
for ( var i = 0; i < a.length; i++ )
|
||||
if ( a[i] != b[i] )
|
||||
ret = false;
|
||||
} else
|
||||
ret = false;
|
||||
QUnit.ok( ret, !ret ? (msg + " expected: " + serialArray(b) + " result: " + serialArray(a)) : msg );
|
||||
}
|
||||
|
||||
/**
|
||||
* Asserts that two objects are equivalent
|
||||
*/
|
||||
function isObj(a, b, msg) {
|
||||
var ret = true;
|
||||
|
||||
if ( a && b ) {
|
||||
for ( var i in a )
|
||||
if ( a[i] != b[i] )
|
||||
ret = false;
|
||||
|
||||
for ( i in b )
|
||||
if ( a[i] != b[i] )
|
||||
ret = false;
|
||||
} else
|
||||
ret = false;
|
||||
|
||||
QUnit.ok( ret, msg );
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns an array of elements with the given IDs, eg.
|
||||
* @example q("main", "foo", "bar")
|
||||
* @result [<div id="main">, <span id="foo">, <input id="bar">]
|
||||
*/
|
||||
function q() {
|
||||
var r = [];
|
||||
for ( var i = 0; i < arguments.length; i++ )
|
||||
r.push( document.getElementById( arguments[i] ) );
|
||||
return r;
|
||||
}
|
||||
|
||||
/**
|
||||
* Asserts that a select matches the given IDs
|
||||
* @example t("Check for something", "//[a]", ["foo", "baar"]);
|
||||
* @result returns true if "//[a]" return two elements with the IDs 'foo' and 'baar'
|
||||
*/
|
||||
function t(a,b,c) {
|
||||
var f = $(b);
|
||||
var s = "";
|
||||
for ( var i = 0; i < f.length; i++ )
|
||||
s += (s && ",") + '"' + f[i].id + '"';
|
||||
isSet(f, q.apply(q,c), a + " (" + b + ")");
|
||||
}
|
||||
|
||||
/**
|
||||
* Add random number to url to stop IE from caching
|
||||
*
|
||||
* @example url("data/test.html")
|
||||
* @result "data/test.html?10538358428943"
|
||||
*
|
||||
* @example url("data/test.php?foo=bar")
|
||||
* @result "data/test.php?foo=bar&10538358345554"
|
||||
*/
|
||||
function url(value) {
|
||||
return value + (/\?/.test(value) ? "&" : "?") + new Date().getTime() + "" + parseInt(Math.random()*100000);
|
||||
}
|
||||
|
||||
/**
|
||||
* Checks that the first two arguments are equal, with an optional message.
|
||||
* Prints out both actual and expected values.
|
||||
*
|
||||
* Prefered to ok( actual == expected, message )
|
||||
*
|
||||
* @example equals( $.format("Received {0} bytes.", 2), "Received 2 bytes." );
|
||||
*
|
||||
* @param Object actual
|
||||
* @param Object expected
|
||||
* @param String message (optional)
|
||||
*/
|
||||
function equals(actual, expected, message) {
|
||||
push(expected == actual, actual, expected, message);
|
||||
}
|
||||
|
||||
function push(result, actual, expected, message) {
|
||||
message = message || (result ? "okay" : "failed");
|
||||
QUnit.ok( result, result ? message + ": " + expected : message + ", expected: " + jsDump.parse(expected) + " result: " + jsDump.parse(actual) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Trigger an event on an element.
|
||||
*
|
||||
* @example triggerEvent( document.body, "click" );
|
||||
*
|
||||
* @param DOMElement elem
|
||||
* @param String type
|
||||
*/
|
||||
function triggerEvent( elem, type, event ) {
|
||||
if ( $.browser.mozilla || $.browser.opera ) {
|
||||
event = document.createEvent("MouseEvents");
|
||||
event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
|
||||
0, 0, 0, 0, 0, false, false, false, false, 0, null);
|
||||
elem.dispatchEvent( event );
|
||||
} else if ( $.browser.msie ) {
|
||||
elem.fireEvent("on"+type);
|
||||
}
|
||||
}
|
||||
|
||||
})(jQuery);
|
||||
|
||||
/**
|
||||
* jsDump
|
||||
* Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
|
||||
* Licensed under BSD (http://www.opensource.org/licenses/bsd-license.php)
|
||||
* Date: 5/15/2008
|
||||
* @projectDescription Advanced and extensible data dumping for Javascript.
|
||||
* @version 1.0.0
|
||||
* @author Ariel Flesler
|
||||
* @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html}
|
||||
*/
|
||||
(function(){
|
||||
function quote( str ){
|
||||
return '"' + str.toString().replace(/"/g, '\\"') + '"';
|
||||
};
|
||||
function literal( o ){
|
||||
return o + '';
|
||||
};
|
||||
function join( pre, arr, post ){
|
||||
var s = jsDump.separator(),
|
||||
base = jsDump.indent();
|
||||
inner = jsDump.indent(1);
|
||||
if( arr.join )
|
||||
arr = arr.join( ',' + s + inner );
|
||||
if( !arr )
|
||||
return pre + post;
|
||||
return [ pre, inner + arr, base + post ].join(s);
|
||||
};
|
||||
function array( arr ){
|
||||
var i = arr.length, ret = Array(i);
|
||||
this.up();
|
||||
while( i-- )
|
||||
ret[i] = this.parse( arr[i] );
|
||||
this.down();
|
||||
return join( '[', ret, ']' );
|
||||
};
|
||||
|
||||
var reName = /^function (\w+)/;
|
||||
|
||||
var jsDump = window.jsDump = {
|
||||
parse:function( obj, type ){//type is used mostly internally, you can fix a (custom)type in advance
|
||||
var parser = this.parsers[ type || this.typeOf(obj) ];
|
||||
type = typeof parser;
|
||||
|
||||
return type == 'function' ? parser.call( this, obj ) :
|
||||
type == 'string' ? parser :
|
||||
this.parsers.error;
|
||||
},
|
||||
typeOf:function( obj ){
|
||||
var type = typeof obj,
|
||||
f = 'function';//we'll use it 3 times, save it
|
||||
return type != 'object' && type != f ? type :
|
||||
!obj ? 'null' :
|
||||
obj.exec ? 'regexp' :// some browsers (FF) consider regexps functions
|
||||
obj.getHours ? 'date' :
|
||||
obj.scrollBy ? 'window' :
|
||||
obj.nodeName == '#document' ? 'document' :
|
||||
obj.nodeName ? 'node' :
|
||||
obj.item ? 'nodelist' : // Safari reports nodelists as functions
|
||||
obj.callee ? 'arguments' :
|
||||
obj.call || obj.constructor != Array && //an array would also fall on this hack
|
||||
(obj+'').indexOf(f) != -1 ? f : //IE reports functions like alert, as objects
|
||||
'length' in obj ? 'array' :
|
||||
type;
|
||||
},
|
||||
separator:function(){
|
||||
return this.multiline ? this.HTML ? '<br />' : '\n' : this.HTML ? ' ' : ' ';
|
||||
},
|
||||
indent:function( extra ){// extra can be a number, shortcut for increasing-calling-decreasing
|
||||
if( !this.multiline )
|
||||
return '';
|
||||
var chr = this.indentChar;
|
||||
if( this.HTML )
|
||||
chr = chr.replace(/\t/g,' ').replace(/ /g,' ');
|
||||
return Array( this._depth_ + (extra||0) ).join(chr);
|
||||
},
|
||||
up:function( a ){
|
||||
this._depth_ += a || 1;
|
||||
},
|
||||
down:function( a ){
|
||||
this._depth_ -= a || 1;
|
||||
},
|
||||
setParser:function( name, parser ){
|
||||
this.parsers[name] = parser;
|
||||
},
|
||||
// The next 3 are exposed so you can use them
|
||||
quote:quote,
|
||||
literal:literal,
|
||||
join:join,
|
||||
//
|
||||
_depth_: 1,
|
||||
// This is the list of parsers, to modify them, use jsDump.setParser
|
||||
parsers:{
|
||||
window: '[Window]',
|
||||
document: '[Document]',
|
||||
error:'[ERROR]', //when no parser is found, shouldn't happen
|
||||
unknown: '[Unknown]',
|
||||
'null':'null',
|
||||
undefined:'undefined',
|
||||
'function':function( fn ){
|
||||
var ret = 'function',
|
||||
name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE
|
||||
if( name )
|
||||
ret += ' ' + name;
|
||||
ret += '(';
|
||||
|
||||
ret = [ ret, this.parse( fn, 'functionArgs' ), '){'].join('');
|
||||
return join( ret, this.parse(fn,'functionCode'), '}' );
|
||||
},
|
||||
array: array,
|
||||
nodelist: array,
|
||||
arguments: array,
|
||||
object:function( map ){
|
||||
var ret = [ ];
|
||||
this.up();
|
||||
for( var key in map )
|
||||
ret.push( this.parse(key,'key') + ': ' + this.parse(map[key]) );
|
||||
this.down();
|
||||
return join( '{', ret, '}' );
|
||||
},
|
||||
node:function( node ){
|
||||
var open = this.HTML ? '<' : '<',
|
||||
close = this.HTML ? '>' : '>';
|
||||
|
||||
var tag = node.nodeName.toLowerCase(),
|
||||
ret = open + tag;
|
||||
|
||||
for( var a in this.DOMAttrs ){
|
||||
var val = node[this.DOMAttrs[a]];
|
||||
if( val )
|
||||
ret += ' ' + a + '=' + this.parse( val, 'attribute' );
|
||||
}
|
||||
return ret + close + open + '/' + tag + close;
|
||||
},
|
||||
functionArgs:function( fn ){//function calls it internally, it's the arguments part of the function
|
||||
var l = fn.length;
|
||||
if( !l ) return '';
|
||||
|
||||
var args = Array(l);
|
||||
while( l-- )
|
||||
args[l] = String.fromCharCode(97+l);//97 is 'a'
|
||||
return ' ' + args.join(', ') + ' ';
|
||||
},
|
||||
key:quote, //object calls it internally, the key part of an item in a map
|
||||
functionCode:'[code]', //function calls it internally, it's the content of the function
|
||||
attribute:quote, //node calls it internally, it's an html attribute value
|
||||
string:quote,
|
||||
date:quote,
|
||||
regexp:literal, //regex
|
||||
number:literal,
|
||||
'boolean':literal
|
||||
},
|
||||
DOMAttrs:{//attributes to dump from nodes, name=>realName
|
||||
id:'id',
|
||||
name:'name',
|
||||
'class':'className'
|
||||
},
|
||||
HTML:false,//if true, entities are escaped ( <, >, \t, space and \n )
|
||||
indentChar:' ',//indentation unit
|
||||
multiline:true //if true, items in a collection, are separated by a \n, else just a space.
|
||||
};
|
||||
|
||||
})();
|
||||
|
||||
|
||||
|
||||
//fireunit compat
|
||||
// http://ejohn.org/blog/fireunit/
|
||||
if ( typeof fireunit === "object" ) {
|
||||
QUnit.log = fireunit.ok;
|
||||
QUnit.done = fireunit.testDone;
|
||||
}
|
||||
|
||||
@@ -1,120 +0,0 @@
|
||||
body, div, h1 { font-family: 'trebuchet ms', verdana, arial; margin: 0; padding: 0 }
|
||||
body {font-size: 10pt; }
|
||||
h1 { padding: 15px; font-size: large; background-color: #06b; color: white; }
|
||||
h1 a { color: white; }
|
||||
h2 { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal }
|
||||
|
||||
.pass { color: green; }
|
||||
.fail { color: red; }
|
||||
p.result { margin-left: 1em; }
|
||||
|
||||
#banner { height: 2em; border-bottom: 1px solid white; }
|
||||
h2.pass { background-color: green; }
|
||||
h2.fail { background-color: red; }
|
||||
|
||||
div.testrunner-toolbar { background: #eee; border-top: 1px solid black; padding: 10px; }
|
||||
|
||||
ol#tests > li > strong { cursor:pointer; }
|
||||
|
||||
div#fx-tests h4 {
|
||||
background: red;
|
||||
}
|
||||
|
||||
div#fx-tests h4.pass {
|
||||
background: green;
|
||||
}
|
||||
|
||||
div#fx-tests div.box {
|
||||
background: red url(data/cow.jpg) no-repeat;
|
||||
overflow: hidden;
|
||||
border: 2px solid #000;
|
||||
}
|
||||
|
||||
div#fx-tests div.overflow {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
div.inline {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
div.autoheight {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
div.autowidth {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
div.autoopacity {
|
||||
opacity: auto;
|
||||
}
|
||||
|
||||
div.largewidth {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
div.largeheight {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
div.largeopacity {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
|
||||
}
|
||||
|
||||
div.medwidth {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
div.medheight {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
div.medopacity {
|
||||
opacity: 0.5;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
|
||||
}
|
||||
|
||||
div.nowidth {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
div.noheight {
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
div.noopacity {
|
||||
opacity: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
|
||||
}
|
||||
|
||||
div.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div#fx-tests div.widewidth {
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
div#fx-tests div.wideheight {
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
|
||||
div#fx-tests div.widewidth.wideheight {
|
||||
background-repeat: repeat;
|
||||
}
|
||||
|
||||
div#fx-tests div.noback {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; }
|
||||
div.chain div { position: absolute; top: 0px; left: 0px; }
|
||||
|
||||
div.chain.test { background: red; }
|
||||
div.chain.test div { background: green; }
|
||||
|
||||
div.chain.out { background: green; }
|
||||
div.chain.out div { background: red; display: none; }
|
||||
|
||||
div#show-tests * { display: none; }
|
||||
131
test/tests.js
131
test/tests.js
@@ -3,27 +3,33 @@
|
||||
|
||||
|
||||
module("example tests");
|
||||
test('Molecular is sweet',function(){
|
||||
test('HTML5 Boilerplate is sweet',function(){
|
||||
expect(1);
|
||||
equals('molecular'.replace('molecular','sweet'),'sweet','Yes. Molecular is, in fact, sweet');
|
||||
equals('boilerplate'.replace('boilerplate','sweet'),'sweet','Yes. HTML5 Boilerplate is, in fact, sweet');
|
||||
|
||||
})
|
||||
|
||||
// these test things from script.js
|
||||
// these test things from plugins.js
|
||||
test('Environment is good',function(){
|
||||
expect(3);
|
||||
equals( $.browser.ie6, ($.browser.msie && jQuery.browser.version < 7),'$.browser.ie6 is set and correct' );
|
||||
ok( (typeof document._write === 'function'),'document write is remapped to _write' )
|
||||
ok( (document._write != document.write),'document write is different than _write' )
|
||||
ok( !!window.log, 'log function present');
|
||||
|
||||
var history = log.history && log.history.length || 0;
|
||||
log('logging from the test suite.')
|
||||
equals( log.history.length - history, 1, 'log history keeps track' )
|
||||
|
||||
ok( !!window.Modernizr, 'Modernizr global is present')
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
// below are example tests from qunit itself
|
||||
// feel free to learn from them, and remove 'em
|
||||
module("equiv");
|
||||
|
||||
|
||||
test("Primitive types and constants", function () {
|
||||
expect(60);
|
||||
equals(QUnit.equiv(null, null), true, "null");
|
||||
equals(QUnit.equiv(null, {}), false, "null");
|
||||
equals(QUnit.equiv(null, undefined), false, "null");
|
||||
@@ -91,10 +97,42 @@ test("Primitive types and constants", function () {
|
||||
equals(QUnit.equiv('', false), false, "string");
|
||||
equals(QUnit.equiv('', null), false, "string");
|
||||
equals(QUnit.equiv('', undefined), false, "string");
|
||||
|
||||
// Short annotation VS new annotation
|
||||
equals(QUnit.equiv(0, new Number()), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(new Number(), 0), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(1, new Number(1)), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(new Number(1), 1), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(new Number(0), 1), false, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(0, new Number(1)), false, "short annotation VS new annotation");
|
||||
|
||||
equals(QUnit.equiv(new String(), ""), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv("", new String()), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(new String("My String"), "My String"), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv("My String", new String("My String")), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv("Bad String", new String("My String")), false, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(new String("Bad String"), "My String"), false, "short annotation VS new annotation");
|
||||
|
||||
equals(QUnit.equiv(false, new Boolean()), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(new Boolean(), false), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(true, new Boolean(true)), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(new Boolean(true), true), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(true, new Boolean(1)), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(false, new Boolean(false)), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(new Boolean(false), false), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(false, new Boolean(0)), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(true, new Boolean(false)), false, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(new Boolean(false), true), false, "short annotation VS new annotation");
|
||||
|
||||
equals(QUnit.equiv(new Object(), {}), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv({}, new Object()), true, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(new Object(), {a:1}), false, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv({a:1}, new Object()), false, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv({a:undefined}, new Object()), false, "short annotation VS new annotation");
|
||||
equals(QUnit.equiv(new Object(), {a:undefined}), false, "short annotation VS new annotation");
|
||||
});
|
||||
|
||||
test("Objects Basics.", function() {
|
||||
expect(15);
|
||||
equals(QUnit.equiv({}, {}), true);
|
||||
equals(QUnit.equiv({}, null), false);
|
||||
equals(QUnit.equiv({}, undefined), false);
|
||||
@@ -130,7 +168,7 @@ test("Objects Basics.", function() {
|
||||
|
||||
|
||||
test("Arrays Basics.", function() {
|
||||
expect(20);
|
||||
|
||||
equals(QUnit.equiv([], []), true);
|
||||
|
||||
// May be a hard one, can invoke a crash at execution.
|
||||
@@ -307,7 +345,6 @@ test("Arrays Basics.", function() {
|
||||
});
|
||||
|
||||
test("Functions.", function() {
|
||||
expect(10);
|
||||
var f0 = function () {};
|
||||
var f1 = function () {};
|
||||
|
||||
@@ -332,7 +369,6 @@ test("Functions.", function() {
|
||||
|
||||
|
||||
test("Date instances.", function() {
|
||||
expect(3);
|
||||
// Date, we don't need to test Date.parse() because it returns a number.
|
||||
// Only test the Date instances by setting them a fix date.
|
||||
// The date use is midnight January 1, 1970
|
||||
@@ -355,7 +391,6 @@ test("Date instances.", function() {
|
||||
|
||||
|
||||
test("RegExp.", function() {
|
||||
expect(26);
|
||||
// Must test cases that imply those traps:
|
||||
// var a = /./;
|
||||
// a instanceof Object; // Oops
|
||||
@@ -438,8 +473,6 @@ test("RegExp.", function() {
|
||||
|
||||
test("Complex Objects.", function() {
|
||||
|
||||
expect(15);
|
||||
|
||||
function fn1() {
|
||||
return "fn1";
|
||||
}
|
||||
@@ -937,7 +970,7 @@ test("Complex Objects.", function() {
|
||||
|
||||
|
||||
test("Complex Arrays.", function() {
|
||||
expect(7);
|
||||
|
||||
function fn() {
|
||||
}
|
||||
|
||||
@@ -1123,7 +1156,6 @@ test("Complex Arrays.", function() {
|
||||
|
||||
|
||||
test("Prototypal inheritance", function() {
|
||||
expect(7);
|
||||
function Gizmo(id) {
|
||||
this.id = id;
|
||||
}
|
||||
@@ -1173,7 +1205,6 @@ test("Prototypal inheritance", function() {
|
||||
|
||||
|
||||
test("Instances", function() {
|
||||
expect(7);
|
||||
function A() {}
|
||||
var a1 = new A();
|
||||
var a2 = new A();
|
||||
@@ -1229,7 +1260,6 @@ test("Instances", function() {
|
||||
|
||||
|
||||
test("Complex Instances Nesting (with function value in literals and/or in nested instances)", function() {
|
||||
expect(6);
|
||||
function A(fn) {
|
||||
this.a = {};
|
||||
this.fn = fn;
|
||||
@@ -1350,18 +1380,57 @@ test("Complex Instances Nesting (with function value in literals and/or in neste
|
||||
});
|
||||
|
||||
|
||||
test("Test that must be done at the end because they extend some primitive's prototype", function() {
|
||||
expect(2);
|
||||
// Try that a function looks like our regular expression.
|
||||
// This tests if we check that a and b are really both instance of RegExp
|
||||
Function.prototype.global = true;
|
||||
Function.prototype.multiline = true;
|
||||
Function.prototype.ignoreCase = false;
|
||||
Function.prototype.source = "my regex";
|
||||
var re = /my regex/gm;
|
||||
equals(QUnit.equiv(re, function () {}), false, "A function that looks that a regex isn't a regex");
|
||||
// This test will ensures it works in both ways, and ALSO especially that we can make differences
|
||||
// between RegExp and Function constructor because typeof on a RegExpt instance is "function"
|
||||
equals(QUnit.equiv(function () {}, re), false, "Same conversely, but ensures that function and regexp are distinct because their constructor are different");
|
||||
test('object with references to self wont loop', function(){
|
||||
var circularA = {
|
||||
abc:null
|
||||
}, circularB = {
|
||||
abc:null
|
||||
};
|
||||
circularA.abc = circularA;
|
||||
circularB.abc = circularB;
|
||||
equals(QUnit.equiv(circularA, circularB), true, "Should not repeat test on object (ambigous test)");
|
||||
|
||||
circularA.def = 1;
|
||||
circularB.def = 1;
|
||||
equals(QUnit.equiv(circularA, circularB), true, "Should not repeat test on object (ambigous test)");
|
||||
|
||||
circularA.def = 1;
|
||||
circularB.def = 0;
|
||||
equals(QUnit.equiv(circularA, circularB), false, "Should not repeat test on object (unambigous test)");
|
||||
});
|
||||
|
||||
test('array with references to self wont loop', function(){
|
||||
var circularA = [],
|
||||
circularB = [];
|
||||
circularA.push(circularA);
|
||||
circularB.push(circularB);
|
||||
equals(QUnit.equiv(circularA, circularB), true, "Should not repeat test on array (ambigous test)");
|
||||
|
||||
circularA.push( 'abc' );
|
||||
circularB.push( 'abc' );
|
||||
equals(QUnit.equiv(circularA, circularB), true, "Should not repeat test on array (ambigous test)");
|
||||
|
||||
circularA.push( 'hello' );
|
||||
circularB.push( 'goodbye' );
|
||||
equals(QUnit.equiv(circularA, circularB), false, "Should not repeat test on array (unambigous test)");
|
||||
});
|
||||
|
||||
test('mixed object/array with references to self wont loop', function(){
|
||||
var circularA = [{abc:null}],
|
||||
circularB = [{abc:null}];
|
||||
circularA[0].abc = circularA;
|
||||
circularB[0].abc = circularB;
|
||||
|
||||
circularA.push(circularA);
|
||||
circularB.push(circularB);
|
||||
equals(QUnit.equiv(circularA, circularB), true, "Should not repeat test on object/array (ambigous test)");
|
||||
|
||||
circularA[0].def = 1;
|
||||
circularB[0].def = 1;
|
||||
equals(QUnit.equiv(circularA, circularB), true, "Should not repeat test on object/array (ambigous test)");
|
||||
|
||||
circularA[0].def = 1;
|
||||
circularB[0].def = 0;
|
||||
equals(QUnit.equiv(circularA, circularB), false, "Should not repeat test on object/array (unambigous test)");
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user