mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
Kristiyan Kostadinov
c07805612f
A lot of our tests are wrapped in `{}` which serves no purpose, aside from increasing the nesting level and, in some cases, causing confusion. The braces appear to be a leftover from a time when all tests were wrapped in a `function main() {}`. The function declaration was removed in #21053, but the braces remained, presumably because it was easier to search&replace for `function main()`, but not to remove the braces at the same time.
PR Close #52239
90 lines
2.4 KiB
TypeScript
90 lines
2.4 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC 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 {I18nPluralPipe, NgLocalization} from '@angular/common';
|
|
import {Component} from '@angular/core';
|
|
import {TestBed} from '@angular/core/testing';
|
|
|
|
describe('I18nPluralPipe', () => {
|
|
let localization: NgLocalization;
|
|
let pipe: I18nPluralPipe;
|
|
|
|
const mapping = {
|
|
'=0': 'No messages.',
|
|
'=1': 'One message.',
|
|
'many': 'Many messages.',
|
|
'other': 'There are # messages, that is #.',
|
|
};
|
|
|
|
beforeEach(() => {
|
|
localization = new TestLocalization();
|
|
pipe = new I18nPluralPipe(localization);
|
|
});
|
|
|
|
describe('transform', () => {
|
|
it('should return 0 text if value is 0', () => {
|
|
const val = pipe.transform(0, mapping);
|
|
expect(val).toEqual('No messages.');
|
|
});
|
|
|
|
it('should return 1 text if value is 1', () => {
|
|
const val = pipe.transform(1, mapping);
|
|
expect(val).toEqual('One message.');
|
|
});
|
|
|
|
it('should return category messages', () => {
|
|
const val = pipe.transform(4, mapping);
|
|
expect(val).toEqual('Many messages.');
|
|
});
|
|
|
|
it('should interpolate the value into the text where indicated', () => {
|
|
const val = pipe.transform(6, mapping);
|
|
expect(val).toEqual('There are 6 messages, that is 6.');
|
|
});
|
|
|
|
it('should use "" if value is undefined', () => {
|
|
const val = pipe.transform(undefined, mapping);
|
|
expect(val).toEqual('');
|
|
});
|
|
|
|
it('should use "" if value is null', () => {
|
|
const val = pipe.transform(null, mapping);
|
|
expect(val).toEqual('');
|
|
});
|
|
|
|
it('should not support bad arguments', () => {
|
|
expect(() => pipe.transform(0, 'hey' as any)).toThrowError();
|
|
});
|
|
});
|
|
|
|
it('should be available as a standalone pipe', () => {
|
|
@Component({
|
|
selector: 'test-component',
|
|
imports: [I18nPluralPipe],
|
|
template: '{{ value | i18nPlural:mapping }}',
|
|
standalone: true,
|
|
})
|
|
class TestComponent {
|
|
value = 1;
|
|
mapping = mapping;
|
|
}
|
|
|
|
const fixture = TestBed.createComponent(TestComponent);
|
|
fixture.detectChanges();
|
|
|
|
const content = fixture.nativeElement.textContent;
|
|
expect(content).toBe('One message.');
|
|
});
|
|
});
|
|
|
|
class TestLocalization extends NgLocalization {
|
|
override getPluralCategory(value: number): string {
|
|
return value > 1 && value < 6 ? 'many' : 'other';
|
|
}
|
|
}
|