Merge pull request #609 from vizzuhq/failing_testcases

Failing testcases

test/e2e/accept-changes.cjs

@@ -31,6 +31,8 @@ function copyHashes(failHashFile, refHashFile) {
 
 copyHashes('test_report/results/test_cases/test_cases.json', 'test_cases/test_cases.json')
 copyHashes('test_report/results/tests/style_tests/style_tests.json', 'tests/style_tests.json')
+copyHashes('test_report/results/tests/docs/docs.json', 'tests/docs.json')
 copyHashes('test_report/results/tests/features/features.json', 'tests/features.json')
 copyHashes('test_report/results/tests/fixes/fixes.json', 'tests/fixes.json')
+copyHashes('test_report/results/tests/tickets/tickets.json', 'tests/tickets.json')
 copyHashes('test_report/results/tests/config_tests/config_tests.json', 'tests/config_tests.json')

test/e2e/man.cjs

@@ -42,6 +42,7 @@ The animation of the selected test case will be displayed using the chosen Vizzu
 			'/test/e2e/tests/style_tests.json',
 			'/test/e2e/tests/features.json',
 			'/test/e2e/tests/fixes.json',
+			'/test/e2e/tests/tickets.json',
 			'/test/e2e/tests/docs.json'
 		])
 

test/e2e/test.cjs

@@ -61,6 +61,7 @@ Please note that the test require Chrome, ChromeDriver and Selenium Webdriver to
 			'/test/e2e/tests/style_tests.json',
 			'/test/e2e/tests/features.json',
 			'/test/e2e/tests/fixes.json',
+			'/test/e2e/tests/tickets.json',
 			'/test/e2e/tests/docs.json'
 		])
 

test/e2e/tests/tickets.json

@@ -0,0 +1,47 @@
+{
+	"suite": "/test/e2e/tests/tickets",
+	"test": {
+		"138": {
+			"refs": ["9a881ef"]
+		},
+		"142": {
+			"refs": ["50c45bb"]
+		},
+		"145": {
+			"refs": ["3614647"]
+		},
+		"146": {
+			"refs": ["b7a8d80"]
+		},
+		"255": {
+			"refs": ["29b4a25"]
+		},
+		"268": {
+			"refs": ["af2ddae"]
+		},
+		"300": {
+			"refs": ["604d28a"]
+		},
+		"361": {
+			"refs": ["5173b48"]
+		},
+		"372": {
+			"refs": ["3738bd2"]
+		},
+		"376": {
+			"refs": ["688e9fe"]
+		},
+		"377": {
+			"refs": ["c6798ba"]
+		},
+		"378": {
+			"refs": ["bc76860"]
+		},
+		"397": {
+			"refs": ["f205e84"]
+		},
+		"398": {
+			"refs": ["3a4906a"]
+		}
+	}
+}

test/e2e/tests/tickets/138.mjs

@@ -0,0 +1,22 @@
+const testSteps = [
+	(chart) => {
+		const data = {
+			series: [
+				{ name: 'Foo', values: ['A', 'B', 'C', 'A', 'B', 'C'] },
+				{ name: 'Foo2', values: ['1', '1', '1', '2', '2', '2'] },
+				{ name: 'Bar', values: [15, 32, 12, 3, 2, 4] }
+			]
+		}
+
+		return chart.animate({ data })
+	},
+	(chart) =>
+		chart.animate({
+			x: 'Foo',
+			color: 'Foo2',
+			y: { set: ['Bar', 'Foo2'], range: { max: 1.2 } },
+			align: 'stretch'
+		})
+]
+
+export default testSteps

test/e2e/tests/tickets/142.mjs

