Jest testing TimelineLite, issue

[Evolution Latvia]

Hello,

I have try to migrate project from gsap2 to gsap3.

I faced with issue while run jest tests.

`index.ts

import { TimelineLite } from "gsap";

 

const timeline = new TimelineLite();

timeline.paused(true);

 

export const init = (fn: () => void) => {

timeline.call(fn, ['123'], "label");

timeline.play();

}

`

`

index.spec.ts

import { init } from './index';

 

describe('When multiplying numbers', () => {

it('Should call', () => {

const mock = jest.fn();

init(mock);

setTimeout(() => expect(mock).toHaveBeenCalledWith('123'), 50);

});

});

`

 

This test is passing for gsap2 and don't passing for gsap3.

When i remove `

timeline.paused(true);

then it starts passing for gsap3.

Why?

Attached full code.

 

typescript-jest-boilerplate.zip

[GreenSock]

Ah yes, that's an edge case (zero-duration timeline with a nested callback at the very start, paused initially and then resumed) which should be fixed in the next release which you can preview at https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-latest-beta.min.js

 

Thanks for reporting that. 

[OSUblake]

1 hour ago, GreenSock said:

should be fixed in the next release which you can preview at https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-latest-beta.min.js

 

Here's a version that you can install for your project. First uninstall gsap and @types/gsap. The types are already included with gsap's npm package, so you should NEVER install @types/gsap for v3 or higher. 

 

Now install gsap like this.

npm install https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-beta.tgz

 

And you should be good to go.

 

[OSUblake]

And you don't need to use TimelineLite/TimelineMax or TweenLite/TweenMax for v3. They are just aliases.

 

import { gsap } from "gsap";
 
const tween = gsap.to(".foo", { x: 100 }); // Same as TweenLite/TweenMax

const timeline = gsap.timeline(); // Same as TimelineLite/TimelineMax
timeline.paused(true);
 
export const init = (fn: () => void) => {
timeline.call(fn, ['123'], "label");
timeline.play();
}

 

[Evolution Latvia]

thank you for fast answer. @GreenSock @OSUblake

3.0.5 is fixing problem.

Problem that i can't add in production build such kind of dependencies on beta.

I am going to disable jest test temporary. Do you have approximate date release 3.0.5?

 

[Evolution Latvia]

Oh, it doesn't relates to jest.

https://codesandbox.io/s/heuristic-proskuriakova-t9dxl

[OSUblake]

10 minutes ago, Evolution Latvia said:

Oh, it doesn't relates to jest.

 

Right. But it's the same issue that was fixed in 3.0.5.

 

See the Pen fbe335c7eed984d0d3aa13c15b7576fa by osublake (@osublake) on CodePen

 

But I don't know when it will be released. @GreenSock will have to answer to that one.

[GreenSock]

17 hours ago, OSUblake said:

But I don't know when it will be released. @GreenSock will have to answer to that one.

Not sure yet, but you're welcome to use that beta file in the mean time. Is there any reason that'd be problematic for you @Evolution Latvia? 

[Evolution Latvia]

Bureaucracy of a large project ??  Thank you for help, i will try to use beta