Merge pull request #52 from vizzuhq/veghdev

integration test: add option tests

Author: veghdev

test/integration/test_options/style/plot/xAxis/label/backgroundColor/animated/hexa.js

@@ -0,0 +1,18 @@
+import { colors } from "/test/integration/test_options/style/colors.js";
+import { transparency } from "/test/integration/test_options/style/transparency.js";
+
+
+export default class Hexa {
+    static color(url) {
+        let nameParts = url.pathname.split("/").pop().split(".");
+        nameParts.pop();
+        let name = nameParts.slice().join(".");
+        let color1 = name.split("-")[0];
+        let tr1 = name.split("-")[1];
+        let color2 = name.split("-")[2];
+        let tr2 = name.split("-")[3];
+        color1 = "#" + colors[color1].hex + transparency[tr1];
+        color2 = "#" + colors[color2].hex + transparency[tr2];
+        return {color1, color2};
+    }
+}

test/integration/test_options/style/plot/xAxis/label/backgroundColor/animated/hexa/yellow_custom-0.25-blue_custom-0.75.mjs

@@ -0,0 +1,11 @@
+import Chart from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/chart.js";
+import Hexa from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/animated/hexa.js";
+
+
+const testSteps = [
+    Chart.static(Hexa.color(new URL(import.meta.url)).color1),
+    Chart.animated(Hexa.color(new URL(import.meta.url)).color2)
+]
+
+
+export default testSteps

test/integration/test_options/style/plot/xAxis/label/backgroundColor/animated/hexa/yellow_custom-0.75-blue_custom-0.25.mjs

@@ -0,0 +1,11 @@
+import Chart from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/chart.js";
+import Hexa from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/animated/hexa.js";
+
+
+const testSteps = [
+    Chart.static(Hexa.color(new URL(import.meta.url)).color1),
+    Chart.animated(Hexa.color(new URL(import.meta.url)).color2)
+]
+
+
+export default testSteps

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

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

test/integration/test_options/style/plot/xAxis/label/backgroundColor/static/hexa.js

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

test/integration/test_options/style/plot/xAxis/label/backgroundColor/static/hexa/blue_custom-0.25.mjs

@@ -0,0 +1,10 @@
+import Chart from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/chart.js";
+import Hexa from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/static/hexa.js";
+
+
+const testSteps = [
+    Chart.static(Hexa.color(new URL(import.meta.url)))
+]
+
+
+export default testSteps

test/integration/test_options/style/plot/xAxis/label/backgroundColor/static/hexa/blue_custom-0.75.mjs

@@ -0,0 +1,10 @@
+import Chart from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/chart.js";
+import Hexa from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/static/hexa.js";
+
+
+const testSteps = [
+    Chart.static(Hexa.color(new URL(import.meta.url)))
+]
+
+
+export default testSteps

test/integration/test_options/style/plot/xAxis/label/backgroundColor/static/hexa/yellow_custom-0.25.mjs

@@ -0,0 +1,10 @@
+import Chart from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/chart.js";
+import Hexa from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/static/hexa.js";
+
+
+const testSteps = [
+    Chart.static(Hexa.color(new URL(import.meta.url)))
+]
+
+
+export default testSteps

test/integration/test_options/style/plot/xAxis/label/backgroundColor/static/hexa/yellow_custom-0.75.mjs

@@ -0,0 +1,10 @@
+import Chart from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/chart.js";
+import Hexa from "/test/integration/test_options/style/plot/xAxis/label/backgroundColor/static/hexa.js";
+
+
+const testSteps = [
+    Chart.static(Hexa.color(new URL(import.meta.url)))
+]
+
+
+export default testSteps

test/integration/test_options/style/plot/xAxis/label/color/animated/hexa.js

@@ -0,0 +1,18 @@
+import { colors } from "/test/integration/test_options/style/colors.js";
+import { transparency } from "/test/integration/test_options/style/transparency.js";
+
+
+export default class Hexa {
+    static color(url) {
+        let nameParts = url.pathname.split("/").pop().split(".");
+        nameParts.pop();
+        let name = nameParts.slice().join(".");
+        let color1 = name.split("-")[0];
+        let tr1 = name.split("-")[1];
+        let color2 = name.split("-")[2];
+        let tr2 = name.split("-")[3];
+        color1 = "#" + colors[color1].hex + transparency[tr1];
+        color2 = "#" + colors[color2].hex + transparency[tr2];
+        return {color1, color2};
+    }
+}