tests(localization): Fix some unicode mismatches from Angular 21. Add clean unicode method.

Author: skrustev

projects/igniteui-angular/core/src/core/i18n/formatters/formatter-base.spec.ts

@@ -40,10 +40,10 @@ describe('Localization', () => {
     describe('date formatting', () => {
         it('should format string to dateTime using Angular', () => {
             // Angular expects time to be already in local time so we don't exact check timezone...
-            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'short', 'en-US')).toEqual('1/25/25, 2:15 PM');
-            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'medium', 'en-US')).toEqual('Jan 25, 2025, 2:15:00 PM');
-            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'long', 'en-US')).toContain('January 25, 2025 at 2:15:00 PM GMT');
-            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'full', 'en-US')).toContain('Saturday, January 25, 2025 at 2:15:00 PM GMT');
+            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'short', 'en-US')).toEqual('1/25/25, 2:15 PM');
+            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'medium', 'en-US')).toEqual('Jan 25, 2025, 2:15:00 PM');
+            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'long', 'en-US')).toContain('January 25, 2025, 2:15:00 PM GMT');
+            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'full', 'en-US')).toContain('Saturday, January 25, 2025, 2:15:00 PM GMT');
         });
 
         it('should format string to date using Angular', () => {
@@ -55,10 +55,10 @@ describe('Localization', () => {
 
         it('should format string to time using Angular', () => {
             // Angular expects time to be already in local time so we don't exact check timezone...
-            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'shortTime', 'en-US')).toEqual('2:15 PM');
-            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'mediumTime', 'en-US')).toEqual('2:15:00 PM');
-            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'longTime', 'en-US')).toContain('2:15:00 PM GMT');
-            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'fullTime', 'en-US')).toContain('2:15:00 PM GMT');
+            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'shortTime', 'en-US')).toEqual('2:15 PM');
+            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'mediumTime', 'en-US')).toEqual('2:15:00 PM');
+            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'longTime', 'en-US')).toContain('2:15:00 PM GMT');
+            expect(i18nFormatter.formatDate('2025-01-25T14:15:00', 'fullTime', 'en-US')).toContain('2:15:00 PM GMT');
         });
 
         it('should format string to custom format', () => {

projects/igniteui-angular/directives/src/directives/date-time-editor/date-time-editor.directive.spec.ts

@@ -12,6 +12,7 @@ import { ViewEncapsulation } from '@angular/core';
 import localeJa from "@angular/common/locales/ja";
 import localeBg from "@angular/common/locales/bg";
 import { DatePart, BaseFormatter } from 'igniteui-angular/core';
+import { removeUnicodeSpaces } from 'igniteui-angular/test-utils/helper-utils.spec';
 
 describe('IgxDateTimeEditor', () => {
     let dateTimeEditor: IgxDateTimeEditorDirective;
@@ -789,7 +790,7 @@ describe('IgxDateTimeEditor', () => {
                 date = new Date(0, 0, 0, 1, 0, 0);
                 const shortTimeOptions = { hour: 'numeric', minute: 'numeric', hour12: true };
                 result = ControlsFunction.formatDate(date, shortTimeOptions);
-                expect(inputElement.nativeElement.value).toEqual(result);
+                expect(removeUnicodeSpaces(inputElement.nativeElement.value)).toEqual(result);
 
                 dateTimeEditorDirective.clear();
                 fixture.detectChanges();
@@ -804,7 +805,7 @@ describe('IgxDateTimeEditor', () => {
                 fixture.detectChanges();
                 date = new Date(2000, 0, 1, 2, 0, 0);
                 result = formatDate(date, 'longTime', 'en-US').normalize("NFKD");
-                expect(inputElement.nativeElement.value).toEqual(result);
+                expect(removeUnicodeSpaces(inputElement.nativeElement.value)).toContain(result);
             });
             it('should be able to apply custom display format.', fakeAsync(() => {
                 // default format

projects/igniteui-angular/grids/grid/src/column.spec.ts

@@ -913,7 +913,7 @@ describe('IgxGrid - Column properties #grid', () => {
             const input = dateTimeEditor.nativeElement;
 
             // input is not focused yet, so the value is as the display format sets it
-            expect(input.value).toEqual('Oct 1, 2015, 11:37:22 AM');
+            expect(input.value).toEqual('Oct 1, 2015, 11:37:22 AM');
 
             expect(dateTimeEditor.inputFormat.normalize('NFKC')).toBe('MM/dd/yyyy, hh:mm:ss tt');
             dateTimeEditor.onFocus();

projects/igniteui-angular/test-utils/helper-utils.spec.ts

@@ -72,6 +72,14 @@ export function ymd(str: YMD): Date {
     return new Date(str + 'T00:00');
 }
 
+/**
+ * Removes any unicode symbols for different variations in spaces.
+ * Use when just comparing to basic string wouldn't work.
+ */
+export function removeUnicodeSpaces(value: string) {
+    return value.replace(/[\u00A0\u1680​\u180e\u2000-\u2009\u200a​\u200b​\u202f\u205f​\u3000]/g, ' ');
+}
+
 
 @Injectable()
 export class TestNgZone extends NgZone {