jest mock gsap

[mkahraman]

I am trying to mock gsap on react.js, CRA.  (gsap 3.2.6)

Not sure why this is not working

__mocks__

----gsap.js

----Draggable.js

 

import {gsap} from 'gsap';

import {Draggable} from 'gsap/Draggable';

gsap.registerPlugin(Draggable);

 

//__mocks__/gsap/gsap.js

module.exports = () => {
	return function() {
		return {
			gsap: class {
				static to(selector, options) {
					return jest.fn();
				}
				static set(selector, options) {
					return jest.fn();
				}
				static registerPlugin(plugin) {
					return jest.fn();
				}
			},
			TweenLite: {
				set: function() {},
				to: function() {}
			}
		};
	};
};

//__mocks__/Draggable.js

module.exports = () => {
	return function() {
		return {
			Draggable: {
				create: function() {
					return 123;
				},
				onDragEnd: function() {
					return jest.fn();
				}
			}
		};
	};
};

 

[ZachSaucier]

Hey mkahraman. This sounds like a question for mocks, whatever that is. 

 

It would be really helpful if you recreated the error that you're getting using CodeSandbox or StackBlitz as this thread covers:

 

[Nasr Galal]

I have used your attached code, but when you use a plugin, sometimes it throws this:

 FAIL  tests/unit/components/diagram.spec.ts
  ● Test suite failed to run

    TypeError: Cannot read property 'registerPlugin' of undefined

 

[ZachSaucier]

22 minutes ago, Nasr Galal said:

I have used your attached code, but when you use a plugin, sometimes it throws this

Sounds like GSAP is failing to load before your code is ran.