Hide animation mocks inside a function

Author: trurl-master

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsdom-testing-mocks",
-  "version": "1.5.0-beta.5",
+  "version": "1.5.0-beta.6",
   "author": "Ivan Galiatin",
   "license": "MIT",
   "description": "A set of tools for emulating browser behavior in jsdom environment",

src/mocks/web-animations-api/Animation.ts

@@ -1,7 +1,6 @@
-import './AnimationEffect';
-import './KeyframeEffect';
-import './AnimationPlaybackEvent';
-import './DocumentTimeline';
+import { mockKeyframeEffect } from './KeyframeEffect';
+import { mockAnimationPlaybackEvent } from './AnimationPlaybackEvent';
+import { mockDocumentTimeline } from './DocumentTimeline';
 import { getEasingFunctionFromString } from './easingFunctions';
 
 type ActiveAnimationTimeline = AnimationTimeline & {
@@ -167,6 +166,11 @@ class MockedAnimation extends EventTarget implements Animation {
     });
   }
 
+  #silentlyRejectFinishedPromise(error: Error) {
+    this.#finishedPromise.catch(noop);
+    this.#resolvers.finished.reject(error);
+  }
+
   #hasPendingTask() {
     return this.#pendingPauseTask || this.#pendingPlayTask;
   }
@@ -401,7 +405,9 @@ class MockedAnimation extends EventTarget implements Animation {
     this.#applyPendingPlaybackRate();
 
     // 5. Reject animation’s current ready promise with a DOMException named "AbortError".
-    this.#resolvers.ready.reject(new DOMException('AbortError'));
+    this.#silentlyRejectFinishedPromise(
+      new DOMException(undefined, 'AbortError')
+    );
 
     // 6. Set the [[PromiseIsHandled]] internal slot of animation’s current ready promise to true.
 
@@ -1145,8 +1151,7 @@ class MockedAnimation extends EventTarget implements Animation {
       this.#resetPendingTasks();
 
       // Reject the current finished promise with a DOMException named "AbortError".
-      // this.#resolvers.finished.reject(new DOMException('AbortError'));
-      this.#resolvers.finished.reject(
+      this.#silentlyRejectFinishedPromise(
         new DOMException('The user aborted a request.', 'AbortError')
       );
 
@@ -1688,12 +1693,18 @@ class MockedAnimation extends EventTarget implements Animation {
   }
 }
 
