RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 18:27:35 +00:00
Code Issues Activity Actions

LibJS: Implement Intl.DateTimeFormat.prototype.formatRangeToParts

Browse source
This commit is contained in:
Timothy Flynn 2021-12-09 13:35:59 -05:00 • committed by Linus Groh
parent 04f8fb07e1
commit 53df13fed7
6 changed files with 569 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
Userland/Libraries/LibJS/Runtime/CommonPropertyNames.h
View file

@ -180,6 +180,7 @@ namespace JS {
P(format) \
P(formatMatcher) \
P(formatRange) \
P(formatRangeToParts) \
P(formatToParts) \
P(fractionalSecondDigits) \
P(freeze) \

39
Userland/Libraries/LibJS/Runtime/Intl/DateTimeFormat.cpp
View file

@ -1404,6 +1404,45 @@ ThrowCompletionOr<String> format_date_time_range(GlobalObject& global_object, Da
return result.build();
}
// 11.1.13 FormatDateTimeRangeToParts ( dateTimeFormat, x, y ), https://tc39.es/ecma402/#sec-formatdatetimerangetoparts
ThrowCompletionOr<Array*> format_date_time_range_to_parts(GlobalObject& global_object, DateTimeFormat& date_time_format, Value start, Value end)
{
auto& vm = global_object.vm();
// 1. Let parts be ? PartitionDateTimeRangePattern(dateTimeFormat, x, y).
auto parts = TRY(partition_date_time_range_pattern(global_object, date_time_format, start, end));
// 2. Let result be ArrayCreate(0).
auto* result = MUST(Array::create(global_object, 0));
// 3. Let n be 0.
size_t n = 0;
// 4. For each Record { [[Type]], [[Value]], [[Source]] } part in parts, do
for (auto& part : parts) {
// a. Let O be OrdinaryObjectCreate(%ObjectPrototype%).
auto* object = Object::create(global_object, global_object.object_prototype());
// b. Perform ! CreateDataPropertyOrThrow(O, "type", part.[[Type]]).
MUST(object->create_data_property_or_throw(vm.names.type, js_string(vm, part.type)));
// c. Perform ! CreateDataPropertyOrThrow(O, "value", part.[[Value]]).
MUST(object->create_data_property_or_throw(vm.names.value, js_string(vm, move(part.value))));
// d. Perform ! CreateDataPropertyOrThrow(O, "source", part.[[Source]]).
MUST(object->create_data_property_or_throw(vm.names.source, js_string(vm, part.source)));
// e. Perform ! CreateDataProperty(result, ! ToString(n), O).
MUST(result->create_data_property_or_throw(n, object));
// f. Increment n by 1.
++n;
}
// 5. Return result.
return result;
}
// 11.1.14 ToLocalTime ( t, calendar, timeZone ), https://tc39.es/ecma402/#sec-tolocaltime
ThrowCompletionOr<LocalTime> to_local_time(GlobalObject& global_object, double time, StringView calendar, [[maybe_unused]] StringView time_zone)
{

1
Userland/Libraries/LibJS/Runtime/Intl/DateTimeFormat.h
View file

@ -205,6 +205,7 @@ ThrowCompletionOr<String> format_date_time(GlobalObject& global_object, DateTime
ThrowCompletionOr<Array*> format_date_time_to_parts(GlobalObject& global_object, DateTimeFormat& date_time_format, Value time);
ThrowCompletionOr<Vector<PatternPartitionWithSource>> partition_date_time_range_pattern(GlobalObject& global_object, DateTimeFormat& date_time_format, Value start, Value end);
ThrowCompletionOr<String> format_date_time_range(GlobalObject& global_object, DateTimeFormat& date_time_format, Value start, Value end);
ThrowCompletionOr<Array*> format_date_time_range_to_parts(GlobalObject& global_object, DateTimeFormat& date_time_format, Value start, Value end);
ThrowCompletionOr<LocalTime> to_local_time(GlobalObject& global_object, double time, StringView calendar, StringView time_zone);
template<typename Callback>

27
Userland/Libraries/LibJS/Runtime/Intl/DateTimeFormatPrototype.cpp
View file

@ -33,6 +33,7 @@ void DateTimeFormatPrototype::initialize(GlobalObject& global_object)
u8 attr = Attribute::Writable | Attribute::Configurable;
define_native_function(vm.names.formatToParts, format_to_parts, 1, attr);
define_native_function(vm.names.formatRange, format_range, 2, attr);
define_native_function(vm.names.formatRangeToParts, format_range_to_parts, 2, attr);
define_native_function(vm.names.resolvedOptions, resolved_options, 0, attr);
}
@ -110,6 +111,32 @@ JS_DEFINE_NATIVE_FUNCTION(DateTimeFormatPrototype::format_range)
return js_string(vm, move(formatted));
}
// 11.4.6 Intl.DateTimeFormat.prototype.formatRangeToParts ( startDate, endDate ), https://tc39.es/ecma402/#sec-Intl.DateTimeFormat.prototype.formatRangeToParts
JS_DEFINE_NATIVE_FUNCTION(DateTimeFormatPrototype::format_range_to_parts)
{
auto start_date = vm.argument(0);
auto end_date = vm.argument(1);
// 1. Let dtf be this value.
// 2. Perform ? RequireInternalSlot(dtf, [[InitializedDateTimeFormat]]).
auto* date_time_format = TRY(typed_this_object(global_object));
// 3. If startDate is undefined or endDate is undefined, throw a TypeError exception.
if (start_date.is_undefined())
return vm.throw_completion<TypeError>(global_object, ErrorType::IsUndefined, "startDate"sv);
if (end_date.is_undefined())
return vm.throw_completion<TypeError>(global_object, ErrorType::IsUndefined, "endDate"sv);
// 4. Let x be ? ToNumber(startDate).
start_date = TRY(start_date.to_number(global_object));
// 5. Let y be ? ToNumber(endDate).
end_date = TRY(end_date.to_number(global_object));
// 6. Return ? FormatDateTimeRangeToParts(dtf, x, y).
return TRY(format_date_time_range_to_parts(global_object, *date_time_format, start_date, end_date));
}
// 11.4.7 Intl.DateTimeFormat.prototype.resolvedOptions ( ), https://tc39.es/ecma402/#sec-intl.datetimeformat.prototype.resolvedoptions
JS_DEFINE_NATIVE_FUNCTION(DateTimeFormatPrototype::resolved_options)
{

1
Userland/Libraries/LibJS/Runtime/Intl/DateTimeFormatPrototype.h
View file

@ -23,6 +23,7 @@ private:
JS_DECLARE_NATIVE_FUNCTION(format);
JS_DECLARE_NATIVE_FUNCTION(format_to_parts);
JS_DECLARE_NATIVE_FUNCTION(format_range);
JS_DECLARE_NATIVE_FUNCTION(format_range_to_parts);
JS_DECLARE_NATIVE_FUNCTION(resolved_options);
};

500
Userland/Libraries/LibJS/Tests/builtins/Intl/DateTimeFormat/DateTimeFormat.prototype.formatRangeToParts.js Normal file
View file

@ -0,0 +1,500 @@
describe("errors", () => {
test("called on non-DateTimeFormat object", () => {
expect(() => {
Intl.DateTimeFormat.prototype.formatRangeToParts(1, 2);
}).toThrowWithMessage(TypeError, "Not an object of type Intl.DateTimeFormat");
});
test("called with undefined values", () => {
expect(() => {
Intl.DateTimeFormat().formatRangeToParts();
}).toThrowWithMessage(TypeError, "startDate is undefined");
expect(() => {
Intl.DateTimeFormat().formatRangeToParts(1);
}).toThrowWithMessage(TypeError, "endDate is undefined");
});
test("called with values that cannot be converted to numbers", () => {
expect(() => {
Intl.DateTimeFormat().formatRangeToParts(1, Symbol.hasInstance);
}).toThrowWithMessage(TypeError, "Cannot convert symbol to number");
expect(() => {
Intl.DateTimeFormat().formatRangeToParts(1n, 1);
}).toThrowWithMessage(TypeError, "Cannot convert BigInt to number");
});
test("time value cannot be clipped", () => {
[NaN, -8.65e15, 8.65e15].forEach(d => {
expect(() => {
Intl.DateTimeFormat().formatRangeToParts(d, 1);
}).toThrowWithMessage(RangeError, "Time value must be between -8.64E15 and 8.64E15");
expect(() => {
Intl.DateTimeFormat().formatRangeToParts(1, d);
}).toThrowWithMessage(RangeError, "Time value must be between -8.64E15 and 8.64E15");
});
});
test("called with values in bad order", () => {
expect(() => {
Intl.DateTimeFormat().formatRangeToParts(new Date(2021), new Date(1989));
}).toThrowWithMessage(RangeError, "Start time 2021 is after end time 1989");
});
});
const d0 = Date.UTC(1989, 0, 23, 7, 8, 9, 45);
const d1 = Date.UTC(2021, 11, 7, 17, 40, 50, 456);
describe("equal dates are squashed", () => {
test("with date fields", () => {
const en = new Intl.DateTimeFormat("en", {
year: "numeric",
month: "long",
day: "2-digit",
});
expect(en.formatRangeToParts(d0, d0)).toEqual([
{ type: "month", value: "January", source: "shared" },
{ type: "literal", value: " ", source: "shared" },
{ type: "day", value: "23", source: "shared" },
{ type: "literal", value: ", ", source: "shared" },
{ type: "year", value: "1989", source: "shared" },
]);
const ja = new Intl.DateTimeFormat("ja", {
year: "numeric",
month: "long",
day: "2-digit",
});
expect(ja.formatRangeToParts(d0, d0)).toEqual([
{ type: "year", value: "1989", source: "shared" },
{ type: "literal", value: "/", source: "shared" },
{ type: "month", value: "1月", source: "shared" },
{ type: "literal", value: "/", source: "shared" },
{ type: "day", value: "23", source: "shared" },
]);
});
test("with time fields", () => {
const en = new Intl.DateTimeFormat("en", {
hour: "numeric",
minute: "2-digit",
second: "2-digit",
timeZone: "UTC",
});
expect(en.formatRangeToParts(d0, d0)).toEqual([
{ type: "hour", value: "7", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "minute", value: "08", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "second", value: "09", source: "shared" },
{ type: "literal", value: " ", source: "shared" },
{ type: "dayPeriod", value: "AM", source: "shared" },
]);
const ja = new Intl.DateTimeFormat("ja", {
hour: "numeric",
minute: "2-digit",
second: "2-digit",
timeZone: "UTC",
});
expect(ja.formatRangeToParts(d0, d0)).toEqual([
{ type: "hour", value: "7", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "minute", value: "08", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "second", value: "09", source: "shared" },
]);
});
test("with mixed fields", () => {
const en = new Intl.DateTimeFormat("en", {
year: "numeric",
month: "long",
day: "2-digit",
hour: "numeric",
minute: "2-digit",
second: "2-digit",
timeZone: "UTC",
});
expect(en.formatRangeToParts(d0, d0)).toEqual([
{ type: "month", value: "January", source: "shared" },
{ type: "literal", value: " ", source: "shared" },
{ type: "day", value: "23", source: "shared" },
{ type: "literal", value: ", ", source: "shared" },
{ type: "year", value: "1989", source: "shared" },
{ type: "literal", value: " at ", source: "shared" },
{ type: "hour", value: "7", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "minute", value: "08", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "second", value: "09", source: "shared" },
{ type: "literal", value: " ", source: "shared" },
{ type: "dayPeriod", value: "AM", source: "shared" },
]);
const ja = new Intl.DateTimeFormat("ja", {
year: "numeric",
month: "long",
day: "2-digit",
hour: "numeric",
minute: "2-digit",
second: "2-digit",
timeZone: "UTC",
});
expect(ja.formatRangeToParts(d0, d0)).toEqual([
{ type: "year", value: "1989", source: "shared" },
{ type: "literal", value: "/", source: "shared" },
{ type: "month", value: "1月", source: "shared" },
{ type: "literal", value: "/", source: "shared" },
{ type: "day", value: "23", source: "shared" },
{ type: "literal", value: " ", source: "shared" },
{ type: "hour", value: "7", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "minute", value: "08", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "second", value: "09", source: "shared" },
]);
});
test("with date/time style fields", () => {
const en = new Intl.DateTimeFormat("en", {
dateStyle: "full",
timeStyle: "medium",
timeZone: "UTC",
});
expect(en.formatRangeToParts(d0, d0)).toEqual([
{ type: "weekday", value: "Monday", source: "shared" },
{ type: "literal", value: ", ", source: "shared" },
{ type: "month", value: "January", source: "shared" },
{ type: "literal", value: " ", source: "shared" },
{ type: "day", value: "23", source: "shared" },
{ type: "literal", value: ", ", source: "shared" },
{ type: "year", value: "1989", source: "shared" },
{ type: "literal", value: " at ", source: "shared" },
{ type: "hour", value: "7", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "minute", value: "08", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "second", value: "09", source: "shared" },
{ type: "literal", value: " ", source: "shared" },
{ type: "dayPeriod", value: "AM", source: "shared" },
]);
const ja = new Intl.DateTimeFormat("ja", {
dateStyle: "full",
timeStyle: "medium",
timeZone: "UTC",
});
expect(ja.formatRangeToParts(d0, d0)).toEqual([
{ type: "year", value: "1989", source: "shared" },
{ type: "literal", value: "年", source: "shared" },
{ type: "month", value: "1", source: "shared" },
{ type: "literal", value: "月", source: "shared" },
{ type: "day", value: "23", source: "shared" },
{ type: "literal", value: "日", source: "shared" },
{ type: "weekday", value: "月曜日", source: "shared" },
{ type: "literal", value: " ", source: "shared" },
{ type: "hour", value: "7", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "minute", value: "08", source: "shared" },
{ type: "literal", value: ":", source: "shared" },
{ type: "second", value: "09", source: "shared" },
]);
});
});
describe("dateStyle", () => {
test("full", () => {
const en = new Intl.DateTimeFormat("en", { dateStyle: "full" });
expect(en.formatRangeToParts(d0, d1)).toEqual([
{ type: "weekday", value: "Monday", source: "startRange" },
{ type: "literal", value: ", ", source: "startRange" },
{ type: "month", value: "January", source: "startRange" },
{ type: "literal", value: " ", source: "startRange" },
{ type: "day", value: "23", source: "startRange" },
{ type: "literal", value: ", ", source: "startRange" },
{ type: "year", value: "1989", source: "startRange" },
{ type: "literal", value: " – ", source: "shared" },
{ type: "weekday", value: "Tuesday", source: "endRange" },
{ type: "literal", value: ", ", source: "endRange" },
{ type: "month", value: "December", source: "endRange" },
{ type: "literal", value: " ", source: "endRange" },
{ type: "day", value: "7", source: "endRange" },
{ type: "literal", value: ", ", source: "endRange" },
{ type: "year", value: "2021", source: "endRange" },
]);
const ja = new Intl.DateTimeFormat("ja", { dateStyle: "full" });
expect(ja.formatRangeToParts(d0, d1)).toEqual([
{ type: "year", value: "1989", source: "startRange" },
{ type: "literal", value: "年", source: "startRange" },
{ type: "month", value: "1", source: "startRange" },
{ type: "literal", value: "月", source: "startRange" },
{ type: "day", value: "23", source: "startRange" },
{ type: "literal", value: "日", source: "startRange" },
{ type: "weekday", value: "月曜日", source: "startRange" },
{ type: "literal", value: "～", source: "shared" },
{ type: "year", value: "2021", source: "endRange" },
{ type: "literal", value: "年", source: "endRange" },
{ type: "month", value: "12", source: "endRange" },
{ type: "literal", value: "月", source: "endRange" },
{ type: "day", value: "7", source: "endRange" },
{ type: "literal", value: "日", source: "endRange" },
{ type: "weekday", value: "火曜日", source: "endRange" },
]);
});
test("long", () => {
const en = new Intl.DateTimeFormat("en", { dateStyle: "long" });
expect(en.formatRangeToParts(d0, d1)).toEqual([
{ type: "month", value: "January", source: "startRange" },
{ type: "literal", value: " ", source: "startRange" },
{ type: "day", value: "23", source: "startRange" },
{ type: "literal", value: ", ", source: "startRange" },
{ type: "year", value: "1989", source: "startRange" },
{ type: "literal", value: " – ", source: "shared" },
{ type: "month", value: "December", source: "endRange" },
{ type: "literal", value: " ", source: "endRange" },
{ type: "day", value: "7", source: "endRange" },
{ type: "literal", value: ", ", source: "endRange" },
{ type: "year", value: "2021", source: "endRange" },
]);
const ja = new Intl.DateTimeFormat("ja", { dateStyle: "long" });
expect(ja.formatRangeToParts(d0, d1)).toEqual([
{ type: "year", value: "1989", source: "startRange" },
{ type: "literal", value: "/", source: "startRange" },
{ type: "month", value: "01", source: "startRange" },
{ type: "literal", value: "/", source: "startRange" },
{ type: "day", value: "23", source: "startRange" },
{ type: "literal", value: "～", source: "shared" },
{ type: "year", value: "2021", source: "endRange" },
{ type: "literal", value: "/", source: "endRange" },
{ type: "month", value: "12", source: "endRange" },
{ type: "literal", value: "/", source: "endRange" },
{ type: "day", value: "07", source: "endRange" },
]);
});
test("medium", () => {
const en = new Intl.DateTimeFormat("en", { dateStyle: "medium" });
expect(en.formatRangeToParts(d0, d1)).toEqual([
{ type: "month", value: "Jan", source: "startRange" },
{ type: "literal", value: " ", source: "startRange" },
{ type: "day", value: "23", source: "startRange" },
{ type: "literal", value: ", ", source: "startRange" },
{ type: "year", value: "1989", source: "startRange" },
{ type: "literal", value: " – ", source: "shared" },
{ type: "month", value: "Dec", source: "endRange" },
{ type: "literal", value: " ", source: "endRange" },
{ type: "day", value: "7", source: "endRange" },
{ type: "literal", value: ", ", source: "endRange" },
{ type: "year", value: "2021", source: "endRange" },
]);
const ja = new Intl.DateTimeFormat("ja", { dateStyle: "medium" });
expect(ja.formatRangeToParts(d0, d1)).toEqual([
{ type: "year", value: "1989", source: "startRange" },
{ type: "literal", value: "/", source: "startRange" },
{ type: "month", value: "01", source: "startRange" },
{ type: "literal", value: "/", source: "startRange" },
{ type: "day", value: "23", source: "startRange" },
{ type: "literal", value: "～", source: "shared" },
{ type: "year", value: "2021", source: "endRange" },
{ type: "literal", value: "/", source: "endRange" },
{ type: "month", value: "12", source: "endRange" },
{ type: "literal", value: "/", source: "endRange" },
{ type: "day", value: "07", source: "endRange" },
]);
});
test("short", () => {
const en = new Intl.DateTimeFormat("en", { dateStyle: "short" });
expect(en.formatRangeToParts(d0, d1)).toEqual([
{ type: "month", value: "1", source: "startRange" },
{ type: "literal", value: "/", source: "startRange" },
{ type: "day", value: "23", source: "startRange" },
{ type: "literal", value: "/", source: "startRange" },
{ type: "year", value: "89", source: "startRange" },
{ type: "literal", value: " – ", source: "shared" },
{ type: "month", value: "12", source: "endRange" },
{ type: "literal", value: "/", source: "endRange" },
{ type: "day", value: "7", source: "endRange" },
{ type: "literal", value: "/", source: "endRange" },
{ type: "year", value: "21", source: "endRange" },
]);
const ja = new Intl.DateTimeFormat("ja", { dateStyle: "short" });
expect(ja.formatRangeToParts(d0, d1)).toEqual([
{ type: "year", value: "1989", source: "startRange" },
{ type: "literal", value: "/", source: "startRange" },
{ type: "month", value: "01", source: "startRange" },
{ type: "literal", value: "/", source: "startRange" },
{ type: "day", value: "23", source: "startRange" },
{ type: "literal", value: "～", source: "shared" },
{ type: "year", value: "2021", source: "endRange" },
{ type: "literal", value: "/", source: "endRange" },
{ type: "month", value: "12", source: "endRange" },
{ type: "literal", value: "/", source: "endRange" },
{ type: "day", value: "07", source: "endRange" },
]);
});
});
describe("timeStyle", () => {
// FIXME: These results should include the date, even though it isn't requested, because the start/end dates
// are more than just hours apart. See the FIXME in PartitionDateTimeRangePattern.
test("full", () => {
const en = new Intl.DateTimeFormat("en", { timeStyle: "full" });
expect(en.formatRangeToParts(d0, d1)).toEqual([
{ type: "hour", value: "7", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "minute", value: "08", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "second", value: "09", source: "startRange" },
{ type: "literal", value: " ", source: "startRange" },
{ type: "dayPeriod", value: "AM", source: "startRange" },
{ type: "literal", value: " ", source: "startRange" },
{ type: "timeZoneName", value: "Coordinated Universal Time", source: "startRange" },
{ type: "literal", value: " – ", source: "shared" },
{ type: "hour", value: "5", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "minute", value: "40", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "second", value: "50", source: "endRange" },
{ type: "literal", value: " ", source: "endRange" },
{ type: "dayPeriod", value: "PM", source: "endRange" },
{ type: "literal", value: " ", source: "endRange" },
{ type: "timeZoneName", value: "Coordinated Universal Time", source: "endRange" },
]);
const ja = new Intl.DateTimeFormat("ja", { timeStyle: "full" });
expect(ja.formatRangeToParts(d0, d1)).toEqual([
{ type: "hour", value: "7", source: "startRange" },
{ type: "literal", value: "時", source: "startRange" },
{ type: "minute", value: "08", source: "startRange" },
{ type: "literal", value: "分", source: "startRange" },
{ type: "second", value: "09", source: "startRange" },
{ type: "literal", value: "秒 ", source: "startRange" },
{ type: "timeZoneName", value: "協定世界時", source: "startRange" },
{ type: "literal", value: "～", source: "shared" },
{ type: "hour", value: "17", source: "endRange" },
{ type: "literal", value: "時", source: "endRange" },
{ type: "minute", value: "40", source: "endRange" },
{ type: "literal", value: "分", source: "endRange" },
{ type: "second", value: "50", source: "endRange" },
{ type: "literal", value: "秒 ", source: "endRange" },
{ type: "timeZoneName", value: "協定世界時", source: "endRange" },
]);
});
test("long", () => {
const en = new Intl.DateTimeFormat("en", { timeStyle: "long" });
expect(en.formatRangeToParts(d0, d1)).toEqual([
{ type: "hour", value: "7", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "minute", value: "08", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "second", value: "09", source: "startRange" },
{ type: "literal", value: " ", source: "startRange" },
{ type: "dayPeriod", value: "AM", source: "startRange" },
{ type: "literal", value: " ", source: "startRange" },
{ type: "timeZoneName", value: "UTC", source: "startRange" },
{ type: "literal", value: " – ", source: "shared" },
{ type: "hour", value: "5", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "minute", value: "40", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "second", value: "50", source: "endRange" },
{ type: "literal", value: " ", source: "endRange" },
{ type: "dayPeriod", value: "PM", source: "endRange" },
{ type: "literal", value: " ", source: "endRange" },
{ type: "timeZoneName", value: "UTC", source: "endRange" },
]);
const ja = new Intl.DateTimeFormat("ja", { timeStyle: "long" });
expect(ja.formatRangeToParts(d0, d1)).toEqual([
{ type: "hour", value: "7", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "minute", value: "08", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "second", value: "09", source: "startRange" },
{ type: "literal", value: " ", source: "startRange" },
{ type: "timeZoneName", value: "UTC", source: "startRange" },
{ type: "literal", value: "～", source: "shared" },
{ type: "hour", value: "17", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "minute", value: "40", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "second", value: "50", source: "endRange" },
{ type: "literal", value: " ", source: "endRange" },
{ type: "timeZoneName", value: "UTC", source: "endRange" },
]);
});
test("medium", () => {
const en = new Intl.DateTimeFormat("en", { timeStyle: "medium" });
expect(en.formatRangeToParts(d0, d1)).toEqual([
{ type: "hour", value: "7", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "minute", value: "08", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "second", value: "09", source: "startRange" },
{ type: "literal", value: " ", source: "startRange" },
{ type: "dayPeriod", value: "AM", source: "startRange" },
{ type: "literal", value: " – ", source: "shared" },
{ type: "hour", value: "5", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "minute", value: "40", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "second", value: "50", source: "endRange" },
{ type: "literal", value: " ", source: "endRange" },
{ type: "dayPeriod", value: "PM", source: "endRange" },
]);
const ja = new Intl.DateTimeFormat("ja", { timeStyle: "medium" });
expect(ja.formatRangeToParts(d0, d1)).toEqual([
{ type: "hour", value: "7", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "minute", value: "08", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "second", value: "09", source: "startRange" },
{ type: "literal", value: "～", source: "shared" },
{ type: "hour", value: "17", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "minute", value: "40", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "second", value: "50", source: "endRange" },
]);
});
test("short", () => {
const en = new Intl.DateTimeFormat("en", { timeStyle: "short" });
expect(en.formatRangeToParts(d0, d1)).toEqual([
{ type: "hour", value: "7", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "minute", value: "08", source: "startRange" },
{ type: "literal", value: " ", source: "startRange" },
{ type: "dayPeriod", value: "AM", source: "startRange" },
{ type: "literal", value: " – ", source: "shared" },
{ type: "hour", value: "5", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "minute", value: "40", source: "endRange" },
{ type: "literal", value: " ", source: "endRange" },
{ type: "dayPeriod", value: "PM", source: "endRange" },
]);
const ja = new Intl.DateTimeFormat("ja", { timeStyle: "short" });
expect(ja.formatRangeToParts(d0, d1)).toEqual([
{ type: "hour", value: "7", source: "startRange" },
{ type: "literal", value: ":", source: "startRange" },
{ type: "minute", value: "08", source: "startRange" },
{ type: "literal", value: "～", source: "shared" },
{ type: "hour", value: "17", source: "endRange" },
{ type: "literal", value: ":", source: "endRange" },
{ type: "minute", value: "40", source: "endRange" },
]);
});
});