/**
 * @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 {animate, style, transition, trigger} from '@angular/animations';
import {ɵAnimationEngine} from '@angular/animations/browser';
import {Component} from '@angular/core';
import {TestBed} from '@angular/core/testing';
import {NoopAnimationsModule} from '@angular/platform-browser/animations';
import {fixmeIvy} from '@angular/private/testing';

{
  describe('NoopAnimationsModule', () => {
    beforeEach(() => { TestBed.configureTestingModule({imports: [NoopAnimationsModule]}); });

    it('should be removed once FW-643 is fixed', () => { expect(true).toBeTruthy(); });

    // TODO: remove the dummy test above ^ once the bug FW-643 has been fixed
    fixmeIvy(
        `FW-643: Components with animations throw with "Failed to execute 'setAttribute' on 'Element'`) &&
        it('should flush and fire callbacks when the zone becomes stable', (async) => {
          @Component({
            selector: 'my-cmp',
            template:
                '<div [@myAnimation]="exp" (@myAnimation.start)="onStart($event)" (@myAnimation.done)="onDone($event)"></div>',
            animations: [trigger(
                'myAnimation',
                [transition(
                    '* => state',
                    [style({'opacity': '0'}), animate(500, style({'opacity': '1'}))])])],
          })
          class Cmp {
            exp: any;
            startEvent: any;
            doneEvent: any;
            onStart(event: any) { this.startEvent = event; }
            onDone(event: any) { this.doneEvent = event; }
          }

          TestBed.configureTestingModule({declarations: [Cmp]});

          const fixture = TestBed.createComponent(Cmp);
          const cmp = fixture.componentInstance;
          cmp.exp = 'state';
          fixture.detectChanges();
          fixture.whenStable().then(() => {
            expect(cmp.startEvent.triggerName).toEqual('myAnimation');
            expect(cmp.startEvent.phaseName).toEqual('start');
            expect(cmp.doneEvent.triggerName).toEqual('myAnimation');
            expect(cmp.doneEvent.phaseName).toEqual('done');
            async();
          });
        });

    fixmeIvy(
        `FW-643: Components with animations throw with "Failed to execute 'setAttribute' on 'Element'`) &&
        it('should handle leave animation callbacks even if the element is destroyed in the process',
           (async) => {
             @Component({
               selector: 'my-cmp',
               template:
                   '<div *ngIf="exp" @myAnimation (@myAnimation.start)="onStart($event)" (@myAnimation.done)="onDone($event)"></div>',
               animations: [trigger(
                   'myAnimation',
                   [transition(
                       ':leave',
                       [style({'opacity': '0'}), animate(500, style({'opacity': '1'}))])])],
             })
             class Cmp {
               exp: any;
               startEvent: any;
               doneEvent: any;
               onStart(event: any) { this.startEvent = event; }
               onDone(event: any) { this.doneEvent = event; }
             }

             TestBed.configureTestingModule({declarations: [Cmp]});
             const engine = TestBed.get(ɵAnimationEngine);
             const fixture = TestBed.createComponent(Cmp);
             const cmp = fixture.componentInstance;

             cmp.exp = true;
             fixture.detectChanges();
             fixture.whenStable().then(() => {
               cmp.startEvent = null;
               cmp.doneEvent = null;

               cmp.exp = false;
               fixture.detectChanges();
               fixture.whenStable().then(() => {
                 expect(cmp.startEvent.triggerName).toEqual('myAnimation');
                 expect(cmp.startEvent.phaseName).toEqual('start');
                 expect(cmp.startEvent.toState).toEqual('void');
                 expect(cmp.doneEvent.triggerName).toEqual('myAnimation');
                 expect(cmp.doneEvent.phaseName).toEqual('done');
                 expect(cmp.doneEvent.toState).toEqual('void');
                 async();
               });
             });
           });
  });
}