The utility functions `formatNumber`, `formatPercent`, `formatCurrency`, and `formatDate` used by the number, percent, currency and date pipes are now available for developers who want to use them outside of templates. Fixes #20536 PR Close #22423
		
			
				
	
	
		
			69 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			69 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
/**
 | 
						|
 * @license
 | 
						|
 * Copyright Google Inc. All Rights Reserved.
 | 
						|
 *
 | 
						|
 * Use of this source code is governed by an MIT-style license that can be
 | 
						|
 * found in the LICENSE file at https://angular.io/license
 | 
						|
 */
 | 
						|
 | 
						|
import {DatePipe, registerLocaleData} from '@angular/common';
 | 
						|
import localeEn from '@angular/common/locales/en';
 | 
						|
import localeEnExtra from '@angular/common/locales/extra/en';
 | 
						|
import {PipeResolver} from '@angular/compiler/src/pipe_resolver';
 | 
						|
import {JitReflector} from '@angular/platform-browser-dynamic/src/compiler_reflector';
 | 
						|
 | 
						|
{
 | 
						|
  let date: Date;
 | 
						|
  describe('DatePipe', () => {
 | 
						|
    const isoStringWithoutTime = '2015-01-01';
 | 
						|
    let pipe: DatePipe;
 | 
						|
 | 
						|
    // Check the transformation of a date into a pattern
 | 
						|
    function expectDateFormatAs(date: Date | string, pattern: any, output: string): void {
 | 
						|
      expect(pipe.transform(date, pattern)).toEqual(output);
 | 
						|
    }
 | 
						|
 | 
						|
    beforeAll(() => { registerLocaleData(localeEn, localeEnExtra); });
 | 
						|
 | 
						|
    beforeEach(() => {
 | 
						|
      date = new Date(2015, 5, 15, 9, 3, 1, 550);
 | 
						|
      pipe = new DatePipe('en-US');
 | 
						|
    });
 | 
						|
 | 
						|
    it('should be marked as pure', () => {
 | 
						|
      expect(new PipeResolver(new JitReflector()).resolve(DatePipe) !.pure).toEqual(true);
 | 
						|
    });
 | 
						|
 | 
						|
    describe('supports', () => {
 | 
						|
      it('should support date', () => { expect(() => pipe.transform(date)).not.toThrow(); });
 | 
						|
 | 
						|
      it('should support int', () => { expect(() => pipe.transform(123456789)).not.toThrow(); });
 | 
						|
 | 
						|
      it('should support numeric strings',
 | 
						|
         () => { expect(() => pipe.transform('123456789')).not.toThrow(); });
 | 
						|
 | 
						|
      it('should support decimal strings',
 | 
						|
         () => { expect(() => pipe.transform('123456789.11')).not.toThrow(); });
 | 
						|
 | 
						|
      it('should support ISO string',
 | 
						|
         () => expect(() => pipe.transform('2015-06-15T21:43:11Z')).not.toThrow());
 | 
						|
 | 
						|
      it('should return null for empty string',
 | 
						|
         () => { expect(pipe.transform('')).toEqual(null); });
 | 
						|
 | 
						|
      it('should return null for NaN', () => { expect(pipe.transform(Number.NaN)).toEqual(null); });
 | 
						|
 | 
						|
      it('should support ISO string without time',
 | 
						|
         () => { expect(() => pipe.transform(isoStringWithoutTime)).not.toThrow(); });
 | 
						|
 | 
						|
      it('should not support other objects',
 | 
						|
         () => { expect(() => pipe.transform({})).toThrowError(/InvalidPipeArgument/); });
 | 
						|
    });
 | 
						|
 | 
						|
    describe('transform', () => {
 | 
						|
      it('should use "mediumDate" as the default format',
 | 
						|
         () => expect(pipe.transform('2017-01-11T10:14:39+0000')).toEqual('Jan 11, 2017'));
 | 
						|
    });
 | 
						|
  });
 | 
						|
}
 |