mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
Kristiyan Kostadinov
5fb707f81a
When blocks were initially implemented, they were represented as containers in the i18n AST. This is problematic, because block affect the structure of the message. These changes introduce a new `BlockPlaceholder` AST node and integrate it into the i18n pipeline. With the new node blocks are represented with the `START_BLOCK_<name>` and `CLOSE_BLOCK_<name>` placeholders. PR Close #52958
82 lines
3.2 KiB
TypeScript
82 lines
3.2 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 {createI18nMessageFactory} from '../../src/i18n/i18n_parser';
|
|
import {Node} from '../../src/ml_parser/ast';
|
|
import {DEFAULT_CONTAINER_BLOCKS, DEFAULT_INTERPOLATION_CONFIG} from '../../src/ml_parser/defaults';
|
|
import {HtmlParser} from '../../src/ml_parser/html_parser';
|
|
|
|
describe('Message', () => {
|
|
const messageFactory =
|
|
createI18nMessageFactory(DEFAULT_INTERPOLATION_CONFIG, DEFAULT_CONTAINER_BLOCKS);
|
|
describe('messageText()', () => {
|
|
it('should serialize simple text', () => {
|
|
const message = messageFactory(parseHtml('abc\ndef'), '', '', '');
|
|
expect(message.messageString).toEqual('abc\ndef');
|
|
});
|
|
|
|
it('should serialize text with interpolations', () => {
|
|
const message = messageFactory(parseHtml('abc {{ 123 }}{{ 456 }} def'), '', '', '');
|
|
expect(message.messageString).toEqual('abc {$INTERPOLATION}{$INTERPOLATION_1} def');
|
|
});
|
|
|
|
it('should serialize HTML elements', () => {
|
|
const message =
|
|
messageFactory(parseHtml('abc <span>foo</span><span>bar</span> def'), '', '', '');
|
|
expect(message.messageString)
|
|
.toEqual(
|
|
'abc {$START_TAG_SPAN}foo{$CLOSE_TAG_SPAN}{$START_TAG_SPAN}bar{$CLOSE_TAG_SPAN} def');
|
|
});
|
|
|
|
it('should serialize ICU placeholders', () => {
|
|
const message = messageFactory(
|
|
parseHtml('abc {value, select, case1 {value1} case2 {value2} case3 {value3}} def'), '',
|
|
'', '');
|
|
expect(message.messageString).toEqual('abc {$ICU} def');
|
|
});
|
|
|
|
it('should serialize ICU expressions', () => {
|
|
const message = messageFactory(
|
|
parseHtml('{value, select, case1 {value1} case2 {value2} case3 {value3}}'), '', '', '');
|
|
expect(message.messageString)
|
|
.toEqual('{VAR_SELECT, select, case1 {value1} case2 {value2} case3 {value3}}');
|
|
});
|
|
|
|
it('should serialize nested ICU expressions', () => {
|
|
const message = messageFactory(
|
|
parseHtml(`{gender, select,
|
|
male {male of age: {age, select, 10 {ten} 20 {twenty} 30 {thirty} other {other}}}
|
|
female {female}
|
|
other {other}
|
|
}`),
|
|
'', '', '');
|
|
expect(message.messageString)
|
|
.toEqual(
|
|
`{VAR_SELECT_1, select, male {male of age: {VAR_SELECT, select, 10 {ten} 20 {twenty} 30 {thirty} other {other}}} female {female} other {other}}`);
|
|
});
|
|
|
|
it('should serialize blocks', () => {
|
|
const message = messageFactory(
|
|
parseHtml('abc @if (foo) {foo} @else if (bar) {bar} @else {baz} def'), '', '', '');
|
|
|
|
expect(message.messageString)
|
|
.toEqual(
|
|
'abc {$START_BLOCK_IF}foo{$CLOSE_BLOCK_IF} {$START_BLOCK_ELSE_IF}bar{$CLOSE_BLOCK_ELSE_IF} {$START_BLOCK_ELSE}baz{$CLOSE_BLOCK_ELSE} def');
|
|
});
|
|
});
|
|
});
|
|
|
|
export function parseHtml(html: string): Node[] {
|
|
const htmlParser = new HtmlParser();
|
|
const parseResult = htmlParser.parse(html, 'i18n_ast spec', {tokenizeExpansionForms: true});
|
|
if (parseResult.errors.length > 0) {
|
|
throw Error(`unexpected parse errors: ${parseResult.errors.join('\n')}`);
|
|
}
|
|
return parseResult.rootNodes;
|
|
}
|