integration test: restructure option tests

Author: veghdev

test/integration/modules/integration-test/test-case/test-cases.js

@@ -30,6 +30,8 @@ class TestCases {
                         testCasesList = testCasesList.flat(1);
                         Promise.all(filteredTestCasesReadyList).then(filteredTestCasesList => {
                             filteredTestCasesList = filteredTestCasesList.flat(1);
+                            testCasesList.sort();
+                            filteredTestCasesList.sort();
                             return resolve({testCases: testCasesList, filteredTestCases: filteredTestCasesList});
                         });
                     }).catch(err => {

test/integration/test_options/style/colors.js

@@ -0,0 +1,42 @@
+export var colors = {
+    black: {
+        hex: "000000",
+        rgb: "0,0,0"
+    },
+    blue: {
+        hex: "0000FF",
+        rgb: "0,0,255"
+    },
+    blue_custom: {
+        hex: "1A2B3C",
+        rgb: "26,43,60"
+    },
+    lime: {
+        hex: "00FF00",
+        rgb: "0,255,0"
+    },
+    cyan: {
+        hex: "00FFFF",
+        rgb: "0,255,255"
+    },
+    red: {
+        hex: "FF0000",
+        rgb: "255,0,0"
+    },
+    magenta: {
+        hex: "FF00FF",
+        rgb: "255,0,255"
+    },
+    yellow: {
+        hex: "FFFF00",
+        rgb: "255,255,0"
+    },
+    yellow_custom: {
+        hex: "E5D4C3",
+        rgb: "229,212,195"
+    },
+    white: {
+        hex: "FFFFFF",
+        rgb: "255,255,255"
+    }
+};

test/integration/test_options/style/plot/backgroundColor/chart.js

@@ -0,0 +1,37 @@
+import { data } from "/test/integration/test_options/style/plot/backgroundColor/data.js";
+
+
+export default class Chart {
+    static static(color) {
+        return chart => {
+            console.log("plot backgroundColor color: " + color);
+            return chart.animate(
+            {
+                data: data,
+                config : {
+                    channels: {
+                        x: { attach: [ "Foo"] },
+                        y: { attach: [ "Bar"] }
+                    },
+                    title: null,
+                    legend: null,
+                },
+                style: {
+                    plot: { backgroundColor: color }
+                }
+            });
+        }
+    }
+
+    static animated(color) {
+        return chart => {
+            console.log("plot backgroundColor color: " + color);
+            return chart.animate(
+            {
+                style: {
+                    plot: { backgroundColor: color }
+                }
+            })
+        };
+    }
+};

…tyle/plot/backgroundColor/static/data.js …tions/style/plot/backgroundColor/data.jstest/integration/test_options/style/plot/backgroundColor/static/data.js renamed to test/integration/test_options/style/plot/backgroundColor/data.js test/integration/test_options/style/plot/backgroundColor/static/data.js renamed to test/integration/test_options/style/plot/backgroundColor/data.js

@@ -0,0 +1,15 @@
+import { colors } from "/test/integration/test_options/style/colors.js";
+
+
+export default class Hex {
+    static color(url) {
+        let name = url.pathname.split("/").pop().split(".").shift();
+        let color = name.split("-").shift();
+        let type = name.split("-").pop();
+        let ans = "#" + colors[color].hex.toUpperCase();
+        if (type === "lowercase") {
+            ans = ans.toLowerCase();
+        }
+        return ans;
+    }
+}