Revert "test(animations): test to see if triggers get cancelled on removal (#19532)"
This reverts commit f12e15e682acc0e9bb0722e3455e68acc6687ac6.
This commit is contained in:
		
							parent
							
								
									f4480d46b4
								
							
						
					
					
						commit
						9fecd72f44
					
				| @ -1318,70 +1318,6 @@ export function main() { | ||||
|            expect(count).toEqual(2); | ||||
|          }); | ||||
| 
 | ||||
|       it('should cancel all animations on the element when a removal animation is set', | ||||
|          fakeAsync(() => { | ||||
|            const sharedAnimation = [style({opacity: 0}), animate('1s', style({opacity: 1}))]; | ||||
| 
 | ||||
|            @Component({ | ||||
|              selector: 'ani-cmp', | ||||
|              template: ` | ||||
|             <div [@one]="exp1" [@two]="exp2" [@three]="exp3" *ngIf="exp0"></div> | ||||
|           `,
 | ||||
|              animations: [ | ||||
|                trigger( | ||||
|                    'one', | ||||
|                    [ | ||||
|                      transition('* => go', sharedAnimation), | ||||
|                      transition( | ||||
|                          ':leave', [style({opacity: 1}), animate('1s', style({opacity: 0}))]), | ||||
|                    ]), | ||||
|                trigger( | ||||
|                    'two', | ||||
|                    [ | ||||
|                      transition('* => go', sharedAnimation), | ||||
|                    ]), | ||||
|                trigger( | ||||
|                    'three', | ||||
|                    [ | ||||
|                      transition('* => go', sharedAnimation), | ||||
|                    ]), | ||||
|              ] | ||||
|            }) | ||||
|            class Cmp { | ||||
|              public exp0: any; | ||||
|              public exp1: any; | ||||
|              public exp2: any; | ||||
|              public exp3: any; | ||||
|            } | ||||
| 
 | ||||
|            TestBed.configureTestingModule({declarations: [Cmp]}); | ||||
| 
 | ||||
|            const fixture = TestBed.createComponent(Cmp); | ||||
|            const cmp = fixture.componentInstance; | ||||
| 
 | ||||
|            cmp.exp0 = true; | ||||
|            cmp.exp1 = 'go'; | ||||
|            cmp.exp2 = 'go'; | ||||
|            cmp.exp3 = 'go'; | ||||
|            fixture.detectChanges(); | ||||
|            flushMicrotasks(); | ||||
| 
 | ||||
|            const players = getLog(); | ||||
|            resetLog(); | ||||
| 
 | ||||
|            expect(players.length).toEqual(3); | ||||
| 
 | ||||
|            let count = 0; | ||||
|            players.forEach(player => { player.onDone(() => count++); }); | ||||
| 
 | ||||
|            expect(count).toEqual(0); | ||||
|            cmp.exp0 = false; | ||||
|            fixture.detectChanges(); | ||||
|            flushMicrotasks(); | ||||
| 
 | ||||
|            expect(count).toEqual(3); | ||||
|          })); | ||||
| 
 | ||||
|       it('should destroy inner animations when a parent node is set for removal', () => { | ||||
|         @Component({ | ||||
|           selector: 'ani-cmp', | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user