-if (typeof Animation === 'undefined') {
-  Object.defineProperty(window, 'Animation', {
-    writable: true,
-    configurable: true,
-    value: MockedAnimation,
-  });
+function mockAnimation() {
+  mockKeyframeEffect();
+  mockAnimationPlaybackEvent();
+  mockDocumentTimeline();
+
+  if (typeof Animation === 'undefined') {
+    Object.defineProperty(window, 'Animation', {
+      writable: true,
+      configurable: true,
+      value: MockedAnimation,
+    });
+  }
 }
 
-export { MockedAnimation };
+export { MockedAnimation, mockAnimation };

src/mocks/web-animations-api/AnimationEffect.test.ts

@@ -1,4 +1,6 @@
-import './AnimationEffect';
+import { mockAnimationEffect } from './AnimationEffect';
+
+mockAnimationEffect();
 
 describe('AnimationEffect', () => {
   it('should be defined', () => {

src/mocks/web-animations-api/AnimationEffect.ts

@@ -71,12 +71,14 @@ class MockedAnimationEffect implements AnimationEffect {
   }
 }
 
-if (typeof AnimationEffect === 'undefined') {
-  Object.defineProperty(window, 'AnimationEffect', {
-    writable: true,
-    configurable: true,
-    value: MockedAnimationEffect,
-  });
+function mockAnimationEffect() {
+  if (typeof AnimationEffect === 'undefined') {
+    Object.defineProperty(window, 'AnimationEffect', {
+      writable: true,
+      configurable: true,
+      value: MockedAnimationEffect,
+    });
+  }
 }
 
-export { MockedAnimationEffect };
+export { MockedAnimationEffect, mockAnimationEffect };

src/mocks/web-animations-api/AnimationPlaybackEvent.ts

@@ -1,13 +1,19 @@
-class MockedAnimationPlaybackEvent extends Event
-  implements AnimationPlaybackEvent {
+class MockedAnimationPlaybackEvent
+  extends Event
+  implements AnimationPlaybackEvent
+{
   readonly currentTime = null;
   readonly timelineTime = null;
 }
 
-if (typeof AnimationPlaybackEvent === 'undefined') {
-  Object.defineProperty(window, 'AnimationPlaybackEvent', {
-    writable: true,
-    configurable: true,
-    value: MockedAnimationPlaybackEvent,
-  });
+function mockAnimationPlaybackEvent() {
+  if (typeof AnimationPlaybackEvent === 'undefined') {
+    Object.defineProperty(window, 'AnimationPlaybackEvent', {
+      writable: true,
+      configurable: true,
+      value: MockedAnimationPlaybackEvent,
+    });
+  }
 }
+
+export { mockAnimationPlaybackEvent };

src/mocks/web-animations-api/AnimationTimeline.test.ts

@@ -1,4 +1,6 @@
-import './AnimationTimeline';
+import { mockAnimationTimeline } from './AnimationTimeline';
+
+mockAnimationTimeline();
 
 describe('AnimationTimeline', () => {
   it('should be defined', () => {

src/mocks/web-animations-api/AnimationTimeline.ts

@@ -10,10 +10,14 @@ class MockedAnimationTimeline implements AnimationTimeline {
   }
 }
 
-if (typeof AnimationTimeline === 'undefined') {
-  Object.defineProperty(window, 'AnimationTimeline', {
-    writable: true,
-    configurable: true,
-    value: MockedAnimationTimeline,
-  });
+function mockAnimationTimeline() {
+  if (typeof AnimationTimeline === 'undefined') {
+    Object.defineProperty(window, 'AnimationTimeline', {
+      writable: true,
+      configurable: true,
+      value: MockedAnimationTimeline,
+    });
+  }
 }
+
+export { MockedAnimationTimeline, mockAnimationTimeline };

src/mocks/web-animations-api/DocumentTimeline.test.ts

@@ -1,5 +1,6 @@
-import './DocumentTimeline';
+import { mockDocumentTimeline } from './DocumentTimeline';
 
+mockDocumentTimeline();
 jest.useFakeTimers();
 
 describe('DocumentTimeline', () => {

src/mocks/web-animations-api/DocumentTimeline.ts

@@ -1,7 +1,10 @@
-import './AnimationTimeline';
+import {
+  mockAnimationTimeline,
+  MockedAnimationTimeline,
+} from './AnimationTimeline';
 
 class MockedDocumentTimeline
-  extends AnimationTimeline
+  extends MockedAnimationTimeline
   implements DocumentTimeline
 {
   #originTime = 0;
@@ -17,16 +20,22 @@ class MockedDocumentTimeline
   }
 }
 
-if (typeof DocumentTimeline === 'undefined') {
-  Object.defineProperty(window, 'DocumentTimeline', {
-    writable: true,
-    configurable: true,
-    value: MockedDocumentTimeline,
-  });
-
-  Object.defineProperty(Document.prototype, 'timeline', {
-    writable: true,
-    configurable: true,
-    value: new MockedDocumentTimeline(),
-  });
+function mockDocumentTimeline() {
+  mockAnimationTimeline();
+
+  if (typeof DocumentTimeline === 'undefined') {
+    Object.defineProperty(window, 'DocumentTimeline', {
+      writable: true,
+      configurable: true,
+      value: MockedDocumentTimeline,
+    });
+
+    Object.defineProperty(Document.prototype, 'timeline', {
+      writable: true,
+      configurable: true,
+      value: new MockedDocumentTimeline(),
+    });
+  }
 }
+
+export { mockDocumentTimeline };

src/mocks/web-animations-api/KeyframeEffect.test.ts

@@ -1,8 +1,11 @@
 import {
   MockedKeyframeEffect,
   convertPropertyIndexedKeyframes,
+  mockKeyframeEffect,
 } from './KeyframeEffect';
 
+mockKeyframeEffect();
+
 describe('KeyframeEffect', () => {
   it('should have correct properties by default', () => {
     const element = document.createElement('div');