angular/packages/zone.js/test/browser/requestAnimationFrame.spec.ts

/**
 * @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.dev/license
 */

describe('requestAnimationFrame', function () {
  const functions = [
    'requestAnimationFrame',
    'webkitRequestAnimationFrame',
    'mozRequestAnimationFrame',
  ];

  functions.forEach(function (fnName) {
    if ((global as any)[fnName] !== undefined) {
      describe(fnName, function () {
        const originalTimeout: number = (<any>jasmine).DEFAULT_TIMEOUT_INTERVAL;
        beforeEach(() => {
          (<any>jasmine).DEFAULT_TIMEOUT_INTERVAL = 10000;
        });

        afterEach(() => {
          (<any>jasmine).DEFAULT_TIMEOUT_INTERVAL = originalTimeout;
        });
        const requestAnimationFrameFn = (window as any)[fnName];

        it('should be tolerant of invalid arguments', function () {
          // requestAnimationFrameFn throws an error on invalid arguments, so expect that.
          expect(function () {
            requestAnimationFrameFn(null);
          }).toThrow();
        });

        it('should bind to same zone when called recursively', function (done) {
          Zone.current.fork({name: 'TestZone'}).run(() => {
            let frames = 0;
            let previousTimeStamp = 0;

            function frameCallback(timestamp: number) {
              expect(timestamp).toMatch(/^[\d.]+$/);
              // expect previous <= current
              expect(previousTimeStamp).not.toBeGreaterThan(timestamp);
              previousTimeStamp = timestamp;

              if (frames++ > 15) {
                (<any>jasmine).DEFAULT_TIMEOUT_INTERVAL = originalTimeout;
                return done();
              }
              requestAnimationFrameFn(frameCallback);
            }

            requestAnimationFrameFn(frameCallback);
          });
        });
      });
    }
  });
});