fix: 初始time不生效 (#273)

Co-authored-by: xuying.xu <[email protected]>
antvis · Jun 28, 2024 · 6d6484f · 6d6484f
1 parent 9128cfa
commit 6d6484f
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 2 deletions.
diff --git a/packages/f-engine/src/canvas/timeline.ts b/packages/f-engine/src/canvas/timeline.ts
@@ -18,7 +18,7 @@ class Timeline extends EE {
 
   constructor(props) {
     super();
-    const { animUnits, playState, root, speed = 1, goto } = props;
+    const { animUnits, playState, root, speed = 1, time } = props;
     this.animator = new Animator();
     const rootShape = new Group();
     this.animator.reset(rootShape);
@@ -28,7 +28,7 @@ class Timeline extends EE {
     this.playState = playState;
     this.endFrame = animUnits.length - 1;
     this.speed = speed;
-    this.time = goto;
+    this.time = time;
   }
 
   start() {

diff --git a/.../test/timeline/__image_snapshots__/player-test-tsx-clip-animation-暂停-1-snap.png b/.../test/timeline/__image_snapshots__/player-test-tsx-clip-animation-暂停-1-snap.png
diff --git a/packages/f-engine/test/timeline/player.test.tsx b/packages/f-engine/test/timeline/player.test.tsx
@@ -426,4 +426,35 @@ describe('clip animation', () => {
     await delay(100);
     expect(context).toMatchImageSnapshot();
   });
+
+  it('暂停', async () => {
+    const context = createContext('暂停');
+
+    const { props } = (
+      <Canvas context={context}>
+        <Player
+          state="pause"
+          goTo={200}
+          keyFrames={[
+            {
+              view: {
+                to: {
+                  visible: true,
+                },
+                duration: 1000,
+              },
+            },
+          ]}
+        >
+          <View key={'view'} visible={false} />
+        </Player>
+      </Canvas>
+    );
+
+    const canvas = new Canvas(props);
+    await canvas.render();
+    await delay(100);
+
+    expect(context).toMatchImageSnapshot();
+  });
 });