@@ -0,0 +1,29 @@
+const testSteps = [
+	(chart) => {
+		const data = {
+			series: [
+				{ name: 'X', values: ['A', 'A', 'A', 'A', 'B', 'B', 'B', 'B'] },
+				{ name: 'Y0', values: ['A', 'A', 'B', 'B', 'A', 'A', 'B', 'B'] },
+				{ name: 'Y1', values: ['A', 'B', 'A', 'B', 'A', 'B', 'A', 'B'] },
+				{ name: 'm', values: [4, 3, 2, 1, 10, 6, 7, -8] },
+				{ name: 'm0', values: [1, 2, 1, 3, 2, 1, 4, 3] },
+				{ name: 'm1', values: [2, 2.5, 3, 1, 1, 3, 2, 1.5] }
+			]
+		}
+
+		return chart.animate({ data })
+	},
+	(chart) =>
+		chart.animate({
+			y: ['Y0', 'm'],
+			x: ['X', 'm0']
+		}),
+	(chart) =>
+		chart.animate({
+			y: ['Y1', 'm'],
+			x: ['X', 'm1'],
+			color: 'Y1'
+		})
+]
+
+export default testSteps

test/e2e/tests/tickets/145.mjs

@@ -0,0 +1,30 @@
+const testSteps = [
+	(chart) => {
+		const data = {
+			series: [
+				{ name: 'X', values: ['A', 'B', 'C', 'D'] },
+				{ name: 'm', values: [3, 1, 2, 4] }
+			]
+		}
+
+		return chart.animate({ data })
+	},
+	(chart) =>
+		chart.animate({
+			config: {
+				y: 'm',
+				x: { set: 'X', range: { min: 1, max: 3 } },
+				geometry: 'line'
+			},
+			style: {
+				paddingRight: 100,
+				paddingLeft: 100
+			}
+		}),
+	(chart) =>
+		chart.animate({
+			x: { range: { min: 0.99, max: 3.01 } }
+		})
+]
+
+export default testSteps

test/e2e/tests/tickets/146.mjs

@@ -0,0 +1,33 @@
+const testSteps = [
+	(chart) => {
+		const data = {
+			series: [
+				{
+					name: 'Colors',
+					type: 'dimension',
+					values: ['red', 'green', 'blue', 'red', 'green', 'blue', 'red', 'green', 'blue']
+				},
+				{
+					name: 'Letters',
+					type: 'dimension',
+					values: ['a', 'a', 'a', 'b', 'b', 'b', 'c', 'c', 'c']
+				},
+				{
+					name: 'Val',
+					type: 'measure',
+					values: [3, -5, 4, -4, 6, 5, -5, 7, 6]
+				}
+			]
+		}
+
+		return chart.animate({ data })
+	},
+	(chart) =>
+		chart.animate({
+			y: ['Colors', 'Val'],
+			x: 'Letters',
+			split: true
+		})
+]
+
+export default testSteps

test/e2e/tests/tickets/255.mjs

@@ -0,0 +1,34 @@
+const testSteps = [
+	(chart) => {
+		const data = {
+			series: [
+				{ name: 'Foo', values: ['Alice', 'Bob', 'Ted'] },
+				{ name: 'Bar', values: [15, 32, 12] },
+				{ name: 'Baz', values: [5, 3, 2] }
+			]
+		}
+
+		return chart.animate({ data })
+	},
+	(chart) =>
+		chart.animate({
+			config: {
+				x: 'Foo',
+				y: { set: 'Bar', markerGuides: true },
+				geometry: 'area'
+			},
+			style: {
+				plot: {
+					marker: {
+						fillOpacity: 0.3,
+						guides: {
+							lineWidth: 2,
+							color: '#FF0000'
+						}
+					}
+				}
+			}
+		})
+]
+
+export default testSteps

test/e2e/tests/tickets/268.mjs

@@ -0,0 +1,27 @@
+const testSteps = [
+	(chart) => {
+		const data = {
+			series: [
+				{ name: 'Foo', values: ['Alice', 'Bob', 'Alice', 'Bob'] },
+				{ name: 'Foo2', values: ['A', 'A', 'B', 'B'] },
+				{ name: 'Bar', values: [15, 32, 12, 23] }
+			]
+		}
+
+		return chart.animate({ data })
+	},
+	(chart) =>
+		chart.animate({
+			x: ['Foo', 'Foo2'],
+			y: 'max(Bar)',
+			color: 'Foo2'
+		}),
+	(chart) =>
+		chart.animate({
+			x: 'Foo',
+			y: 'max(Bar)',
+			color: null
+		})
+]
+
+export default testSteps

