jquery-timeago/test/index.html

474 lines
20 KiB
HTML
Raw Normal View History

2009-07-30 12:58:27 -04:00
<!DOCTYPE html>
<head>
<title>JavaScript unit test file</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- use http://code.jquery.com/jquery-latest.js for the latest jQuery -->
2010-02-17 16:50:24 -05:00
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
2009-07-30 12:58:27 -04:00
<!-- http://dev.jquery.com/view/trunk/qunit/testrunner.js -->
<script src="testrunner.js" type="text/javascript"></script>
<script src="../jquery.timeago.js" type="text/javascript"></script>
<!-- http://dev.jquery.com/view/trunk/qunit/testsuite.css -->
<link rel="stylesheet" href="testsuite.css" type="text/css" media="screen" />
</head>
<body>
<h1>jquery.timeago.js tests</h1>
<h2 id="banner"></h2>
<h2 id="userAgent"></h2>
<ol id="tests"></ol>
<div id="main">
<h2>Short term</h2>
<p>You opened this page <abbr class="loaded timeago testShortTerm">(you shouldn't see this)</abbr>.</p>
2009-07-30 12:58:27 -04:00
<p>
This page was last modified <abbr class="modified timeago">sometime before
now (your browser might not support document.lastModified for local resources)</abbr>.
</p>
<h2>Long term</h2>
<p>
Jett was born
<abbr class="timeago testLongTerm" title="2008-02-27T00:23:00Z">(you shouldn't see this)</abbr>
[from Z].
</p>
<p>
Jett was born
<abbr class="timeago testLongTerm" title="2008-02-26T19:23:00-0500">(you shouldn't see this)</abbr>
[from -0500].
</p>
<p>
Logan was born
<abbr class="timeago testLongTerm" title="2005-06-17T23:42:00Z">(you shouldn't see this)</abbr>
[from Z].
</p>
<p>
Logan was born
<abbr class="timeago testLongTerm" title="2005-06-17T19:42:00-0400">(you shouldn't see this)</abbr>
[from -0400].
</p>
<p>
Ryan was born
<abbr class="timeago testLongTerm" title="1978-12-18T17:17:00Z">(you shouldn't see this)</abbr>
[from Z].
</p>
<p>
Ryan was born
<abbr class="timeago testLongTerm" title="1978-12-18T12:17:00-05:00">(you shouldn't see this)</abbr>
[from -0500].
</p>
<h2>Other formats</h2>
<p>Date only (abbr element): <abbr class="timeago" title="2008-02-26">(you shouldn't see this)</abbr>.</p>
<p>Date only (time element): <time class="timeago" datetime="2008-02-26">(you shouldn't see this)</time>.</p>
<p>Date only (friendly tooltip): <abbr id="testTooltip" class="timeago" title="2008-02-26">February 26th</abbr>.</p>
<p>Date only (default tooltip): <abbr id="defaultTooltip" class="timeago" title="2008-02-26"> </abbr>.</p>
2009-07-30 12:58:27 -04:00
<h2>Errors</h2>
<p>Bad (letters): <abbr class="bad timeago" title="bleh">(this should be displayed)</abbr>.</p>
<p>Bad (numbers): <abbr class="bad timeago" title="91234">(this should be displayed)</abbr>.</p>
2009-07-30 12:58:27 -04:00
<p>Bad (blank): <abbr class="bad timeago" title="">(this should be displayed)</abbr>.</p>
<p>Bad (missing): <abbr class="bad timeago">(this should be displayed)</abbr>.</p>
<h2>Parsing</h2>
<p>Ryan was born&#133;</p>
<ul>
<li><abbr id="testParsing1" class="todate" title="1978-12-18T17:17:00Z"></abbr> [from Z]</li>
<li><abbr id="testParsing2" class="todate" title="1978-12-18T17:17:00-00:00"></abbr> [from -00:00]</li>
<li><abbr id="testParsing3" class="todate" title="1978-12-18T12:17:00-05:00"></abbr> [from -05:00]</li>
<li><abbr id="testParsing4" class="todate" title="1978-12-18T12:17:00-0500"></abbr> [from -0500]</li>
<li><abbr id="testParsing5" class="todate" title="1978-12-19T02:17:00+09:00"></abbr> [from +09:00]</li>
<li><abbr id="testParsing6" class="todate" title="1978-12-19T02:17:00+0900"></abbr> [from +0900]</li>
<li><abbr id="testParsing7" class="todate" title="1978-12-18 17:17:00"></abbr> [from blank TZ]</li>
</ul>
<h2>Wording</h2>
<ul>
<li><abbr id="testWording1" class="towords" title="-7200"></abbr> [-120 min]</li>
<li><abbr id="testWording2" class="towords" title="-60"></abbr> [-60 sec]</li>
<li><abbr id="testWording3" class="towords" title="-30"></abbr> [-30 sec]</li>
<li><abbr id="testWording4" class="towords" title="-1"></abbr> [-1 sec]</li>
<li><abbr id="testWording5" class="towords" title="0"></abbr> [0 sec]</li>
<li><abbr id="testWording6" class="towords" title="30"></abbr> [30 sec]</li>
<li><abbr id="testWording7" class="towords" title="45"></abbr> [45 sec]</li>
<li><abbr id="testWording8" class="towords" title="90"></abbr> [90 sec]</li>
<li><abbr id="testWording9" class="towords" title="120"></abbr> [120 sec]</li>
<li><abbr id="testWording10" class="towords" title="2700"></abbr> [45 min]</li>
<li><abbr id="testWording11" class="towords" title="5340"></abbr> [89 min]</li>
<li><abbr id="testWording12" class="towords" title="5400"></abbr> [90 min]</li>
<li><abbr id="testWording13" class="towords" title="7200"></abbr> [120 min]</li>
<li><abbr id="testWording14" class="towords" title="82800"></abbr> [1380 min]</li>
<li><abbr id="testWording15" class="towords" title="90000"></abbr> [25 hours]</li>
<li><abbr id="testWording16" class="towords" title="172800"></abbr> [48 hours]</li>
<li><abbr id="testWording17" class="towords" title="2505600"></abbr> [696 hours]</li>
<li><abbr id="testWording18" class="towords" title="2592000"></abbr> [30 days]</li>
<li><abbr id="testWording19" class="towords" title="16416000"></abbr> [190 days]</li>
<li><abbr id="testWording20" class="towords" title="31622400"></abbr> [366 days]</li>
<li><abbr id="testWording21" class="towords" title="94608000"></abbr> [1095 days]</li>
</ul>
<h2>Settings</h2>
<ul>
<li><abbr id="testYoungOldSettings1" class="toyoungold" title="504576000"></abbr> [5840 days]</li>
<li><abbr id="testYoungOldSettings2" class="toyoungold" title="2018304000"></abbr> [23360 days]</li>
<li><abbr id="testLatinSettings1" class="tolatin" title="-7200"></abbr> [-120 min]</li>
<li><abbr id="testLatinSettings2" class="tolatin" title="-60"></abbr> [-60 sec]</li>
<li><abbr id="testLatinSettings3" class="tolatin" title="-30"></abbr> [-30 sec]</li>
<li><abbr id="testLatinSettings4" class="tolatin" title="-1"></abbr> [-1 sec]</li>
<li><abbr id="testLatinSettings5" class="tolatin" title="0"></abbr> [0 sec]</li>
<li><abbr id="testLatinSettings6" class="tolatin" title="30"></abbr> [30 sec]</li>
<li><abbr id="testLatinSettings7" class="tolatin" title="45"></abbr> [45 sec]</li>
<li><abbr id="testLatinSettings8" class="tolatin" title="90"></abbr> [90 sec]</li>
<li><abbr id="testLatinSettings9" class="tolatin" title="120"></abbr> [120 sec]</li>
<li><abbr id="testLatinSettings10" class="tolatin" title="2700"></abbr> [45 min]</li>
<li><abbr id="testLatinSettings11" class="tolatin" title="5340"></abbr> [89 min]</li>
<li><abbr id="testLatinSettings12" class="tolatin" title="5400"></abbr> [90 min]</li>
<li><abbr id="testLatinSettings13" class="tolatin" title="7200"></abbr> [120 min]</li>
<li><abbr id="testLatinSettings14" class="tolatin" title="82800"></abbr> [1380 min]</li>
<li><abbr id="testLatinSettings15" class="tolatin" title="90000"></abbr> [25 hours]</li>
<li><abbr id="testLatinSettings16" class="tolatin" title="172800"></abbr> [48 hours]</li>
<li><abbr id="testLatinSettings17" class="tolatin" title="2505600"></abbr> [696 hours]</li>
<li><abbr id="testLatinSettings18" class="tolatin" title="2592000"></abbr> [30 days]</li>
<li><abbr id="testLatinSettings19" class="tolatin" title="16416000"></abbr> [190 days]</li>
<li><abbr id="testLatinSettings20" class="tolatin" title="31622400"></abbr> [366 days]</li>
<li><abbr id="testLatinSettings21" class="tolatin" title="94608000"></abbr> [1095 days]</li>
<li><abbr id="testRussianSettings1" class="torussian" title="-7200"></abbr> [-120 min]</li>
<li><abbr id="testRussianSettings2" class="torussian" title="-60"></abbr> [-60 sec]</li>
<li><abbr id="testRussianSettings3" class="torussian" title="-30"></abbr> [-30 sec]</li>
<li><abbr id="testRussianSettings4" class="torussian" title="-1"></abbr> [-1 sec]</li>
<li><abbr id="testRussianSettings5" class="torussian" title="0"></abbr> [0 sec]</li>
<li><abbr id="testRussianSettings6" class="torussian" title="30"></abbr> [30 sec]</li>
<li><abbr id="testRussianSettings7" class="torussian" title="45"></abbr> [45 sec]</li>
<li><abbr id="testRussianSettings8" class="torussian" title="90"></abbr> [90 sec]</li>
<li><abbr id="testRussianSettings9" class="torussian" title="120"></abbr> [120 sec]</li>
<li><abbr id="testRussianSettings10" class="torussian" title="2700"></abbr> [45 min]</li>
<li><abbr id="testRussianSettings11" class="torussian" title="5340"></abbr> [89 min]</li>
<li><abbr id="testRussianSettings12" class="torussian" title="5400"></abbr> [90 min]</li>
<li><abbr id="testRussianSettings13" class="torussian" title="7200"></abbr> [120 min]</li>
<li><abbr id="testRussianSettings14" class="torussian" title="82800"></abbr> [1380 min]</li>
<li><abbr id="testRussianSettings15" class="torussian" title="90000"></abbr> [25 hours]</li>
<li><abbr id="testRussianSettings16" class="torussian" title="172800"></abbr> [48 hours]</li>
<li><abbr id="testRussianSettings17" class="torussian" title="2505600"></abbr> [696 hours]</li>
<li><abbr id="testRussianSettings18" class="torussian" title="2592000"></abbr> [30 days]</li>
<li><abbr id="testRussianSettings19" class="torussian" title="16416000"></abbr> [190 days]</li>
<li><abbr id="testRussianSettings20" class="torussian" title="31622400"></abbr> [366 days]</li>
<li><abbr id="testRussianSettings21" class="torussian" title="94608000"></abbr> [1095 days]</li>
</ul>
</div>
2009-08-15 10:26:12 -04:00
<script src="test_helpers.js" type="text/javascript"></script>
2009-07-30 12:58:27 -04:00
<script type="text/javascript">
//<![CDATA[
(function ($) {
function testElements(selector, test) {
var elements = $(selector);
var numberOfTests = elements.length;
var numberOfPasses = 0;
elements.each(function () {
if (test($(this))) { numberOfPasses++; }
});
return (numberOfTests === numberOfPasses);
}
function toWords() {
var string = $.timeago.inWords(parseInt(this.title, 10) * 1000);
$(this).text(string);
}
$.timeago.settings.allowFuture = true;
prepareDynamicDates();
2009-07-30 12:58:27 -04:00
$("abbr.timeago").timeago();
$("time.timeago").timeago();
2009-07-30 12:58:27 -04:00
var tooltip = $("#testTooltip").data("timeago");
$("abbr.todate").each(function () {
2009-07-30 12:58:27 -04:00
var date = $.timeago.parse(this.title);
$(this).text(date.toUTCString());
2009-07-30 12:58:27 -04:00
});
$("abbr.towords").each(toWords);
2009-07-30 12:58:27 -04:00
loadYoungOldYears();
$("abbr.toyoungold").each(toWords);
2009-07-30 12:58:27 -04:00
loadPigLatin();
$("abbr.tolatin").each(toWords);
2009-07-30 12:58:27 -04:00
loadRussian();
$("abbr.torussian").each(toWords);
2009-07-30 12:58:27 -04:00
module("Valid date");
2009-07-30 12:58:27 -04:00
test("Text in abbr tag should be replaced", function () {
ok(testElements("abbr.timeago", function (element) {
2009-07-30 12:58:27 -04:00
return (element.html() !== "(you shouldn't see this)");
}), "All text was replaced");
2009-07-30 12:58:27 -04:00
});
test("Text in time tag should be replaced", function () {
ok(testElements("time.timeago", function (element) {
return (element.html() !== "(you shouldn't see this)");
}), "All text was replaced");
});
module("Invalid date");
2009-07-30 12:58:27 -04:00
test("Text in abbr should not be replaced", function () {
ok(testElements("abbr.bad", function (element) {
return (element.html() === "(this should be displayed)");
}), "No text was replaced");
2009-07-30 12:58:27 -04:00
});
module("Short term");
2009-07-30 12:58:27 -04:00
test("Dates shorter than a minute should be replaced with short term text", function () {
ok(testElements("abbr.testShortTerm", function (element) {
return (element.html() === "less than a minute ago");
}), "All short term dates correctly parsed");
2009-07-30 12:58:27 -04:00
});
module("Long term");
2009-07-30 12:58:27 -04:00
test("Dates older than one year should contain the word 'year'", function () {
ok(testElements("abbr.testLongTerm", function (element) {
2009-07-30 12:58:27 -04:00
return (element.html().match(/year/));
}), "All long term dates correctly parsed");
2009-07-30 12:58:27 -04:00
});
module("Data object");
test("should set timeago data object", function () {
ok(tooltip, "data set");
ok(tooltip.datetime, "datetime set");
});
module("Tooltip");
test("should set title to original text contents", function () {
ok($("#testTooltip").attr("title") == "February 26th", "correctly set");
});
test("should leave title alone if no text text content", function () {
ok($("#defaultTooltip").attr("title") == "2008-02-26", "correctly set");
});
module("Parsing");
2009-07-30 12:58:27 -04:00
// Note, different browsers behave slightly different
var correctMatch = /Mon, 18 Dec 1978 17:17:00 GMT/;
2009-07-30 12:58:27 -04:00
test("From Z", function () {
ok(($("#testParsing1").html().match(correctMatch)), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("From -00:00", function () {
ok(($("#testParsing2").html().match(correctMatch)), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("From -05:00", function () {
ok(($("#testParsing3").html().match(correctMatch)), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("From -0500", function () {
ok(($("#testParsing4").html().match(correctMatch)), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("From +09:00", function () {
ok(($("#testParsing5").html().match(correctMatch)), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("From +0900", function () {
ok(($("#testParsing6").html().match(correctMatch)), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("From blank TZ", function () {
ok(($("#testParsing7").html().match(/Mon, 18 Dec 1978 \d\d:17:00 GMT/)), "Correctly parsed, assumed local time");
2009-07-30 12:58:27 -04:00
});
module("Wording");
2009-07-30 12:58:27 -04:00
test("-120 min", function () {
ok(($("#testWording1").html() === "about 2 hours from now"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("-60 sec", function () {
ok(($("#testWording2").html() === "about a minute from now"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("-30 sec", function () {
ok(($("#testWording3").html() === "less than a minute from now"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("-1 sec", function () {
ok(($("#testWording4").html() === "less than a minute from now"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("0 sec", function () {
ok(($("#testWording5").html() === "less than a minute ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("30 sec", function () {
ok(($("#testWording6").html() === "less than a minute ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("45 sec", function () {
ok(($("#testWording7").html() === "about a minute ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("90 sec", function () {
ok(($("#testWording8").html() === "2 minutes ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("120 sec", function () {
ok(($("#testWording9").html() === "2 minutes ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("45 min", function () {
ok(($("#testWording10").html() === "about an hour ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("89 min", function () {
ok(($("#testWording11").html() === "about an hour ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("90 min", function () {
ok(($("#testWording12").html() === "about 2 hours ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("120 min", function () {
ok(($("#testWording13").html() === "about 2 hours ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("1380 min", function () {
ok(($("#testWording14").html() === "about 23 hours ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("25 hours", function () {
ok(($("#testWording15").html() === "a day ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("48 hours", function () {
ok(($("#testWording16").html() === "2 days ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("696 hours", function () {
ok(($("#testWording17").html() === "29 days ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("30 days", function () {
ok(($("#testWording18").html() === "about a month ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("190 days", function () {
ok(($("#testWording19").html() === "6 months ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("366 days", function () {
ok(($("#testWording20").html() === "about a year ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
test("1095 days", function () {
ok(($("#testWording21").html() === "3 years ago"), "Correctly parsed");
2009-07-30 12:58:27 -04:00
});
module("Settings");
2009-07-30 12:58:27 -04:00
test("suffixFromNow", function () {
ok($("#testLatinSettings1").html().match(/omNow-fray$/), "Settings correctly applied");
2009-07-30 12:58:27 -04:00
});
test("suffixAgo", function () {
ok($("#testLatinSettings5").html().match(/ago-hay$/), "Settings correctly applied");
ok($("#testRussianSettings5").html().match(/назад$/), "Settings correctly applied");
2009-07-30 12:58:27 -04:00
});
test("prefixFromNow", function () {
ok($("#testRussianSettings2").html().match(/^через/), "Settings correctly applied");
2009-07-30 12:58:27 -04:00
});
test("seconds", function () {
ok($("#testLatinSettings5").html().match(/^ess-lay an-thay a-hay inute-may/), "Settings correctly applied");
ok($("#testRussianSettings5").html().match(/^меньше минуты/), "Settings correctly applied");
2009-07-30 12:58:27 -04:00
});
test("minute", function () {
ok($("#testLatinSettings7").html().match(/^about-hay a-hay inute-may/), "Settings correctly applied");
ok($("#testRussianSettings7").html().match(/^минуту/), "Settings correctly applied");
2009-07-30 12:58:27 -04:00
});
test("minutes", function () {
ok($("#testLatinSettings8").html().match(/^2 inutes-may/), "Settings correctly applied");
ok($("#testRussianSettings8").html().match(/^2 минуты/), "Settings correctly applied");
// TODO: Test "минута" and "минут"
2009-07-30 12:58:27 -04:00
});
test("hour", function () {
ok($("#testLatinSettings10").html().match(/^about-hay an-hay hour-hay/), "Settings correctly applied");
ok($("#testRussianSettings10").html().match(/^час/), "Settings correctly applied");
2009-07-30 12:58:27 -04:00
});
test("hours", function () {
ok($("#testLatinSettings12").html().match(/^about-hay 2 hours-hay/), "Settings correctly applied");
ok($("#testRussianSettings12").html().match(/^2 часа/), "Settings correctly applied");
// TODO: Test "час" and "часов"
2009-07-30 12:58:27 -04:00
});
test("day", function () {
ok($("#testLatinSettings15").html().match(/^a-hay ay-day/), "Settings correctly applied");
ok($("#testRussianSettings15").html().match(/^день/), "Settings correctly applied");
2009-07-30 12:58:27 -04:00
});
test("days", function () {
ok($("#testLatinSettings16").html().match(/^2 ays-day/), "Settings correctly applied");
ok($("#testRussianSettings16").html().match(/^2 дня/), "Settings correctly applied");
ok($("#testRussianSettings17").html().match(/^29 дней/), "Settings correctly applied");
// TODO: Test "день"
2009-07-30 12:58:27 -04:00
});
test("month", function () {
ok($("#testLatinSettings18").html().match(/^about-hay a-hay onth-may/), "Settings correctly applied");
ok($("#testRussianSettings18").html().match(/^месяц/), "Settings correctly applied");
2009-07-30 12:58:27 -04:00
});
test("months", function () {
ok($("#testLatinSettings19").html().match(/^6 onths-may/), "Settings correctly applied");
ok($("#testRussianSettings19").html().match(/^6 месяцев/), "Settings correctly applied");
// TODO: Test "месяца" and "месяц"
2009-07-30 12:58:27 -04:00
});
test("year", function () {
ok($("#testLatinSettings20").html().match(/^about-hay a-hay ear-yay/), "Settings correctly applied");
ok($("#testRussianSettings20").html().match(/^год/), "Settings correctly applied");
2009-07-30 12:58:27 -04:00
});
test("years", function () {
ok($("#testYoungOldSettings1").html().match(/^16 young years/), "Settings correctly applied");
ok($("#testYoungOldSettings2").html().match(/^64 old years/), "Settings correctly applied");
ok($("#testLatinSettings21").html().match(/^3 years-yay/), "Settings correctly applied");
ok($("#testRussianSettings21").html().match(/^3 года/), "Settings correctly applied");
// TODO: Test "год" and "лет"
2009-07-30 12:58:27 -04:00
});
})(jQuery);
//]]>
</script>
</body>
</html>