🐛 fix: fix array properties

b-xiang · Jun 20, 2019 · 6dfe914 · 6dfe914
1 parent e1f0c24
commit 6dfe914
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/src/SceneItem.ts b/src/SceneItem.ts
@@ -266,7 +266,7 @@ class SceneItem extends Animator<SceneItemOptions, SceneItemState> {
                             const length = arr.length;
 
                             for (let i = 0; i < length; ++i) {
-                                this.newFrame(`${i / (length - 1) * 100}%`).set(names, arr[i]);
+                                this.newFrame(`${i / (length - 1) * 100}%`).set(...names, arr[i]);
                             }
                         });
                     } else {

diff --git a/test/unit/SceneItem.spec.ts b/test/unit/SceneItem.spec.ts
@@ -98,6 +98,34 @@ describe("SceneItem Test", () => {
             expect(item.get(1 / 3, "opacity")).to.be.equals("0.5");
             expect(item.get(1 + 2, "opacity")).to.be.equals("1");
         });
+        it("should check array property", () => {
+            // Given, When
+            const item = new SceneItem({
+                opacity: [0, 1],
+            });
+            const item2 = new SceneItem({
+                transform: {
+                    translate: ["0px", "20px"],
+                },
+            });
+            const item3 = new SceneItem({
+                transform: [
+                    "translate(0px)",
+                    "translate(20px)",
+                ],
+            });
+
+            // Then
+            expect(item.getDuration()).to.be.equals(100);
+            expect(item.get(0, "opacity")).to.be.equals(0);
+            expect(item.get("100%", "opacity")).to.be.equals(1);
+
+            expect(item2.get(0, "transform", "translate")).to.be.equals("0px");
+            expect(item2.get("100%", "transform", "translate")).to.be.equals("20px");
+
+            expect(item3.get(0, "transform", "translate")).to.be.equals("0px");
+            expect(item3.get("100%", "transform", "translate")).to.be.equals("20px");
+        });
         it("should check multiple time", () => {
             // Given, When
             const item = new SceneItem({