add tests for keyframe blob options

Author: g-harel

public/animate.test.ts

@@ -42,6 +42,7 @@ describe("animate", () => {
                 }
 
                 const testCases: Array<TestCase> = [
+                    // duration
                     {
                         name: "should accept valid duration",
                         edit: (keyframe) => (keyframe.duration = 100),
@@ -70,6 +71,7 @@ describe("animate", () => {
                         edit: (keyframe) => (keyframe.duration = "123" as any),
                         error: /duration.*number.*string/g,
                     },
+                    // delay
                     {
                         name: "should accept valid delay",
                         edit: (keyframe) => (keyframe.delay = 200),
@@ -97,6 +99,7 @@ describe("animate", () => {
                         edit: (keyframe) => (keyframe.delay = "123" as any),
                         error: /delay.*number.*string/g,
                     },
+                    // timingFunction
                     {
                         name: "should accept known timingFunction",
                         edit: (keyframe) => (keyframe.timingFunction = "ease"),
@@ -115,6 +118,7 @@ describe("animate", () => {
                         edit: (keyframe) => (keyframe.timingFunction = "unknown" as any),
                         error: /timingFunction.*not recognized.*unknown/g,
                     },
+                    // callback
                     {
                         name: "should accept valid callback",
                         edit: (keyframe) => (keyframe.callback = () => console.log("test")),
@@ -128,12 +132,97 @@ describe("animate", () => {
                         edit: (keyframe) => (keyframe.callback = {} as any),
                         error: /callback.*function.*object/g,
                     },
-                    // TODO complete blobOptions type tests, should be the same as non-animated.
+                    // blobOptions
                     {
                         name: "should reject undefined blobOptions",
                         edit: (keyframe) => delete keyframe.blobOptions,
                         error: /blobOptions.*object.*undefined/g,
                     },
+                    {
+                        name: "should reject invalid blobOptions",
+                        edit: (keyframe) => (keyframe.blobOptions = null as any),
+                        error: /blobOptions.*object.*null/g,
+                    },
+                    // blobOptions.seed
+                    {
+                        name: "should accept number blobOptions seed",
+                        edit: (keyframe) => (keyframe.blobOptions.seed = 123),
+                    },
+                    {
+                        name: "should accept string blobOptions seed",
+                        edit: (keyframe) => (keyframe.blobOptions.seed = "test"),
+                    },
+                    {
+                        name: "should reject undefined blobOptions seed",
+                        edit: (keyframe) => delete keyframe.blobOptions.seed,
+                        error: /seed.*string.*number.*undefined/g,
+                    },
+                    {
+                        name: "should reject broken blobOptions seed",
+                        edit: (keyframe) => (keyframe.blobOptions.seed = NaN),
+                        error: /seed.*string.*number.*NaN/g,
+                    },
+                    // blobOptions.extraPoints
+                    {
+                        name: "should accept valid blobOptions extraPoints",
+                        edit: (keyframe) => (keyframe.blobOptions.extraPoints = 4),
+                    },
+                    {
+                        name: "should reject undefined blobOptions extraPoints",
+                        edit: (keyframe) => delete keyframe.blobOptions.extraPoints,
+                        error: /blobOptions.*extraPoints.*number.*undefined/g,
+                    },
+                    {
+                        name: "should reject broken blobOptions extraPoints",
+                        edit: (keyframe) => (keyframe.blobOptions.extraPoints = NaN),
+                        error: /blobOptions.*extraPoints.*number.*NaN/g,
+                    },
+                    {
+                        name: "should reject negative blobOptions extraPoints",
+                        edit: (keyframe) => (keyframe.blobOptions.extraPoints = -2),
+                        error: /blobOptions.*extraPoints.*invalid/g,
+                    },
+                    // blobOptions.randomness
+                    {
+                        name: "should accept valid blobOptions randomness",
+                        edit: (keyframe) => (keyframe.blobOptions.randomness = 3),
+                    },
+                    {
+                        name: "should reject undefined blobOptions randomness",
+                        edit: (keyframe) => delete keyframe.blobOptions.randomness,
+                        error: /blobOptions.*randomness.*number.*undefined/g,
+                    },
+                    {
+                        name: "should reject broken blobOptions randomness",
+                        edit: (keyframe) => (keyframe.blobOptions.randomness = NaN),
+                        error: /blobOptions.*randomness.*number.*NaN/g,
+                    },
+                    {
+                        name: "should reject negative blobOptions randomness",
+                        edit: (keyframe) => (keyframe.blobOptions.randomness = -10),
+                        error: /blobOptions.*randomness.*invalid/g,
+                    },
+                    // blobOptions.size
+                    {
+                        name: "should accept valid blobOptions size",
+                        edit: (keyframe) => (keyframe.blobOptions.size = 40),
+                    },
+                    {
+                        name: "should reject undefined blobOptions size",
+                        edit: (keyframe) => delete keyframe.blobOptions.size,
+                        error: /blobOptions.*size.*number.*undefined/g,
+                    },
+                    {
+                        name: "should reject broken blobOptions size",
+                        edit: (keyframe) => (keyframe.blobOptions.size = NaN),
+                        error: /blobOptions.*size.*number.*NaN/g,
+                    },
+                    {
+                        name: "should reject negative blobOptions size",
+                        edit: (keyframe) => (keyframe.blobOptions.size = -1),
+                        error: /blobOptions.*size.*invalid/g,
+                    },
+                    // canvasOptions
                     {
                         name: "should accept empty canvasOptions",
                         edit: (keyframe) => (keyframe.canvasOptions = {}),
@@ -144,8 +233,13 @@ describe("animate", () => {
                     },
                     {
                         name: "should reject invalid canvasOptions",
-                        edit: (keyframe) => keyframe.canvasOptions = null as any,
-                        error: /canvasOptions.*object.*null/g
+                        edit: (keyframe) => (keyframe.canvasOptions = null as any),
+                        error: /canvasOptions.*object.*null/g,
+                    },
+                    // canvasOptions.offsetX
+                    {
+                        name: "should accept valid canvasOptions offsetX",
+                        edit: (keyframe) => (keyframe.canvasOptions = {offsetX: 100}),
                     },
                     {
                         name: "should accept undefined canvasOptions offsetX",
@@ -156,6 +250,11 @@ describe("animate", () => {
                         edit: (keyframe) => (keyframe.canvasOptions = {offsetX: NaN}),
                         error: /canvasOptions.*offsetX.*number.*NaN/g,
                     },
+                    // canvasOptions.offsetY
+                    {
+                        name: "should accept valid canvasOptions offsetY",
+                        edit: (keyframe) => (keyframe.canvasOptions = {offsetY: 222}),
+                    },
                     {
                         name: "should accept undefined canvasOptions offsetY",
                         edit: (keyframe) => delete keyframe.canvasOptions?.offsetY,
@@ -205,7 +304,7 @@ describe("animate", () => {
                 // Run all cases when given more than one frame, asserting on a random one.
                 const nthLength = 2 + Math.floor(16 * Math.random());
                 const nthIndex = Math.floor(nthLength * Math.random());
-                describe("nth", () => runSuite(nthLength, nthIndex));
+                describe(`nth (${nthIndex + 1}/${nthLength})`, () => runSuite(nthLength, nthIndex));
             });
         });
     });