Hello - 1
@@ -407,21 +375,18 @@ onlyInIvy('Ivy i18n logic')
`);
- const element = fixture.nativeElement;
- const spans = element.getElementsByTagName('span');
- for (let i = 0; i < spans.length; i++) {
- expect(spans[i].innerHTML).toContain(`Bonjour - ${i + 1}`);
- }
- });
+ const element = fixture.nativeElement;
+ const spans = element.getElementsByTagName('span');
+ for (let i = 0; i < spans.length; i++) {
+ expect(spans[i].innerHTML).toContain(`Bonjour - ${i + 1}`);
+ }
+ });
- it('should handle self-closing tags as content', () => {
- loadTranslations({
-
- '{$START_TAG_SPAN}My logo{$TAG_IMG}{$CLOSE_TAG_SPAN}':
- '{$START_TAG_SPAN}Mon logo{$TAG_IMG}{$CLOSE_TAG_SPAN}'
- });
- const content = `My logo
`;
- const fixture = initWithTemplate(AppComp, `
+ it('should handle self-closing tags as content', () => {
+ loadTranslations(
+ {'3294715134260231285': '{$START_TAG_SPAN}Mon logo{$TAG_IMG}{$CLOSE_TAG_SPAN}'});
+ const content = `My logo`;
+ const fixture = initWithTemplate(AppComp, `
Logged in
@@ -455,187 +419,160 @@ onlyInIvy('Ivy i18n logic')
Not logged in
{count, select, 10 {ten} 20 {twenty} other {other}}
`);
- it('with no i18n tag', () => {
- loadTranslations({
+ const element = fixture.nativeElement;
+ expect(element).toHaveText('autre');
+ });
- '{VAR_SELECT, select, 10 {ten} 20 {twenty} other {other}}':
- '{VAR_SELECT, select, 10 {dix} 20 {vingt} other {autre}}'
- });
- const fixture = initWithTemplate(
- AppComp, `{count, select, 10 {ten} 20 {twenty} other {other}}
`);
-
- const element = fixture.nativeElement;
- expect(element).toHaveText('autre');
- });
-
- it('multiple', () => {
- loadTranslations({
-
- '{VAR_PLURAL, plural, =0 {no {START_BOLD_TEXT}emails{CLOSE_BOLD_TEXT}!} =1 {one {START_ITALIC_TEXT}email{CLOSE_ITALIC_TEXT}} other {{INTERPOLATION} {START_TAG_SPAN}emails{CLOSE_TAG_SPAN}}}':
- '{VAR_PLURAL, plural, =0 {aucun {START_BOLD_TEXT}email{CLOSE_BOLD_TEXT}!} =1 {un {START_ITALIC_TEXT}email{CLOSE_ITALIC_TEXT}} other {{INTERPOLATION} {START_TAG_SPAN}emails{CLOSE_TAG_SPAN}}}',
- '{VAR_SELECT, select, other {(name)}}':
- '{VAR_SELECT, select, other {({$INTERPOLATION})}}'
- });
- const fixture = initWithTemplate(AppComp, `{count, plural,
+ it('multiple', () => {
+ loadTranslations({
+ '3639715378617754400':
+ '{VAR_PLURAL, plural, =0 {aucun {START_BOLD_TEXT}email{CLOSE_BOLD_TEXT}!} =1 {un {START_ITALIC_TEXT}email{CLOSE_ITALIC_TEXT}} other {{INTERPOLATION} {START_TAG_SPAN}emails{CLOSE_TAG_SPAN}}}',
+ '484647350062685600': '{VAR_SELECT, select, other {({INTERPOLATION})}}'
+ });
+ const fixture = initWithTemplate(AppComp, `
{count, plural,
=0 {no emails!}
=1 {one email}
other {{{count}} emails}
} - {name, select,
other {({{name}})}
}
`);
- expect(fixture.nativeElement.innerHTML)
- .toEqual(`aucun email! - (Angular)
`);
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(`aucun email! - (Angular)
`);
- fixture.componentRef.instance.count = 4;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(
- `4 emails - (Angular)
`);
+ fixture.componentRef.instance.count = 4;
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(
+ `4 emails - (Angular)
`);
- fixture.componentRef.instance.count = 0;
- fixture.componentRef.instance.name = 'John';
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(`aucun email! - (John)
`);
- });
+ fixture.componentRef.instance.count = 0;
+ fixture.componentRef.instance.name = 'John';
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(`aucun email! - (John)
`);
+ });
- it('with custom interpolation config', () => {
- loadTranslations({
+ it('with custom interpolation config', () => {
+ loadTranslations(
+ {'8091236997374391053': '{VAR_SELECT, select, 10 {dix} other {{INTERPOLATION}}}'});
+ const interpolation = ['{%', '%}'] as[string, string];
+ TestBed.overrideComponent(AppComp, {set: {interpolation}});
+ const fixture =
+ initWithTemplate(AppComp, `{count, select, 10 {ten} other {{% name %}}}
`);
- '{VAR_SELECT, select, 10 {ten} other {{$INTERPOLATION}}}':
- '{VAR_SELECT, select, 10 {dix} other {{$INTERPOLATION}}}'
- });
- const interpolation = ['{%', '%}'] as[string, string];
- TestBed.overrideComponent(AppComp, {set: {interpolation}});
- const fixture = initWithTemplate(
- AppComp, `{count, select, 10 {ten} other {{% name %}}}
`);
+ expect(fixture.nativeElement).toHaveText(`Angular`);
+ });
- expect(fixture.nativeElement).toHaveText(`Angular`);
- });
-
- it('inside HTML elements', () => {
- loadTranslations({
-
- '{VAR_PLURAL, plural, =0 {no {START_BOLD_TEXT}emails{CLOSE_BOLD_TEXT}!} =1 {one {START_ITALIC_TEXT}email{CLOSE_ITALIC_TEXT}} other {{INTERPOLATION} {START_TAG_SPAN}emails{CLOSE_TAG_SPAN}}}':
- '{VAR_PLURAL, plural, =0 {aucun {START_BOLD_TEXT}email{CLOSE_BOLD_TEXT}!} =1 {un {START_ITALIC_TEXT}email{CLOSE_ITALIC_TEXT}} other {{INTERPOLATION} {START_TAG_SPAN}emails{CLOSE_TAG_SPAN}}}',
- '{VAR_SELECT, select, other {(name)}}':
- '{VAR_SELECT, select, other {({$INTERPOLATION})}}'
- });
- const fixture = initWithTemplate(AppComp, `{count, plural,
+ it('inside HTML elements', () => {
+ loadTranslations({
+ '3639715378617754400':
+ '{VAR_PLURAL, plural, =0 {aucun {START_BOLD_TEXT}email{CLOSE_BOLD_TEXT}!} =1 {un {START_ITALIC_TEXT}email{CLOSE_ITALIC_TEXT}} other {{INTERPOLATION} {START_TAG_SPAN}emails{CLOSE_TAG_SPAN}}}',
+ '484647350062685600': '{VAR_SELECT, select, other {({INTERPOLATION})}}'
+ });
+ const fixture = initWithTemplate(AppComp, `
{count, plural,
=0 {no emails!}
=1 {one email}
other {{{count}} emails}
} - {name, select,
other {({{name}})}
}
`);
- expect(fixture.nativeElement.innerHTML)
- .toEqual(
- `aucun email! - (Angular)
`);
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(
+ `aucun email! - (Angular)
`);
- fixture.componentRef.instance.count = 4;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(
- `4 emails - (Angular)
`);
+ fixture.componentRef.instance.count = 4;
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(
+ `4 emails - (Angular)
`);
- fixture.componentRef.instance.count = 0;
- fixture.componentRef.instance.name = 'John';
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(
- `aucun email! - (John)
`);
- });
+ fixture.componentRef.instance.count = 0;
+ fixture.componentRef.instance.name = 'John';
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(
+ `aucun email! - (John)
`);
+ });
- it('inside template directives', () => {
- loadTranslations({
-
- '{VAR_SELECT, select, other {(name)}}':
- '{VAR_SELECT, select, other {({$INTERPOLATION})}}'
- });
- const fixture =
- initWithTemplate(AppComp, `{name, select,
+ it('inside template directives', () => {
+ loadTranslations({'484647350062685600': '{VAR_SELECT, select, other {({INTERPOLATION})}}'});
+ const fixture = initWithTemplate(AppComp, `{name, select,
+ it('inside ng-container', () => {
+ loadTranslations({'484647350062685600': '{VAR_SELECT, select, other {({INTERPOLATION})}}'});
+ const fixture = initWithTemplate(AppComp, `{name, select,
other {({{name}})}
} `);
- expect(fixture.nativeElement.innerHTML)
- .toEqual(`(Angular)`);
- });
+ expect(fixture.nativeElement.innerHTML).toEqual(`(Angular)`);
+ });
- it('inside ', () => {
- loadTranslations({
-
- '{VAR_SELECT, select, 10 {ten} 20 {twenty} other {other}}':
- '{VAR_SELECT, select, 10 {dix} 20 {vingt} other {autre}}'
- });
- const fixture = initWithTemplate(
- AppComp, `
+ it('inside ', () => {
+ loadTranslations(
+ {'8806993169187953163': '{VAR_SELECT, select, 10 {dix} 20 {vingt} other {autre}}'});
+ const fixture = initWithTemplate(
+ AppComp, `
` +
- `{count, select, 10 {ten} 20 {twenty} other {other}}` +
- `
+ `{count, select, 10 {ten} 20 {twenty} other {other}}` +
+ `
`);
- const element = fixture.nativeElement;
- expect(element).toHaveText('autre');
- });
+ const element = fixture.nativeElement;
+ expect(element).toHaveText('autre');
+ });
- it('nested', () => {
- loadTranslations({
-
- '{VAR_PLURAL, plural, =0 {zero} other {{INTERPOLATION} {VAR_SELECT, select, cat {cats} dog {dogs} other {animals}}!}}':
- '{VAR_PLURAL, plural, =0 {zero} other {{INTERPOLATION} {VAR_SELECT, select, cat {chats} dog {chients} other {animaux}}!}}'
- });
- const fixture = initWithTemplate(AppComp, `
{name, select,
other {({{name}})}
}
`);
- expect(fixture.nativeElement.innerHTML)
- .toEqual(`(Angular)
`);
- fixture.componentRef.instance.visible = false;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toEqual(``);
- });
+ });
- it('inside ng-container', () => {
- loadTranslations({
-
- '{VAR_SELECT, select, other {(name)}}':
- '{VAR_SELECT, select, other {({$INTERPOLATION})}}'
- });
- const fixture = initWithTemplate(AppComp, `{count, plural,
+ it('nested', () => {
+ loadTranslations({
+ '6934090145627876010':
+ '{VAR_PLURAL, plural, =0 {zero} other {{INTERPOLATION} {VAR_SELECT, select, cat {chats} dog {chiens} other {animaux}}!}}'
+ });
+ const fixture = initWithTemplate(AppComp, `
`);
- const element = fixture.nativeElement;
- for (let i = 0; i < element.children.length; i++) {
- const child = element.children[i];
- expect((child as any).innerHTML).toBe(``);
- }
- });
+ const element = fixture.nativeElement;
+ for (let i = 0; i < element.children.length; i++) {
+ const child = element.children[i];
+ expect((child as any).innerHTML).toBe(``);
+ }
+ });
- it('should add i18n attributes on self-closing tags', () => {
- loadTranslations({'Hello {$INTERPOLATION}': 'Bonjour {$INTERPOLATION}'});
- const fixture = initWithTemplate(
- AppComp, ``);
+ it('should add i18n attributes on self-closing tags', () => {
+ loadTranslations({'3771704108176831903': 'Bonjour {$INTERPOLATION}'});
+ const fixture =
+ initWithTemplate(AppComp, ``);
- const element = fixture.nativeElement.firstChild;
- expect(element.title).toBe('Bonjour Angular');
- });
+ const element = fixture.nativeElement.firstChild;
+ expect(element.title).toBe('Bonjour Angular');
+ });
- it('should apply i18n attributes during second template pass', () => {
- @Directive({
- selector: '[test]',
- inputs: ['test'],
- exportAs: 'dir',
- })
- class Dir {
- }
+ it('should apply i18n attributes during second template pass', () => {
+ @Directive({
+ selector: '[test]',
+ inputs: ['test'],
+ exportAs: 'dir',
+ })
+ class Dir {
+ }
- @Component({
- selector: 'other',
- template: ``
- })
- class Other {
- }
+ @Component({
+ selector: 'other',
+ template: ``
+ })
+ class Other {
+ }
- @Component({
- selector: 'blah',
- template: `
+ @Component({
+ selector: 'blah',
+ template: `
I am projected from
{{name}}
`
- })
- class Parent {
- name: string = 'Parent';
- }
- TestBed.configureTestingModule({declarations: [Parent, Child]});
- loadTranslations({
+ })
+ class Parent {
+ name: string = 'Parent';
+ }
+ TestBed.configureTestingModule({declarations: [Parent, Child]});
+ loadTranslations({
+ '7180841260895623479': 'Enfant de {$INTERPOLATION}',
+ '7230149585615622873': 'Je suis projeté depuis {$INTERPOLATION}'
+ });
+ const fixture = TestBed.createComponent(Parent);
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(
+ `Hello World! `})
+ class Parent {
+ name: string = 'Parent';
+ }
- @Component({selector: 'parent', template: `Hello World! `})
- class Parent {
- name: string = 'Parent';
- }
+ TestBed.configureTestingModule({declarations: [Parent, Child, GrandChild]});
+ loadTranslations(
+ {'9156403697449779168': '{$START_BOLD_TEXT}Bonjour{$CLOSE_BOLD_TEXT} monde!'});
+ const fixture = TestBed.createComponent(Parent);
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual('Hello World! `})
+ class Parent {
+ name: string = 'Parent';
+ }
- @Component({
- selector: 'child',
- template: 'Hello World! `})
- class Parent {
- name: string = 'Parent';
- }
+ it('should project translations with selectors', () => {
+ @Component({selector: 'child', template: `
`
- })
- class Parent {
- }
+ })
+ class Parent {
+ }
- TestBed.configureTestingModule({declarations: [Parent, Child]});
- loadTranslations({
+ TestBed.configureTestingModule({declarations: [Parent, Child]});
+ loadTranslations({'2827528023268681613': '{$START_TAG_SPAN}Contenu{$CLOSE_TAG_SPAN}'});
+ const fixture = TestBed.createComponent(Parent);
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual('Contenu ');
+ });
- '{$START_TAG_SPAN}{$CLOSE_TAG_SPAN}{$START_TAG_SPAN_1}{$CLOSE_TAG_SPAN}':
- '{$START_TAG_SPAN}Contenu{$CLOSE_TAG_SPAN}'
- });
- const fixture = TestBed.createComponent(Parent);
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual('Contenu ');
- });
+ it('should project content in i18n blocks', () => {
+ @Component({
+ selector: 'child',
+ template: `{{name}} `})
+ class Parent {
+ name: string = 'Parent';
+ }
+ TestBed.configureTestingModule({declarations: [Parent, Child]});
+ loadTranslations({
+ '4431461951818971024':
+ 'Contenu projeté depuis {$START_TAG_NG_CONTENT}{$CLOSE_TAG_NG_CONTENT}'
+ });
- @Component({selector: 'parent', template: `{{name}} `})
- class Parent {
- name: string = 'Parent';
- }
- TestBed.configureTestingModule({declarations: [Parent, Child]});
- loadTranslations({
+ const fixture = TestBed.createComponent(Parent);
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(`{{name}} `})
+ class Parent {
+ name: string = 'Parent';
+ }
+ TestBed.configureTestingModule({declarations: [Parent, Child]});
+ loadTranslations({
+ '4431461951818971024': '{$START_TAG_NG_CONTENT}{$CLOSE_TAG_NG_CONTENT} a projeté le contenu'
+ });
+ const fixture = TestBed.createComponent(Parent);
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(`{{name}} `})
- class Parent {
- name: string = 'Parent';
- }
- TestBed.configureTestingModule({declarations: [Parent, Child]});
- loadTranslations({
+ @Component({selector: 'parent', template: `and projection from {{name}} `})
+ class Parent {
+ name: string = 'Parent';
+ }
+ TestBed.configureTestingModule({declarations: [Parent, Child]});
+ loadTranslations({
+ '3861221266941684467': 'Contenu enfant {$START_TAG_NG_CONTENT}{$CLOSE_TAG_NG_CONTENT}',
+ '6186458652454735259': 'et projection depuis {$INTERPOLATION}'
+ });
+ const fixture = TestBed.createComponent(Parent);
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(`and projection from {{name}} `
- })
- class Parent {
- name: string = 'Parent';
- }
- TestBed.configureTestingModule({declarations: [Parent, Child]});
- loadTranslations({
-
- 'Child content {$START_TAG_NG_CONTENT}{$CLOSE_TAG_NG_CONTENT}':
- 'Contenu enfant {$START_TAG_NG_CONTENT}{$CLOSE_TAG_NG_CONTENT}',
- 'and projection from {$INTERPOLATION}': 'et projection depuis {$INTERPOLATION}'
- });
- const fixture = TestBed.createComponent(Parent);
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(`{
value // i18n(ph = "blah"),
plural,
=1 {one}
other {at least {{value}} .}
} `
- })
- class Parent {
- value = 3;
- }
- TestBed.configureTestingModule({declarations: [Parent, Child]});
- loadTranslations({});
+ })
+ class Parent {
+ value = 3;
+ }
+ TestBed.configureTestingModule({declarations: [Parent, Child]});
+ loadTranslations({});
- const fixture = TestBed.createComponent(Parent);
- fixture.detectChanges();
+ const fixture = TestBed.createComponent(Parent);
+ fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toContain('at least');
- });
+ expect(fixture.nativeElement.innerHTML).toContain('at least');
+ });
- it('should project ICUs in i18n blocks', () => {
- @Component({
- selector: 'child',
- template: `and projection from {name, select, angular {Angular} other {{{name}}}} `
- })
- class Parent {
- name: string = 'Parent';
- }
- TestBed.configureTestingModule({declarations: [Parent, Child]});
- loadTranslations({
+ @Component({
+ selector: 'parent',
+ template:
+ `and projection from {name, select, angular {Angular} other {{{name}}}} `
+ })
+ class Parent {
+ name: string = 'Parent';
+ }
+ TestBed.configureTestingModule({declarations: [Parent, Child]});
+ loadTranslations({
+ '3861221266941684467': 'Contenu enfant {$START_TAG_NG_CONTENT}{$CLOSE_TAG_NG_CONTENT}',
+ '4986299685320703675': 'et projection depuis {$ICU}'
+ });
+ const fixture = TestBed.createComponent(Parent);
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(
+ `and projection from {{name}} `})
+ class Parent {
+ name: string = 'Parent';
+ }
+ TestBed.configureTestingModule({declarations: [Parent, Child]});
+ loadTranslations({
+ '3861221266941684467': 'Contenu enfant',
+ '6186458652454735259': 'et projection depuis {$INTERPOLATION}'
+ });
+ const fixture = TestBed.createComponent(Parent);
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML).toEqual(`and projection from {{name}} `
- })
- class Parent {
- name: string = 'Parent';
- }
- TestBed.configureTestingModule({declarations: [Parent, Child]});
- loadTranslations({
+ it('should display/destroy projected i18n content', () => {
- 'Child content {$START_TAG_NG_CONTENT}{$CLOSE_TAG_NG_CONTENT}': 'Contenu enfant',
- 'and projection from {$INTERPOLATION}': 'et projection depuis {$INTERPOLATION}'
- });
- const fixture = TestBed.createComponent(Parent);
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(`(
`
- })
- class MyContentApp {
- }
+ })
+ class MyContentApp {
+ }
- @Component({
- selector: 'my-app',
- template: `
+ @Component({
+ selector: 'my-app',
+ template: `
{type, select, A {A} B {B} other {other}}
`
- })
- class MyApp {
- type = 'A';
- condition = true;
- }
+ })
+ class MyApp {
+ type = 'A';
+ condition = true;
+ }
- TestBed.configureTestingModule({declarations: [MyApp, MyContentApp]});
+ TestBed.configureTestingModule({declarations: [MyApp, MyContentApp]});
- const fixture = TestBed.createComponent(MyApp);
- fixture.detectChanges();
+ const fixture = TestBed.createComponent(MyApp);
+ fixture.detectChanges();
- expect(fixture.nativeElement.textContent).toContain('(A)');
+ expect(fixture.nativeElement.textContent).toContain('(A)');
- // change `condition` to remove
- fixture.componentInstance.condition = false;
- fixture.detectChanges();
+ // change `condition` to remove
+ fixture.componentInstance.condition = false;
+ fixture.detectChanges();
- // should not contain 'A'
- expect(fixture.nativeElement.textContent).toBe('');
+ // should not contain 'A'
+ expect(fixture.nativeElement.textContent).toBe('');
- // display again
- fixture.componentInstance.type = 'B';
- fixture.componentInstance.condition = true;
- fixture.detectChanges();
+ // display again
+ fixture.componentInstance.type = 'B';
+ fixture.componentInstance.condition = true;
+ fixture.detectChanges();
- // expect that 'B' is now displayed
- expect(fixture.nativeElement.textContent).toContain('(B)');
- });
- });
+ // expect that 'B' is now displayed
+ expect(fixture.nativeElement.textContent).toContain('(B)');
+ });
+ });
- describe('queries', () => {
- function toHtml(element: Element): string {
- return element.innerHTML.replace(/\sng-reflect-\S*="[^"]*"/g, '')
- .replace(//g, '');
- }
+ describe('queries', () => {
+ function toHtml(element: Element): string {
+ return element.innerHTML.replace(/\sng-reflect-\S*="[^"]*"/g, '')
+ .replace(//g, '');
+ }
- it('detached nodes should still be part of query', () => {
- @Directive({selector: '[text]', inputs: ['text'], exportAs: 'textDir'})
- class TextDirective {
- // TODO(issue/24571): remove '!'.
- text !: string;
- constructor() {}
- }
+ it('detached nodes should still be part of query', () => {
+ @Directive({selector: '[text]', inputs: ['text'], exportAs: 'textDir'})
+ class TextDirective {
+ // TODO(issue/24571): remove '!'.
+ text !: string;
+ constructor() {}
+ }
- @Component({selector: 'div-query', template: ';
+ @Component({selector: 'div-query', template: ';
- // TODO(issue/24571): remove '!'.
- @ViewChild('vc', {read: ViewContainerRef, static: true})
- vc !: ViewContainerRef;
+ // TODO(issue/24571): remove '!'.
+ @ViewChild('vc', {read: ViewContainerRef, static: true})
+ vc !: ViewContainerRef;
- // TODO(issue/24571): remove '!'.
- @ContentChildren(TextDirective, {descendants: true})
- query !: QueryList;
+ // TODO(issue/24571): remove '!'.
+ @ContentChildren(TextDirective, {descendants: true})
+ query !: QueryList;
- create() { this.vc.createEmbeddedView(this.template); }
+ create() { this.vc.createEmbeddedView(this.template); }
- destroy() { this.vc.clear(); }
- }
+ destroy() { this.vc.clear(); }
+ }
- TestBed.configureTestingModule({declarations: [TextDirective, DivQuery]});
- loadTranslations({
-
- '{$START_TAG_NG_TEMPLATE}{$START_TAG_DIV_1}{$START_TAG_DIV}{$START_TAG_SPAN}Content{$CLOSE_TAG_SPAN}{$CLOSE_TAG_DIV}{$CLOSE_TAG_DIV}{$CLOSE_TAG_NG_TEMPLATE}':
- '{$START_TAG_NG_TEMPLATE}Contenu{$CLOSE_TAG_NG_TEMPLATE}'
- });
- const fixture = initWithTemplate(AppComp, `
+ TestBed.configureTestingModule({declarations: [TextDirective, DivQuery]});
+ loadTranslations(
+ {'3395826043214005257': '{$START_TAG_NG_TEMPLATE}Contenu{$CLOSE_TAG_NG_TEMPLATE}'});
+ const fixture = initWithTemplate(AppComp, `
{count, plural,
=0 {zero}
other {{{count}} {name, select,
cat {cats}
@@ -643,25 +580,22 @@ onlyInIvy('Ivy i18n logic')
other {animals}
}!}
}
`);
- expect(fixture.nativeElement.innerHTML).toEqual(`zero
`);
+ expect(fixture.nativeElement.innerHTML).toEqual(`zero
`);
- fixture.componentRef.instance.count = 4;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(`4 animaux!
`);
- });
+ fixture.componentRef.instance.count = 4;
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(`4 animaux!
`);
+ });
- it('nested with interpolations in "other" blocks', () => {
- // Note: for some reason long string causing clang to reformat the entire file.
- const key =
- '{VAR_PLURAL, plural, =0 {zero} =2 {{INTERPOLATION} {VAR_SELECT, select, ' +
- 'cat {cats} dog {dogs} other {animals}}!} other {other - {INTERPOLATION}}}';
- const translation =
- '{VAR_PLURAL, plural, =0 {zero} =2 {{INTERPOLATION} {VAR_SELECT, select, ' +
- 'cat {chats} dog {chients} other {animaux}}!} other {other - {INTERPOLATION}}}';
- loadTranslations({[key]: translation});
+ it('nested with interpolations in "other" blocks', () => {
+ // Note: for some reason long string causing clang to reformat the entire file.
+ const translation =
+ '{VAR_PLURAL, plural, =0 {zero} =2 {{INTERPOLATION} {VAR_SELECT, select, ' +
+ 'cat {chats} dog {chiens} other {animaux}}!} other {other - {INTERPOLATION}}}';
+ loadTranslations({'3182623695425530660': translation});
- const fixture = initWithTemplate(AppComp, `{count, plural,
+ const fixture = initWithTemplate(AppComp, `{
value // i18n(ph = "blah"),
plural,
=1 {one}
other {at least {{value}} .}
} `
- })
- class Parent {
- value = 3;
- }
- TestBed.configureTestingModule({declarations: [Parent, Child]});
- loadTranslations({});
+ })
+ class Parent {
+ value = 3;
+ }
+ TestBed.configureTestingModule({declarations: [Parent, Child]});
+ loadTranslations({});
- const fixture = TestBed.createComponent(Parent);
- fixture.detectChanges();
+ const fixture = TestBed.createComponent(Parent);
+ fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toContain('at least');
- });
+ expect(fixture.nativeElement.innerHTML).toContain('at least');
+ });
- it('with empty values', () => {
- const fixture =
- initWithTemplate(AppComp, `{count, select, 10 {} 20 {twenty} other {other}}`);
+ it('with empty values', () => {
+ const fixture = initWithTemplate(AppComp, `{count, select, 10 {} 20 {twenty} other {other}}`);
- const element = fixture.nativeElement;
- expect(element).toHaveText('other');
- });
+ const element = fixture.nativeElement;
+ expect(element).toHaveText('other');
+ });
- it('inside a container when creating a view via vcr.createEmbeddedView', () => {
- @Directive({
- selector: '[someDir]',
- })
- class Dir {
- constructor(
- private readonly viewContainerRef: ViewContainerRef,
- private readonly templateRef: TemplateRef) {}
+ it('inside a container when creating a view via vcr.createEmbeddedView', () => {
+ @Directive({
+ selector: '[someDir]',
+ })
+ class Dir {
+ constructor(
+ private readonly viewContainerRef: ViewContainerRef,
+ private readonly templateRef: TemplateRef) {}
- ngOnInit() { this.viewContainerRef.createEmbeddedView(this.templateRef); }
- }
+ ngOnInit() { this.viewContainerRef.createEmbeddedView(this.templateRef); }
+ }
- @Component({
- selector: 'my-cmp',
- template: `
+ @Component({
+ selector: 'my-cmp',
+ template: `
{
count,
plural,
@@ -791,70 +723,68 @@ onlyInIvy('Ivy i18n logic')
other {OTHER}
}
`,
- })
- class App {
- count = 1;
- condition = true;
- }
+ })
+ class App {
+ count = 1;
+ condition = true;
+ }
- TestBed.configureTestingModule({
- declarations: [App, Cmp, Dir],
- });
- const fixture = TestBed.createComponent(App);
- fixture.detectChanges();
- expect(fixture.debugElement.nativeElement.innerHTML)
- .toContain(') {
- dir = this;
- }
+ it('with nested ICU expression and inside a container when creating a view via vcr.createEmbeddedView',
+ () => {
+ let dir: Dir|null = null;
+ @Directive({
+ selector: '[someDir]',
+ })
+ class Dir {
+ constructor(
+ private readonly viewContainerRef: ViewContainerRef,
+ private readonly templateRef: TemplateRef) {
+ dir = this;
+ }
- attachEmbeddedView() {
- this.viewContainerRef.createEmbeddedView(this.templateRef);
- }
- }
+ attachEmbeddedView() { this.viewContainerRef.createEmbeddedView(this.templateRef); }
+ }
- @Component({
- selector: 'my-cmp',
- template: `
+ @Component({
+ selector: 'my-cmp',
+ template: `
{
count,
plural,
@@ -866,36 +796,36 @@ onlyInIvy('Ivy i18n logic')
}!}
}
`,
- })
- class App {
- count = 1;
- }
+ })
+ class App {
+ count = 1;
+ }
- TestBed.configureTestingModule({
- declarations: [App, Cmp, Dir],
- });
- const fixture = TestBed.createComponent(App);
- fixture.componentRef.instance.count = 2;
- fixture.detectChanges();
- expect(fixture.debugElement.nativeElement.innerHTML)
- .toBe('
{type, select, A { A } B { B } other { C }}
@@ -905,31 +835,31 @@ onlyInIvy('Ivy i18n logic')
`,
- })
- class Comp {
- type = 'A';
- visible = true;
- isVisible() { return true; }
- }
+ })
+ class Comp {
+ type = 'A';
+ visible = true;
+ isVisible() { return true; }
+ }
- TestBed.configureTestingModule({declarations: [Comp]});
+ TestBed.configureTestingModule({declarations: [Comp]});
- const fixture = TestBed.createComponent(Comp);
- fixture.detectChanges();
+ const fixture = TestBed.createComponent(Comp);
+ fixture.detectChanges();
- expect(fixture.debugElement.nativeElement.innerHTML).toContain('A');
+ expect(fixture.debugElement.nativeElement.innerHTML).toContain('A');
- fixture.componentInstance.visible = false;
- fixture.detectChanges();
+ fixture.componentInstance.visible = false;
+ fixture.detectChanges();
- expect(fixture.debugElement.nativeElement.innerHTML).not.toContain('A');
- expect(fixture.debugElement.nativeElement.innerHTML).toContain('C1');
- });
+ expect(fixture.debugElement.nativeElement.innerHTML).not.toContain('A');
+ expect(fixture.debugElement.nativeElement.innerHTML).toContain('C1');
+ });
- it('with named interpolations', () => {
- @Component({
- selector: 'comp',
- template: `
+ it('with named interpolations', () => {
+ @Component({
+ selector: 'comp',
+ template: `
{
type,
select,
@@ -938,32 +868,32 @@ onlyInIvy('Ivy i18n logic')
other {other - {{ typeC // i18n(ph="PH WITH SPACES") }}}
}
`,
- })
- class Comp {
- type = 'A';
- typeA = 'Type A';
- typeB = 'Type B';
- typeC = 'Type C';
- }
+ })
+ class Comp {
+ type = 'A';
+ typeA = 'Type A';
+ typeB = 'Type B';
+ typeC = 'Type C';
+ }
- TestBed.configureTestingModule({declarations: [Comp]});
+ TestBed.configureTestingModule({declarations: [Comp]});
- const fixture = TestBed.createComponent(Comp);
- fixture.detectChanges();
+ const fixture = TestBed.createComponent(Comp);
+ fixture.detectChanges();
- expect(fixture.debugElement.nativeElement.innerHTML).toContain('A - Type A');
+ expect(fixture.debugElement.nativeElement.innerHTML).toContain('A - Type A');
- fixture.componentInstance.type = 'C'; // trigger "other" case
- fixture.detectChanges();
+ fixture.componentInstance.type = 'C'; // trigger "other" case
+ fixture.detectChanges();
- expect(fixture.debugElement.nativeElement.innerHTML).not.toContain('A - Type A');
- expect(fixture.debugElement.nativeElement.innerHTML).toContain('other - Type C');
- });
+ expect(fixture.debugElement.nativeElement.innerHTML).not.toContain('A - Type A');
+ expect(fixture.debugElement.nativeElement.innerHTML).toContain('other - Type C');
+ });
- it('should work inside an ngTemplateOutlet inside an ngFor', () => {
- @Component({
- selector: 'app',
- template: `
+ it('should work inside an ngTemplateOutlet inside an ngFor', () => {
+ @Component({
+ selector: 'app',
+ template: `
{
type,
select,
@@ -978,176 +908,174 @@ onlyInIvy('Ivy i18n logic')
`
- })
- class AppComponent {
- types = ['A', 'B', 'C'];
- }
+ })
+ class AppComponent {
+ types = ['A', 'B', 'C'];
+ }
- TestBed.configureTestingModule({declarations: [AppComponent]});
+ TestBed.configureTestingModule({declarations: [AppComponent]});
- const fixture = TestBed.createComponent(AppComponent);
- fixture.detectChanges();
+ const fixture = TestBed.createComponent(AppComponent);
+ fixture.detectChanges();
- expect(fixture.debugElement.nativeElement.innerHTML).toContain('A');
- expect(fixture.debugElement.nativeElement.innerHTML).toContain('B');
- });
- });
+ expect(fixture.debugElement.nativeElement.innerHTML).toContain('A');
+ expect(fixture.debugElement.nativeElement.innerHTML).toContain('B');
+ });
+ });
- describe('should support attributes', () => {
- it('text', () => {
- loadTranslations({'text': 'texte'});
- const fixture = initWithTemplate(AppComp, ``);
- expect(fixture.nativeElement.innerHTML).toEqual(``);
- });
+ describe('should support attributes', () => {
+ it('text', () => {
+ loadTranslations({'3667842621564887364': 'texte'});
+ const fixture = initWithTemplate(AppComp, ``);
+ expect(fixture.nativeElement.innerHTML).toEqual(``);
+ });
- it('interpolations', () => {
- loadTranslations({'hello {$INTERPOLATION}': 'bonjour {$INTERPOLATION}'});
- const fixture =
- initWithTemplate(AppComp, ``);
- expect(fixture.nativeElement.innerHTML)
- .toEqual(``);
+ it('interpolations', () => {
+ loadTranslations({'1721737630608625819': 'bonjour {$INTERPOLATION}'});
+ const fixture =
+ initWithTemplate(AppComp, ``);
+ expect(fixture.nativeElement.innerHTML).toEqual(``);
- fixture.componentRef.instance.name = 'John';
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toEqual(``);
- });
+ fixture.componentRef.instance.name = 'John';
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML).toEqual(``);
+ });
- it('with pipes', () => {
- loadTranslations({'hello {$INTERPOLATION}': 'bonjour {$INTERPOLATION}'});
- const fixture = initWithTemplate(
- AppComp, ``);
- expect(fixture.nativeElement.innerHTML)
- .toEqual(``);
- });
+ it('with pipes', () => {
+ loadTranslations({'5990850149002293021': 'bonjour {$INTERPOLATION}'});
+ const fixture = initWithTemplate(
+ AppComp, ``);
+ expect(fixture.nativeElement.innerHTML).toEqual(``);
+ });
- it('multiple attributes', () => {
- loadTranslations({'hello {$INTERPOLATION}': 'bonjour {$INTERPOLATION}'});
- const fixture = initWithTemplate(
- AppComp,
- ``);
- expect(fixture.nativeElement.innerHTML)
- .toEqual(``);
+ it('multiple attributes', () => {
+ loadTranslations({'1721737630608625819': 'bonjour {$INTERPOLATION}'});
+ const fixture = initWithTemplate(
+ AppComp,
+ ``);
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(``);
- fixture.componentRef.instance.name = 'John';
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(``);
- });
+ fixture.componentRef.instance.name = 'John';
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(``);
+ });
- it('on removed elements', () => {
- loadTranslations(
- {'text': 'texte', '{$START_TAG_SPAN}content{$CLOSE_TAG_SPAN}': 'contenu'});
- const fixture = initWithTemplate(
- AppComp, `{count, plural,
=0 {zero}
=2 {{{count}} {name, select,
cat {cats}
@@ -670,25 +604,24 @@ onlyInIvy('Ivy i18n logic')
}!}
other {other - {{count}}}
}
`);
- expect(fixture.nativeElement.innerHTML).toEqual(`zero
`);
+ expect(fixture.nativeElement.innerHTML).toEqual(`zero
`);
- fixture.componentRef.instance.count = 2;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(`2 animaux!
`);
+ fixture.componentRef.instance.count = 2;
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(`2 animaux!
`);
- fixture.componentRef.instance.count = 4;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toEqual(`other - 4
`);
- });
+ fixture.componentRef.instance.count = 4;
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML).toEqual(`other - 4
`);
+ });
- it('should return the correct plural form for ICU expressions when using a specific locale',
- () => {
- registerLocaleData(localeRo);
- TestBed.configureTestingModule(
- {providers: [{provide: LOCALE_ID, useValue: 'ro'}]});
- // We could also use `TestBed.overrideProvider(LOCALE_ID, {useValue: 'ro'});`
- const fixture = initWithTemplate(AppComp, `
+ it('should return the correct plural form for ICU expressions when using a specific locale',
+ () => {
+ registerLocaleData(localeRo);
+ TestBed.configureTestingModule({providers: [{provide: LOCALE_ID, useValue: 'ro'}]});
+ // We could also use `TestBed.overrideProvider(LOCALE_ID, {useValue: 'ro'});`
+ const fixture = initWithTemplate(AppComp, `
{count, plural,
=0 {no email}
=one {one email}
@@ -696,94 +629,93 @@ onlyInIvy('Ivy i18n logic')
=other {lots of emails}
}`);
- expect(fixture.nativeElement.innerHTML).toEqual('no email');
+ expect(fixture.nativeElement.innerHTML).toEqual('no email');
- // Change detection cycle, no model changes
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toEqual('no email');
+ // Change detection cycle, no model changes
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML).toEqual('no email');
- fixture.componentInstance.count = 3;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toEqual('a few emails');
+ fixture.componentInstance.count = 3;
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML).toEqual('a few emails');
- fixture.componentInstance.count = 1;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toEqual('one email');
+ fixture.componentInstance.count = 1;
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML).toEqual('one email');
- fixture.componentInstance.count = 10;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toEqual('a few emails');
+ fixture.componentInstance.count = 10;
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML).toEqual('a few emails');
- fixture.componentInstance.count = 20;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toEqual('lots of emails');
+ fixture.componentInstance.count = 20;
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML).toEqual('lots of emails');
- fixture.componentInstance.count = 0;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toEqual('no email');
- });
+ fixture.componentInstance.count = 0;
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML).toEqual('no email');
+ });
- it('projection', () => {
- @Component({selector: 'child', template: 'ONE
ONE
OTHER
OTHER
ONE
ONE
2 animals!
2 animals!
ONE
ONE
content
`);
- expect(fixture.nativeElement.innerHTML).toEqual(`contenu
`);
- });
+ it('on removed elements', () => {
+ loadTranslations({
+ '3667842621564887364': 'texte',
+ '4851941758912026972': 'contenu',
+ });
+ const fixture =
+ initWithTemplate(AppComp, `content
`);
+ expect(fixture.nativeElement.innerHTML).toEqual(`contenu
`);
+ });
- it('with custom interpolation config', () => {
- loadTranslations({'Hello {$INTERPOLATION}': 'Bonjour {$INTERPOLATION}'});
- const interpolation = ['{%', '%}'] as[string, string];
- TestBed.overrideComponent(AppComp, {set: {interpolation}});
- const fixture = initWithTemplate(
- AppComp, ``);
+ it('with custom interpolation config', () => {
+ loadTranslations({'6353989911216474113': 'Bonjour {$INTERPOLATION}'});
+ const interpolation = ['{%', '%}'] as[string, string];
+ TestBed.overrideComponent(AppComp, {set: {interpolation}});
+ const fixture =
+ initWithTemplate(AppComp, ``);
- const element = fixture.nativeElement.firstChild;
- expect(element.title).toBe('Bonjour Angular');
- });
+ const element = fixture.nativeElement.firstChild;
+ expect(element.title).toBe('Bonjour Angular');
+ });
- it('in nested template', () => {
- loadTranslations({'Item {$INTERPOLATION}': 'Article {$INTERPOLATION}'});
- const fixture = initWithTemplate(AppComp, `
+ it('in nested template', () => {
+ loadTranslations({'5108705942887033129': 'Article {$INTERPOLATION}'});
+ const fixture = initWithTemplate(AppComp, `
`);
+ it('should add i18n attributes on self-closing tags', () => {
+ loadTranslations({'3771704108176831903': 'Bonjour {$INTERPOLATION}'});
+ const fixture =
+ initWithTemplate(AppComp, ``);
- const element = fixture.nativeElement.firstChild;
- expect(element.title).toBe('Bonjour Angular');
- });
+ const element = fixture.nativeElement.firstChild;
+ expect(element.title).toBe('Bonjour Angular');
+ });
- it('should apply i18n attributes during second template pass', () => {
- @Directive({
- selector: '[test]',
- inputs: ['test'],
- exportAs: 'dir',
- })
- class Dir {
- }
+ it('should apply i18n attributes during second template pass', () => {
+ @Directive({
+ selector: '[test]',
+ inputs: ['test'],
+ exportAs: 'dir',
+ })
+ class Dir {
+ }
- @Component({
- selector: 'other',
- template: ``
- })
- class Other {
- }
+ @Component({
+ selector: 'other',
+ template: ``
+ })
+ class Other {
+ }
- @Component({
- selector: 'blah',
- template: `
+ @Component({
+ selector: 'blah',
+ template: `
trad: {exp1, plural,
=0 {no emails!}
@@ -1155,81 +1083,82 @@ onlyInIvy('Ivy i18n logic')
other {{{exp1}} emails}
}
`
- })
- class MyApp {
- exp1 = 1;
- exp2 = 2;
- }
+ })
+ class MyApp {
+ exp1 = 1;
+ exp2 = 2;
+ }
- TestBed.configureTestingModule({declarations: [ClsDir, MyApp]});
- loadTranslations({
- // Not that this translation switches the order of the expressions!
- 'start {$INTERPOLATION} middle {$INTERPOLATION_1} end':
- 'début {$INTERPOLATION_1} milieu {$INTERPOLATION} fin',
- '{VAR_PLURAL, plural, =0 {no {START_BOLD_TEXT}emails{CLOSE_BOLD_TEXT}!} =1 {one {START_ITALIC_TEXT}email{CLOSE_ITALIC_TEXT}} other {{INTERPOLATION} emails}}':
- '{VAR_PLURAL, plural, =0 {aucun {START_BOLD_TEXT}email{CLOSE_BOLD_TEXT}!} =1 {un {START_ITALIC_TEXT}email{CLOSE_ITALIC_TEXT}} other {{INTERPOLATION} emails}}',
- ' trad: {$ICU} ': ' traduction: {$ICU} '
- });
- const fixture = TestBed.createComponent(MyApp);
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(
- ` traduction: un email ` +
- `
`);
+ TestBed.configureTestingModule({declarations: [ClsDir, MyApp]});
+ loadTranslations({
+ // Note that this translation switches the order of the expressions!
+ '2244013204777604001': 'début {$INTERPOLATION_1} milieu {$INTERPOLATION} fin',
+ '7297507129788731971':
+ '{VAR_PLURAL, plural, =0 {aucun {START_BOLD_TEXT}email{CLOSE_BOLD_TEXT}!} =1 {un {START_ITALIC_TEXT}email{CLOSE_ITALIC_TEXT}} other {{INTERPOLATION} emails}}',
+ '7694415136422535717': ' traduction: {$ICU} '
+ });
+ const fixture = TestBed.createComponent(MyApp);
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(
+ ` traduction: un email ` +
+ `
`);
- directiveInstances.forEach(instance => instance.klass = 'bar');
- fixture.componentRef.instance.exp1 = 2;
- fixture.componentRef.instance.exp2 = 3;
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(
- ``);
- });
+ directiveInstances.forEach(instance => instance.klass = 'bar');
+ fixture.componentRef.instance.exp1 = 2;
+ fixture.componentRef.instance.exp2 = 3;
+ fixture.detectChanges();
+ expect(fixture.nativeElement.innerHTML)
+ .toEqual(
+ ``);
+ });
- it('should handle i18n attribute with directive inputs', () => {
- let calledTitle = false;
- let calledValue = false;
- @Component({selector: 'my-comp', template: ''})
- class MyComp {
- t !: string;
- @Input()
- get title() { return this.t; }
- set title(title) {
- calledTitle = true;
- this.t = title;
- }
+ it('should handle i18n attribute with directive inputs', () => {
+ let calledTitle = false;
+ let calledValue = false;
+ @Component({selector: 'my-comp', template: ''})
+ class MyComp {
+ t !: string;
+ @Input()
+ get title() { return this.t; }
+ set title(title) {
+ calledTitle = true;
+ this.t = title;
+ }
- @Input()
- get value() { return this.val; }
- set value(value: string) {
- calledValue = true;
- this.val = value;
- }
- val !: string;
- }
+ @Input()
+ get value() { return this.val; }
+ set value(value: string) {
+ calledValue = true;
+ this.val = value;
+ }
+ val !: string;
+ }
- TestBed.configureTestingModule({declarations: [AppComp, MyComp]});
- loadTranslations(
- {'Hello {$INTERPOLATION}': 'Bonjour {$INTERPOLATION}', 'works': 'fonctionne'});
- const fixture = initWithTemplate(
- AppComp,
- `Je suis projeté depuis Parent
Je suis projeté depuis Parent
Bonjour monde!
Bonjour monde!
Bonjour monde!
Bonjour monde!
Content projected from
`
+ })
+ class Child {
+ }
- it('should project content in i18n blocks', () => {
- @Component({
- selector: 'child',
- template: `Content projected from
`
- })
- class Child {
- }
+ @Component({selector: 'parent', template: `Contenu projeté depuis Parent
Contenu projeté depuis Parent component
Contenu projeté depuis Parent
Content projected from
`
+ })
+ class Child {
+ }
- fixture.componentRef.instance.name = 'Parent component';
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML)
- .toEqual(`Contenu projeté depuis Parent component
Parent a projeté le contenu
Content projected from
`
- })
- class Child {
- }
+ it('should project translated content in i18n blocks', () => {
+ @Component(
+ {selector: 'child', template: `Child content
`})
+ class Child {
+ }
- @Component({selector: 'parent', template: `Contenu enfant et projection depuis Parent
Parent a projeté le contenu
Child content
`
- })
- class Child {
- }
-
- @Component({
- selector: 'parent',
- template: `Contenu enfant et projection depuis Parent
Child content
`
- })
- class Child {
- }
+ it('should project ICUs in i18n blocks', () => {
+ @Component(
+ {selector: 'child', template: `Child content
`})
+ class Child {
+ }
- @Component({
- selector: 'parent',
- template:
- `Contenu enfant et projection depuis Parent
Contenu enfant et projection depuis Parent
Contenu enfant et projection depuis Angular
Contenu enfant et projection depuis Angular
Child content
`})
+ class Child {
+ }
- it(`shouldn't project deleted projections in i18n blocks`, () => {
- @Component({
- selector: 'child',
- template: `Child content
`
- })
- class Child {
- }
+ @Component({selector: 'parent', template: `Contenu enfant
Contenu enfant
@@ -1678,28 +1566,28 @@ onlyInIvy('Ivy i18n logic')
`);
- const q = fixture.debugElement.children[0].references.q;
- expect(q.query.length).toEqual(0);
+ const q = fixture.debugElement.children[0].references.q;
+ expect(q.query.length).toEqual(0);
- // Create embedded view
- q.create();
- fixture.detectChanges();
- expect(q.query.length).toEqual(1);
- expect(toHtml(fixture.nativeElement))
- .toEqual(`Contenu `);
+ // Create embedded view
+ q.create();
+ fixture.detectChanges();
+ expect(q.query.length).toEqual(1);
+ expect(toHtml(fixture.nativeElement))
+ .toEqual(`Contenu `);
- // Disable ng-if
- fixture.componentInstance.visible = false;
- fixture.detectChanges();
- expect(q.query.length).toEqual(0);
- expect(toHtml(fixture.nativeElement))
- .toEqual(`Contenu `);
- });
- });
+ // Disable ng-if
+ fixture.componentInstance.visible = false;
+ fixture.detectChanges();
+ expect(q.query.length).toEqual(0);
+ expect(toHtml(fixture.nativeElement))
+ .toEqual(`Contenu `);
+ });
+ });
- it('should not alloc expando slots when there is no new variable to create', () => {
- @Component({
- template: `
+ it('should not alloc expando slots when there is no new variable to create', () => {
+ @Component({
+ template: `
, template: string) {
TestBed.overrideComponent(compType, {set: {template}});
diff --git a/packages/core/test/acceptance/view_container_ref_spec.ts b/packages/core/test/acceptance/view_container_ref_spec.ts
index 80d7231b1d..7f13592ff8 100644
--- a/packages/core/test/acceptance/view_container_ref_spec.ts
+++ b/packages/core/test/acceptance/view_container_ref_spec.ts
@@ -19,11 +19,9 @@ import {ivyEnabled, onlyInIvy} from '@angular/private/testing';
describe('ViewContainerRef', () => {
const TRANSLATIONS: any = {
- 'Bar': 'o',
- '{$START_TAG_BEFORE}{$CLOSE_TAG_BEFORE}{$START_TAG_DIV}{$START_TAG_INSIDE}{$CLOSE_TAG_INSIDE}{$CLOSE_TAG_DIV}{$START_TAG_AFTER}{$CLOSE_TAG_AFTER}':
- 'F{$START_TAG_DIV}{$CLOSE_TAG_DIV}o',
- '{$START_TAG_BEFORE}{$CLOSE_TAG_BEFORE}{$START_TAG_DIV}{$START_TAG_IN}{$CLOSE_TAG_IN}{$CLOSE_TAG_DIV}{$START_TAG_AFTER}{$CLOSE_TAG_AFTER}':
- '{$START_TAG_DIV}{$CLOSE_TAG_DIV}{$START_TAG_BEFORE}{$CLOSE_TAG_BEFORE}'
+ '6587679027921703718': 'o',
+ '1059980791999999199': 'F{$START_TAG_DIV}{$CLOSE_TAG_DIV}o',
+ '8808498902423973223': '{$START_TAG_DIV}{$CLOSE_TAG_DIV}{$START_TAG_BEFORE}{$CLOSE_TAG_BEFORE}'
};
/**
diff --git a/packages/core/test/bundling/hello_world_i18n/translations.ts b/packages/core/test/bundling/hello_world_i18n/translations.ts
index 7ffe25a657..aabcc78c96 100644
--- a/packages/core/test/bundling/hello_world_i18n/translations.ts
+++ b/packages/core/test/bundling/hello_world_i18n/translations.ts
@@ -11,8 +11,8 @@ import '@angular/localize/init';
import {loadTranslations} from '@angular/localize';
const translations = {
- 'Hello World!': 'Bonjour Monde!',
- 'Hello Title!': 'Bonjour Titre!',
+ '6947830843539421219': 'Bonjour Monde!',
+ '6935800796474951272': 'Bonjour Titre!',
};
loadTranslations(translations);
diff --git a/packages/core/test/bundling/todo_i18n/translations.ts b/packages/core/test/bundling/todo_i18n/translations.ts
index 370bad234a..8b2848e61e 100644
--- a/packages/core/test/bundling/todo_i18n/translations.ts
+++ b/packages/core/test/bundling/todo_i18n/translations.ts
@@ -11,19 +11,27 @@ import '@angular/localize/init';
import {loadTranslations} from '@angular/localize';
export const translations = {
- 'What needs to be done?': `Qu'y a-t-il à faire ?`,
- '{$START_HEADING_LEVEL1}todos{$CLOSE_HEADING_LEVEL1}{$TAG_INPUT}':
+ // What needs to be done?
+ '5102526651904871634': `Qu'y a-t-il à faire ?`,
+ // {$START_HEADING_LEVEL1}todos{$CLOSE_HEADING_LEVEL1}{$TAG_INPUT}
+ '8643091609122689720':
'{$START_HEADING_LEVEL1}liste de tâches{$CLOSE_HEADING_LEVEL1}{$TAG_INPUT}',
- '{VAR_PLURAL, plural, =1 {item left} other {items left}}':
- '{VAR_PLURAL, plural, =1 {tâche restante} other {tâches restantes}}',
- '{$START_TAG_STRONG}{$INTERPOLATION}{$CLOSE_TAG_STRONG}{$ICU}':
- '{$START_TAG_STRONG}{$INTERPOLATION}{$CLOSE_TAG_STRONG} {$ICU}',
- ' Clear completed ': ' Effacer terminés ',
- 'Demonstrate Components': 'Démontrer les components',
- 'Demonstrate Structural Directives': 'Démontrer les directives structurelles',
- 'Demonstrate {$value}': 'Démontrer {$value}',
- 'Demonstrate zoneless change detection': 'Démontrer la détection des changements sans zonejs',
- 'Demonstrate internationalization': `Démontrer l'internationalisation`
+ // {VAR_PLURAL, plural, =1 {item left} other {items left}}
+ '271375439086996113': '{VAR_PLURAL, plural, =1 {tâche restante} other {tâches restantes}}',
+ // {$START_TAG_STRONG}{$INTERPOLATION}{$CLOSE_TAG_STRONG}{$ICU}
+ '4169337202119891309': '{$START_TAG_STRONG}{$INTERPOLATION}{$CLOSE_TAG_STRONG} {$ICU}',
+ // Clear Completed
+ '3329962774478249377': ' Effacer terminés ',
+ // Demonstrate Components
+ '5738403869589701812': ' Démontrer les components',
+ // Demonstrate Structural Directives
+ '4405796757024158842': 'Démontrer les directives structurelles',
+ // Demonstrate {$value}
+ '2762077329405284613': 'Démontrer {$value}',
+ // Demonstrate zoneless change detection
+ '3484387157632222646': 'Démontrer la détection des changements sans zonejs',
+ // Demonstrate internationalization
+ '442837859415373816': `Démontrer l'internationalisation`
};
loadTranslations(translations);
Some content
@@ -1707,21 +1595,20 @@ onlyInIvy('Ivy i18n logic')
`
- })
- class ContentElementDialog {
- data = false;
- }
+ })
+ class ContentElementDialog {
+ data = false;
+ }
- TestBed.configureTestingModule(
- {declarations: [DialogDir, CloseBtn, ContentElementDialog]});
+ TestBed.configureTestingModule({declarations: [DialogDir, CloseBtn, ContentElementDialog]});
- const fixture = TestBed.createComponent(ContentElementDialog);
- fixture.detectChanges();
- expect(fixture.nativeElement.innerHTML).toEqual(``);
- });
- });
+ });
+});
function initWithTemplate(compType: Type