jquery-timeago/test/test.html

517 lines
22 KiB
HTML

<!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 -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<!-- 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">sometime before now</abbr>.</p>
<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 class="timeago" title="2008-02-26">(you shouldn't see this)</abbr>.</p>
<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="1234">(this should be displayed)</abbr>.</p>
<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>
<script type="text/javascript">
//<![CDATA[
(function ($) {
function zeropad(num) {
return ((num < 10) ? '0' : '') + num;
}
function iso8601(date) {
return date.getUTCFullYear()
+ '-' + zeropad(date.getUTCMonth() + 1)
+ '-' + zeropad(date.getUTCDate())
+ 'T' + zeropad(date.getUTCHours())
+ ':' + zeropad(date.getUTCMinutes())
+ ':' + zeropad(date.getUTCSeconds()) + 'Z';
}
function loadPigLatin() {
$.timeago.settings.strings = {
suffixAgo : 'ago-hay',
suffixFromNow: 'omNow-fray',
seconds : 'ess-lay an-thay a-hay inute-may',
minute : 'about-hay a-hay inute-may',
minutes : '%d inutes-may',
hour : 'about-hay an-hay hour-hay',
hours : 'about-hay %d hours-hay',
day : 'a-hay ay-day',
days : '%d ays-day',
month : 'about-hay a-hay onth-may',
months : '%d onths-may',
year : 'about-hay a-hay ear-yay',
years : '%d years-yay'
};
}
function loadRussian() {
(function() {
function numpf(n, f, s, t) {
// f - 1, 21, 31, ...
// s - 2-4, 22-24, 32-34 ...
// t - 5-20, 25-30, ...
var n10 = n % 10;
if ((n10 == 1) && ((n == 1) || (n > 20) )) {
return f;
} else if ((n10 > 1) && (n10 < 5) && ((n > 20) || (n < 10))) {
return s;
} else {
return t;
}
}
$.timeago.settings.strings = {
prefixAgo: null,
prefixFromNow: 'через',
suffixAgo: 'назад',
suffixFromNow: null,
seconds: 'меньше минуты',
minute: 'минуту',
minutes: function(value) { return numpf(value, '%d минута', '%d минуты', '%d минут'); },
hour: 'час',
hours: function(value) { return numpf(value, '%d час', '%d часа', '%d часов'); },
day: 'день',
days: function(value) { return numpf(value, '%d день', '%d дня', '%d дней'); },
month: 'месяц',
months: function(value) { return numpf(value, '%d месяц', '%d месяца', '%d месяцев'); },
year: 'год',
years: function(value) { return numpf(value, '%d год', '%d года', '%d лет'); }
};
})();
}
function loadYoungOldYears() {
$.extend($.timeago.settings.strings, {
years: function(value) { return (value < 21) ? '%d young years' : '%d old years'; }
});
}
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;
$('abbr.loaded').attr('title', iso8601(new Date()));
$('abbr.modified').attr('title', iso8601(new Date(document.lastModified)));
$('abbr.timeago').timeago();
$('abbr.todate').each(function () {
var date = $.timeago.parse(this.title);
$(this).text(date.toUTCString());
});
$('abbr.towords').each(toWords);
loadYoungOldYears();
$('abbr.toyoungold').each(toWords);
loadPigLatin();
$('abbr.tolatin').each(toWords);
loadRussian();
$('abbr.torussian').each(toWords);
module('Valid date');
test('Text in abbr tag should be replaced', function () {
ok(testElements('abbr.timeago', function (element) {
return (element.html() !== "(you shouldn't see this)");
}), 'All text was replaced');
});
module('Invalid date');
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');
});
module('Short term');
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');
});
module('Long term');
test("Dates older than one year should contain the word 'year'", function () {
ok(testElements('abbr.testLongTerm', function (element) {
return (element.html().match(/year/));
}), 'All long term dates correctly parsed');
});
module('Parsing');
// Note, different browsers behave slightly different
var correctMatch = /Mon, 18 Dec 1978 17:17:00 GMT/;
test('From Z', function () {
ok(($('#testParsing1').html().match(correctMatch)), 'Correctly parsed');
});
test('From -00:00', function () {
ok(($('#testParsing2').html().match(correctMatch)), 'Correctly parsed');
});
test('From -05:00', function () {
ok(($('#testParsing3').html().match(correctMatch)), 'Correctly parsed');
});
test('From -0500', function () {
ok(($('#testParsing4').html().match(correctMatch)), 'Correctly parsed');
});
test('From +09:00', function () {
ok(($('#testParsing5').html().match(correctMatch)), 'Correctly parsed');
});
test('From +0900', function () {
ok(($('#testParsing6').html().match(correctMatch)), 'Correctly parsed');
});
test('From blank TZ', function () {
ok(($('#testParsing7').html().match(/Mon, 18 Dec 1978 \d\d:17:00 GMT/)), 'Correctly parsed, assumed local time');
});
module('Wording');
test('-120 min', function () {
ok(($('#testWording1').html() === 'about 2 hours from now'), 'Correctly parsed');
});
test('-60 sec', function () {
ok(($('#testWording2').html() === 'about a minute from now'), 'Correctly parsed');
});
test('-30 sec', function () {
ok(($('#testWording3').html() === 'less than a minute from now'), 'Correctly parsed');
});
test('-1 sec', function () {
ok(($('#testWording4').html() === 'less than a minute from now'), 'Correctly parsed');
});
test('0 sec', function () {
ok(($('#testWording5').html() === 'less than a minute ago'), 'Correctly parsed');
});
test('30 sec', function () {
ok(($('#testWording6').html() === 'less than a minute ago'), 'Correctly parsed');
});
test('45 sec', function () {
ok(($('#testWording7').html() === 'about a minute ago'), 'Correctly parsed');
});
test('90 sec', function () {
ok(($('#testWording8').html() === '2 minutes ago'), 'Correctly parsed');
});
test('120 sec', function () {
ok(($('#testWording9').html() === '2 minutes ago'), 'Correctly parsed');
});
test('45 min', function () {
ok(($('#testWording10').html() === 'about an hour ago'), 'Correctly parsed');
});
test('89 min', function () {
ok(($('#testWording11').html() === 'about an hour ago'), 'Correctly parsed');
});
test('90 min', function () {
ok(($('#testWording12').html() === 'about 2 hours ago'), 'Correctly parsed');
});
test('120 min', function () {
ok(($('#testWording13').html() === 'about 2 hours ago'), 'Correctly parsed');
});
test('1380 min', function () {
ok(($('#testWording14').html() === 'about 23 hours ago'), 'Correctly parsed');
});
test('25 hours', function () {
ok(($('#testWording15').html() === 'a day ago'), 'Correctly parsed');
});
test('48 hours', function () {
ok(($('#testWording16').html() === '2 days ago'), 'Correctly parsed');
});
test('696 hours', function () {
ok(($('#testWording17').html() === '29 days ago'), 'Correctly parsed');
});
test('30 days', function () {
ok(($('#testWording18').html() === 'about a month ago'), 'Correctly parsed');
});
test('190 days', function () {
ok(($('#testWording19').html() === '6 months ago'), 'Correctly parsed');
});
test('366 days', function () {
ok(($('#testWording20').html() === 'about a year ago'), 'Correctly parsed');
});
test('1095 days', function () {
ok(($('#testWording21').html() === '3 years ago'), 'Correctly parsed');
});
module('Settings');
test('suffixFromNow', function () {
ok($('#testLatinSettings1').html().match(/omNow-fray$/), 'Settings correctly applied');
});
test('suffixAgo', function () {
ok($('#testLatinSettings5').html().match(/ago-hay$/), 'Settings correctly applied');
ok($('#testRussianSettings5').html().match(/назад$/), 'Settings correctly applied');
});
test('prefixFromNow', function () {
ok($('#testRussianSettings2').html().match(/^через/), 'Settings correctly applied');
});
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');
});
test('minute', function () {
ok($('#testLatinSettings7').html().match(/^about-hay a-hay inute-may/), 'Settings correctly applied');
ok($('#testRussianSettings7').html().match(/^минуту/), 'Settings correctly applied');
});
test('minutes', function () {
ok($('#testLatinSettings8').html().match(/^2 inutes-may/), 'Settings correctly applied');
ok($('#testRussianSettings8').html().match(/^2 минуты/), 'Settings correctly applied');
// TODO: Test 'минута' and 'минут'
});
test('hour', function () {
ok($('#testLatinSettings10').html().match(/^about-hay an-hay hour-hay/), 'Settings correctly applied');
ok($('#testRussianSettings10').html().match(/^час/), 'Settings correctly applied');
});
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 'часов'
});
test('day', function () {
ok($('#testLatinSettings15').html().match(/^a-hay ay-day/), 'Settings correctly applied');
ok($('#testRussianSettings15').html().match(/^день/), 'Settings correctly applied');
});
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 'день'
});
test('month', function () {
ok($('#testLatinSettings18').html().match(/^about-hay a-hay onth-may/), 'Settings correctly applied');
ok($('#testRussianSettings18').html().match(/^месяц/), 'Settings correctly applied');
});
test('months', function () {
ok($('#testLatinSettings19').html().match(/^6 onths-may/), 'Settings correctly applied');
ok($('#testRussianSettings19').html().match(/^6 месяцев/), 'Settings correctly applied');
// TODO: Test 'месяца' and 'месяц'
});
test('year', function () {
ok($('#testLatinSettings20').html().match(/^about-hay a-hay ear-yay/), 'Settings correctly applied');
ok($('#testRussianSettings20').html().match(/^год/), 'Settings correctly applied');
});
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 'лет'
});
})(jQuery);
//]]>
</script>
</body>
</html>