test/e2e/tests/tickets/300.mjs

@@ -0,0 +1,29 @@
+const testSteps = [
+	(chart) => {
+		const data = {
+			series: [
+				{ name: 'Foo', values: ['Alice', 'Bob', 'Ted'] },
+				{ name: 'Bar', values: [15, 32, 12] },
+				{ name: 'Baz', values: [5, 3, 2] }
+			]
+		}
+
+		return chart.animate({ data })
+	},
+	(chart) =>
+		chart.animate({
+			title: 'Foo'
+		}),
+	(chart) =>
+		chart.animate({
+			config: {
+				x: 'Foo',
+				y: 'Bar'
+			},
+			style: {
+				paddingLeft: '200px'
+			}
+		})
+]
+
+export default testSteps

test/e2e/tests/tickets/361.mjs

@@ -0,0 +1,23 @@
+const testSteps = [
+	(chart) => {
+		const data = {
+			series: [
+				{ name: 'Foo', values: ['Alice', 'Bob', 'Ted'] },
+				{ name: 'Bar', values: [15, 32, 28] },
+				{ name: 'Baz', values: [5, 3, 2] }
+			]
+		}
+
+		return chart.animate({ data })
+	},
+	(chart) =>
+		chart.animate({
+			x: ['Foo', 'Baz'],
+			y: { set: ['Bar'], range: { max: 20 } },
+			label: 'Bar',
+			color: 'Foo',
+			coordSystem: 'polar'
+		})
+]
+
+export default testSteps

test/e2e/tests/tickets/372.mjs

@@ -0,0 +1,23 @@
+const testSteps = [
+	(chart) => {
+		const data = {
+			series: [
+				{ name: 'Foo', values: ['Alice', 'Bob', 'Ted', 'Alice', 'Bob', 'Ted'] },
+				{ name: 'Foo3', values: ['a', 'a', 'b', 'b', 'c', 'c'] }
+			]
+		}
+
+		return chart.animate({ data })
+	},
+	(chart) =>
+		chart.animate({
+			color: ['Foo']
+		}),
+	(chart) =>
+		chart.animate({
+			color: ['Foo3'],
+			label: ['Foo']
+		})
+]
+
+export default testSteps

test/e2e/tests/tickets/376.mjs

@@ -0,0 +1,29 @@
+const testSteps = [
+	(chart) => {
+		const data = {
+			series: [
+				{ name: 'Foo', values: ['Alice', 'Bob', 'Ted'] },
+				{ name: 'Bar', values: [15, 0.1, 12] }
+			]
+		}
+
+		return chart.animate({ data })
+	},
+	(chart) =>
+		chart.animate({
+			config: {
+				size: 'Bar',
+				color: 'Foo',
+				geometry: 'circle'
+			},
+			style: {
+				plot: {
+					marker: {
+						circleMinRadius: 0.05
+					}
+				}
+			}
+		})
+]
+
+export default testSteps

test/e2e/tests/tickets/377.mjs

@@ -0,0 +1,35 @@
+const testSteps = [
+	(chart) => {
+		const data = {
+			series: [
+				{ name: 'Foo', values: ['Alice', 'Bob', 'Ted'] },
+				{ name: 'Bar', values: [15, 4, 12] }
+			]
+		}
+
+		return chart.animate({ data })
+	},
+	(chart) =>
+		chart.animate(
+			{
+				y: 'Bar'
+			},
+			1
+		),
+	(chart) =>
+		chart.animate({
+			config: {
+				x: 'Foo',
+				color: 'Foo'
+			},
+			style: {
+				plot: {
+					marker: {
+						colorPalette: '#9355e8FF #123456FF #BDAF10FF'
+					}
+				}
+			}
+		})
+]
+
+export default testSteps