mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
[ACS-5858] Migrated adfMomentDateTime Pipe to date-fns equivalent (#8856)
* [ACS-5858] created adfDateTimePipe and added unit tests * [ACS-5858] added revised unit tests * [ACS-5858] linting fixes * [ACS-5858] addressed review comments * [ACS-5858] addressed review comments
This commit is contained in:
committed by
GitHub
parent
bb3000346f
commit
780800453a
70
lib/core/src/lib/pipes/date-time.pipe.spec.ts
Normal file
70
lib/core/src/lib/pipes/date-time.pipe.spec.ts
Normal file
@@ -0,0 +1,70 @@
|
||||
/*!
|
||||
* @license
|
||||
* Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
import { TestBed } from '@angular/core/testing';
|
||||
import { CoreTestingModule } from '../testing/core.testing.module';
|
||||
import { TranslateModule } from '@ngx-translate/core';
|
||||
import { DateTimePipe } from './date-time.pipe';
|
||||
import { addMinutes, isValid } from 'date-fns';
|
||||
|
||||
describe('DateTimePipe', () => {
|
||||
let pipe: DateTimePipe;
|
||||
|
||||
beforeEach(() => {
|
||||
TestBed.configureTestingModule({
|
||||
imports: [TranslateModule.forRoot(), CoreTestingModule],
|
||||
providers: [DateTimePipe]
|
||||
});
|
||||
|
||||
pipe = new DateTimePipe();
|
||||
});
|
||||
|
||||
it('should transform string input to date format', () => {
|
||||
const value = '2023-08-24 12:00:00';
|
||||
const dateFormat = 'yyyy-MM-dd HH:mm:ss';
|
||||
const transformedDate = pipe.transform(value, dateFormat);
|
||||
expect(transformedDate instanceof Date).toBe(true);
|
||||
expect(isValid(transformedDate)).toBe(true);
|
||||
|
||||
const expectedDate = new Date(value);
|
||||
expect(transformedDate).toEqual(addMinutes(new Date(expectedDate), new Date().getTimezoneOffset()));
|
||||
});
|
||||
|
||||
it('should transform Date input', () => {
|
||||
const value = new Date(2023, 7, 24, 12, 0, 0);
|
||||
const dateFormat = 'yyyy-MM-dd HH:mm:ss';
|
||||
const transformedDate = pipe.transform(value, dateFormat);
|
||||
expect(transformedDate instanceof Date).toBe(true);
|
||||
expect(isValid(transformedDate)).toBe(true);
|
||||
|
||||
expect(transformedDate).toEqual(value);
|
||||
});
|
||||
|
||||
it('should transform number input to date format', () => {
|
||||
const value = 1693373300; // 30 August 2023 10:58:20
|
||||
const dateFormat = 'yyyy-MM-dd HH:mm:ss';
|
||||
const transformedDate = pipe.transform(value, dateFormat);
|
||||
expect(transformedDate instanceof Date).toBe(true);
|
||||
expect(isValid(transformedDate)).toBe(true);
|
||||
|
||||
const originalDate = new Date(2023, 7, 30, 10, 58, 20);
|
||||
const timeZoneOffsetMinutes = -330; // 5 hours * 60 minutes/hour + 30 minutes
|
||||
const expectedDate = addMinutes(originalDate, timeZoneOffsetMinutes);
|
||||
|
||||
expect(transformedDate).toEqual(expectedDate);
|
||||
});
|
||||
});
|
38
lib/core/src/lib/pipes/date-time.pipe.ts
Normal file
38
lib/core/src/lib/pipes/date-time.pipe.ts
Normal file
@@ -0,0 +1,38 @@
|
||||
/*!
|
||||
* @license
|
||||
* Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
import { Pipe, PipeTransform } from '@angular/core';
|
||||
import { addMinutes, fromUnixTime, parse } from 'date-fns';
|
||||
|
||||
@Pipe({ name: 'adfDateTime' })
|
||||
export class DateTimePipe implements PipeTransform {
|
||||
transform(value: string | Date | number, dateFormat: string): Date {
|
||||
let parsedValue: Date;
|
||||
|
||||
if (typeof value === 'string') {
|
||||
parsedValue = parse(value, dateFormat, new Date());
|
||||
} else if (value instanceof Date) {
|
||||
parsedValue = value;
|
||||
} else {
|
||||
parsedValue = fromUnixTime(value);
|
||||
}
|
||||
|
||||
const offsetMinutes = parsedValue.getTimezoneOffset();
|
||||
const adjustedDate = addMinutes(parsedValue, offsetMinutes);
|
||||
return adjustedDate;
|
||||
}
|
||||
}
|
@@ -35,6 +35,7 @@ import { MomentDatePipe } from './moment-date.pipe';
|
||||
import { MomentDateTimePipe } from './moment-datetime.pipe';
|
||||
import { FilterStringPipe } from './filter-string.pipe';
|
||||
import { FilterOutArrayObjectsByPropPipe } from './filter-out-every-object-by-prop.pipe';
|
||||
import { DateTimePipe } from './date-time.pipe';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
@@ -56,6 +57,7 @@ import { FilterOutArrayObjectsByPropPipe } from './filter-out-every-object-by-pr
|
||||
LocalizedRolePipe,
|
||||
MomentDatePipe,
|
||||
MomentDateTimePipe,
|
||||
DateTimePipe,
|
||||
FilterStringPipe,
|
||||
FilterOutArrayObjectsByPropPipe
|
||||
],
|
||||
@@ -73,6 +75,7 @@ import { FilterOutArrayObjectsByPropPipe } from './filter-out-every-object-by-pr
|
||||
LocalizedRolePipe,
|
||||
MomentDatePipe,
|
||||
MomentDateTimePipe,
|
||||
DateTimePipe,
|
||||
FilterStringPipe,
|
||||
FilterOutArrayObjectsByPropPipe
|
||||
],
|
||||
@@ -91,6 +94,7 @@ import { FilterOutArrayObjectsByPropPipe } from './filter-out-every-object-by-pr
|
||||
LocalizedRolePipe,
|
||||
MomentDatePipe,
|
||||
MomentDateTimePipe,
|
||||
DateTimePipe,
|
||||
FilterStringPipe,
|
||||
FilterOutArrayObjectsByPropPipe
|
||||
]
|
||||
|
@@ -30,5 +30,6 @@ export * from './localized-role.pipe';
|
||||
export * from './pipe.module';
|
||||
export * from './moment-date.pipe';
|
||||
export * from './moment-datetime.pipe';
|
||||
export * from './date-time.pipe';
|
||||
export * from './filter-string.pipe';
|
||||
export * from './filter-out-every-object-by-prop.pipe';
|
||||
|
Reference in New Issue
Block a user