discourse/spec/javascripts/components/formatter_spec.js

129 lines
4.3 KiB
JavaScript

/*global expect:true describe:true it:true beforeEach:true afterEach:true spyOn:true */
describe("Discourse.Formatter", function() {
var format = "tiny";
var leaveAgo = false;
var mins_ago = function(mins){
return new Date((new Date()) - mins * 60 * 1000);
};
var formatMins = function(mins) {
return Discourse.Formatter.relativeAge(mins_ago(mins), {format: format, leaveAgo: leaveAgo});
};
var formatHours = function(hours) {
return formatMins(hours * 60);
};
var formatDays = function(days) {
return formatHours(days * 24);
};
var formatMonths = function(months) {
return formatDays(months * 30);
};
describe("relativeTime", function() {
it("can format medium length dates", function() {
format = "medium";
var strip = function(html){
return $(html).text();
}
var shortDate = function(days){
return moment().subtract('days', days).format('D MMM');
}
var shortDateYear = function(days){
return moment().subtract('days', days).format('D MMM, YYYY');
}
leaveAgo = true;
expect(strip(formatMins(1.4))).toBe("1 minute ago");
expect(strip(formatMins(2))).toBe("2 minutes ago");
expect(strip(formatMins(56))).toBe("56 minutes ago");
expect(strip(formatMins(57))).toBe("1 hour ago");
expect(strip(formatHours(4))).toBe("4 hours ago");
expect(strip(formatHours(22))).toBe("22 hours ago");
expect(strip(formatHours(23))).toBe("1 day ago");
expect(strip(formatDays(4.85))).toBe("4 days ago");
leaveAgo = false;
expect(strip(formatMins(0))).toBe("just now");
expect(strip(formatMins(1.4))).toBe("1 minute");
expect(strip(formatMins(2))).toBe("2 minutes");
expect(strip(formatMins(56))).toBe("56 minutes");
expect(strip(formatMins(57))).toBe("1 hour");
expect(strip(formatHours(4))).toBe("4 hours");
expect(strip(formatHours(22))).toBe("22 hours");
expect(strip(formatHours(23))).toBe("1 day");
expect(strip(formatDays(4.85))).toBe("4 days");
expect(strip(formatDays(6))).toBe(shortDate(6));
expect(strip(formatDays(100))).toBe(shortDate(100)); // eg: 23 Jan
expect(strip(formatDays(500))).toBe(shortDateYear(500));
expect($(formatDays(0)).attr("title")).toBe(moment().format('MMMM D, YYYY h:mma'));
expect($(formatDays(0)).attr("class")).toBe("date");
});
it("can format dates", function() {
format = "tiny";
expect(formatMins(0)).toBe("< 1m");
expect(formatMins(2)).toBe("2m");
expect(formatMins(60)).toBe("1h");
expect(formatHours(4)).toBe("4h");
expect(formatDays(1)).toBe("1d");
expect(formatDays(20)).toBe("20d");
expect(formatMonths(3)).toBe("3mon");
expect(formatMonths(23)).toBe("23mon");
expect(formatMonths(24)).toBe("> 2y");
});
});
describe("autoUpdatingRelativeAge", function(){
it("can format dates", function(){
var d = moment().subtract('days',1).toDate();
var $elem = $(Discourse.Formatter.autoUpdatingRelativeAge(d));
expect($elem.data('format')).toBe("tiny");
expect($elem.data('time')).toBe(d.getTime());
$elem = $(Discourse.Formatter.autoUpdatingRelativeAge(d,{format: 'medium', leaveAgo: true}));
expect($elem.data('format')).toBe("medium-with-ago");
expect($elem.data('time')).toBe(d.getTime());
expect($elem.attr('title')).toBe(moment(d).longDate());
expect($elem.html()).toBe('1 day ago');
$elem = $(Discourse.Formatter.autoUpdatingRelativeAge(d,{format: 'medium'}));
expect($elem.data('format')).toBe("medium");
expect($elem.data('time')).toBe(d.getTime());
expect($elem.html()).toBe('1 day');
});
});
describe("updateRelativeAge", function(){
it("can update relative dates", function(){
var d = new Date();
var $elem = $(Discourse.Formatter.autoUpdatingRelativeAge(d));
$elem.data('time', d.getTime() - 2 * 60 * 1000);
Discourse.Formatter.updateRelativeAge($elem);
expect($elem.html()).toBe("2m");
d = new Date();
$elem = $(Discourse.Formatter.autoUpdatingRelativeAge(d, {format: 'medium', leaveAgo: true}));
$elem.data('time', d.getTime() - 2 * 60 * 1000);
Discourse.Formatter.updateRelativeAge($elem);
expect($elem.html()).toBe("2 minutes ago");
});
});
});