Web content. Changed chart titles.

andraskangyal · andraskangyal · commit a7ae60b7d21b · 2021-09-23T15:59:39.000+02:00
diff --git a/test/integration/test_cases/web_content/templates/composition_percentage_column_3dis_1con.mjs b/test/integration/test_cases/web_content/templates/composition_percentage_column_3dis_1con.mjs
@@ -19,7 +19,7 @@ const testSteps = [
     }),
     chart => chart.animate({
         config: {
-            title: 'Check relative differences between the elements',
+            title: '100% Stacked Column Chart',
             align: 'stretch'
         }
     }),
@@ -32,7 +32,7 @@ const testSteps = [
                     }
                 },
             },
-            title: '...or the elements separatelly',
+            title: 'Trellis Column Chart',
             align: 'min',
             split: true
         }
diff --git a/test/integration/test_cases/web_content/templates/composition_percentage_column_stream_3dis_1con.mjs b/test/integration/test_cases/web_content/templates/composition_percentage_column_stream_3dis_1con.mjs
@@ -28,7 +28,7 @@ const testSteps = [
                 color: { set: ['Country'] },
                 noop: { set: null }
             },
-            title: 'Drill down & check the elements separatelly',
+            title: 'Trellis Column Chart',
             split: true,
         }
     }),
@@ -41,13 +41,13 @@ const testSteps = [
                     }
                 }
             },
-            title: '...or together',
+            title: 'Stacked Column Chart',
             split: false
         }
     }),
     chart => chart.animate({
         config: {
-            title: '...or the relative differences between these',
+            title: '100% Column Chart',
             align: 'stretch'
         }
     })
diff --git a/test/integration/test_cases/web_content/templates/distribution_relationship_dotplot_dotplot.mjs b/test/integration/test_cases/web_content/templates/distribution_relationship_dotplot_dotplot.mjs
@@ -10,7 +10,7 @@ const testSteps = [
                 color: { set: ['Joy factors'] },
                 noop: { set: ['Country_code'] } //The noop channel splits the markers as all the other channels but will have no effect on the markers’ appearance.
             },
-            title: 'Distribution',
+            title: 'Dot Plot',
             geometry: 'circle'
         },
         style: {
@@ -27,7 +27,7 @@ const testSteps = [
                 x: { set: ['Joy factors', 'Value 6 (+/-)'] },
                 label: { set: ['Country_code'] }
             },
-            title: 'Relationship'
+            title: 'Scatter Plot'
         }
     })
 ];
diff --git a/test/integration/test_cases/web_content/templates/drilldown_aggregate_line.mjs b/test/integration/test_cases/web_content/templates/drilldown_aggregate_line.mjs
@@ -23,8 +23,7 @@ const testSteps = [
             channels: {
                 color: { set: ['Country'] },
                 size: { set: null } // We don’t need this dimension here anymore since it’s already on the 'color' channel.
-            },
-            title: 'Drill Down'
+            }
         }
     }),
     chart => chart.animate({
@@ -35,8 +34,7 @@ const testSteps = [
                         max: 'auto' // Setting back the y-axis range to the default value.
                     }
                 },
-            },
-            title: 'Drilled Line Chart'
+            }
         }
     })
 ];
diff --git a/test/integration/test_cases/web_content/templates/merge_split_area_stream_3dis_1con.mjs b/test/integration/test_cases/web_content/templates/merge_split_area_stream_3dis_1con.mjs
@@ -28,7 +28,7 @@ const testSteps = [
                         }
                     }
                 },
-                title: 'Check the elements separatelly',
+                title: 'Trellis Area Chart',
                 split: true,
                 align: 'min'
             }
diff --git a/test/integration/test_cases/web_content/templates/merge_split_bar.mjs b/test/integration/test_cases/web_content/templates/merge_split_bar.mjs
@@ -18,7 +18,7 @@ const testSteps = [
     }),
     chart => chart.animate({
         config: {
-            title: 'Check the elements separatelly',
+            title: 'Trellis Bar Chart',
             split: true
         }
     })
diff --git a/test/integration/test_cases/web_content/templates/merge_split_radial_stacked_rectangle_2dis_1con.mjs b/test/integration/test_cases/web_content/templates/merge_split_radial_stacked_rectangle_2dis_1con.mjs
@@ -14,7 +14,7 @@ const testSteps = [
                 },
                 color: { set: ['Country'] }
             },
-            title: 'Stacked Radial Bar Chart',
+            title: 'Radial Bar Chart',
             coordSystem: 'polar'
         },
         style: { // This chart type no needs axles and axis labels, except small size yAxis labels. 
@@ -35,7 +35,7 @@ const testSteps = [
     }),
     chart => chart.animate({
         config: {
-            title: 'Splitted Radial Bar Chart',
+            title: 'Trellis Radial Bar Chart',
             split: true
         }
     })
diff --git a/test/integration/test_cases/web_content/templates/orientation_circle.mjs b/test/integration/test_cases/web_content/templates/orientation_circle.mjs
@@ -10,7 +10,7 @@ const testSteps = [
                 lightness: { set: ['Joy factors'] }, // Lightness channel not necessary but helps to fallow during the animation how spreading categories of the first chart.
                 noop: { set: ['Year'] } //The noop channel splits the markers as all the other channels but will have no effect on the markers’ appearance. 
             },
-            title: 'Distribution by Y',
+            title: 'Dot Plot',
             geometry: 'circle'
         }
     }),
@@ -20,8 +20,7 @@ const testSteps = [
                 x: { set: ['Year'] },
                 y: { set: ['Value 5 (+/-)'] },
                 noop: { set: ['Joy factors'] }
-            },
-            title: 'Distribution by X'
+            }
         }
     })
 ];
diff --git a/test/integration/test_cases/web_content/templates/orientation_dot_circle.mjs b/test/integration/test_cases/web_content/templates/orientation_dot_circle.mjs
@@ -10,7 +10,7 @@ const testSteps = [
                 noop: { set: ['Joy factors'] }, //The noop channel splits the markers as all the other channels but will have no effect on the markers’ appearance.
                 lightness: { set: ['Year'] } // Lightness channel is used to assist the viewer in following the animation.
             },
-            title: 'Relationship by X, Y',
+            title: 'Scatter Plot',
             geometry: 'circle'
         }
     }),
@@ -20,7 +20,7 @@ const testSteps = [
                 x: { set: ['Year'] },
                 y: { set: ['Value 6 (+/-)'] }
             },
-            title: 'Distribution by X',
+            title: 'Dot Plot',
             legend: 'lightness'
         }
     }),
@@ -30,7 +30,7 @@ const testSteps = [
                 x: { set: ['Value 5 (+/-)'] },
                 y: { set: ['Value 6 (+/-)'] }
             },
-            title: 'Relationship by X, Y'
+            title: 'Scatter Plot'
         }
     }),
     chart => chart.animate({
@@ -40,7 +40,7 @@ const testSteps = [
                 y: { set: ['Joy factors'] },
                 noop: { set: null }
             },
-            title: 'Distribution by Y'
+            title: 'Dot Plot'
         }
     }),
     chart => chart.animate({
@@ -50,7 +50,7 @@ const testSteps = [
                 y: { set: ['Value 6 (+/-)'] },
                 noop: { set: ['Joy factors'] },
             },
-            title: 'Relationship by X, Y'
+            title: 'Scatter Plot'
         }
     })
 ];
diff --git a/test/integration/test_cases/web_content/templates/orientation_rectangle.mjs b/test/integration/test_cases/web_content/templates/orientation_rectangle.mjs
@@ -20,7 +20,7 @@ const testSteps = [
         y: { set: ['Categ. Parent'] },
       },
       legend: null,
-      title: 'Values can be stacked by the other axis too.',
+      title: 'Stacked Bar Chart',
     }
   }),
   chart => chart.animate({
diff --git a/test/integration/test_cases/web_content/templates/relationship_comparison_circle_2_bubble_plot.mjs b/test/integration/test_cases/web_content/templates/relationship_comparison_circle_2_bubble_plot.mjs
@@ -11,7 +11,7 @@ const testSteps = [
                 size: { set: ['Value 2 (+)'] },
                 label: { set: ['Country_code'] }
             },
-            title: 'Relationship',
+            title: 'Bubble Plot',
             geometry: 'circle'
         }
     }),
@@ -22,15 +22,15 @@ const testSteps = [
                 y: { set: null },
                 size: { set: ['Value 2 (+)', 'Country_code'] } // With a dimension on the size channel Vizzu will stack the elements by the categories on the other channels on charts without coordinates. Here the Country code dimension is used to stack the bubbles by the dimension on the color channel. 
             },
-            title: 'Stacked Comparison'
+            title: 'Stacked Bubble Chart'
         }
     }),
     chart => chart.animate({
         config: {
             channels: {
                 size: { set: ['Value 2 (+)'] } // The stacking is eliminated when we remove the extra dimension from the size channel. 
             },
-            title: 'Comparison'
+            title: 'Bubble Chart'
         }
     })
 ];
diff --git a/test/integration/test_cases/web_content/templates/relationship_total_bubble_plot_column.mjs b/test/integration/test_cases/web_content/templates/relationship_total_bubble_plot_column.mjs
@@ -11,7 +11,7 @@ const testSteps = [
                 size: { set: ['Value 2 (+)'] },
                 label: { set: ['Country_code'] }
             },
-            title: 'Realationship',
+            title: 'Bubble Plot',
             geometry: 'circle'
         }
     }
@@ -23,7 +23,7 @@ const testSteps = [
                 x: { set: ['Value 2 (+)', 'Country_code'] },
                 label: { set: null }
             },
-            title: 'Total',
+            title: 'Bar Chart',
             geometry: 'rectangle',
             orientation: 'vertical'
         }
@@ -40,8 +40,7 @@ const testSteps = [
             channels: {
                 x: { set: ['Value 2 (+)'] },
                 label: { set: ['Value 2 (+)'] }
-            },
-            title: 'Total'
+            }
         }
     })
 ];
diff --git a/test/integration/test_cases/web_content/templates/stack_group_area_line.mjs b/test/integration/test_cases/web_content/templates/stack_group_area_line.mjs
@@ -15,7 +15,7 @@ const testSteps = [
         label: { set: ['Values 1'] },
         color: { set: ['Categ. Parent'] },
       },
-      title: 'Total',
+      title: 'Stacked Area Chart',
       geometry: 'area'
     }
   }),
@@ -24,7 +24,7 @@ const testSteps = [
       channels: {
         y: { set: ['Values 1'] }
       },
-      title: 'The elements separatelly',
+      title: 'Line Chart',
       geometry: 'line'
     }
   }),
diff --git a/test/integration/test_cases/web_content/templates/stack_group_circle.mjs b/test/integration/test_cases/web_content/templates/stack_group_circle.mjs
@@ -9,7 +9,7 @@ const testSteps = [
                 size: { set: ['Value 2 (+)'] },
                 label: { set: ['Country_code'] }
             },
-            title: 'Comparison',
+            title: 'Bubble Chart',
             geometry: 'circle'
         }
     }),
@@ -18,7 +18,7 @@ const testSteps = [
             channels: {
                 size: { set: ['Value 2 (+)', 'Country_code'] }
             },
-            title: 'Stacked Comparison'
+            title: 'Stacked Bubble Chart'
         },
         style: {
             plot: {
diff --git a/test/integration/test_cases/web_content/templates/stack_group_treemap.mjs b/test/integration/test_cases/web_content/templates/stack_group_treemap.mjs
@@ -11,7 +11,7 @@ const testSteps = [
         color: { set: ['Joy factors'] },
         label: { set: ['Country_code'] }
       },
-      title: 'Treemap Comparision.',
+      title: 'Treemap.',
       geometry: 'rectangle'
     }
   }),
@@ -20,7 +20,7 @@ const testSteps = [
       channels: {
         size: { set: ['Value 2 (+)', 'Country_code'] } // With a dimension on the size channel Vizzu will stack the elements by the categories on the other channels on charts without coordinates. Here the Country code dimension is used to stack the bubbles by the dimension on the color channel. 
       },
-      title: 'Treemap Stacked.'
+      title: 'Stacked Treemap.'
     }
   })
 ];
diff --git a/test/integration/test_cases/web_content/templates/total_element_bubble_2_bar.mjs b/test/integration/test_cases/web_content/templates/total_element_bubble_2_bar.mjs
@@ -9,7 +9,7 @@ const testSteps = [
                 label: { set: ['Country_code'] },
                 size: { set: ['Country_code', 'Value 2 (+)'] } // With a dimension on the size channel Vizzu will stack the elements by the categories on the other channels on charts without coordinates. Here the Country code dimension is used to stack the bubbles by the dimension on the color channel. 
             },
-            title: 'Elements',
+            title: 'Stacked Bubble Chart',
             geometry: 'circle'
         }
     }),
@@ -21,7 +21,7 @@ const testSteps = [
                 label: { set: null },
                 size: { set: null } // The stacking is eliminated when we remove the extra dimension from the size channel. 
             },
-            title: 'Total',
+            title: 'Bar Chart',
             geometry: 'rectangle',
             orientation: 'vertical'
         }
diff --git a/test/integration/test_cases/web_content/templates/total_element_bubble_column.mjs b/test/integration/test_cases/web_content/templates/total_element_bubble_column.mjs
@@ -9,7 +9,7 @@ const testSteps = [
                 label: { set: ['Country_code'] },
                 size: { set: ['Country_code', 'Value 2 (+)'] }  // With a dimension on the size channel Vizzu will stack the elements by the categories on the other channels on charts without coordinates. Here the Country code dimension is used to stack the bubbles by the dimension on the color channel. 
             },
-            title: 'Elements',
+            title: 'Stacked Bubble Chart',
             geometry: 'circle'
         }
     }),
@@ -21,7 +21,7 @@ const testSteps = [
                 label: { set: null },
                 size: { set: null } // The stacking is eliminated when we remove the extra dimension from the size channel. 
             },
-            title: 'Total',
+            title: 'Column Chart',
             geometry: 'rectangle',
             orientation: 'vertical'
         }
diff --git a/test/integration/test_cases/web_content/templates/total_time_area_bar.mjs b/test/integration/test_cases/web_content/templates/total_time_area_bar.mjs
@@ -10,7 +10,7 @@ const testSteps = [
                 y: { set: ['Country', 'Value 2 (+)'] },
                 color: { set: ['Country'] },
             },
-            title: 'Time distribution',
+            title: 'Stacked Area Chart',
             geometry: 'area'
         },
         style: {
@@ -32,6 +32,7 @@ const testSteps = [
                     }
                 }
             },
+            title: 'Trellis Area Chart',
             split: true
         }
     }),
@@ -41,7 +42,7 @@ const testSteps = [
                 x: { set: ['Value 2 (+)', 'Year'] },
                 y: { detach: ['Value 2 (+)'] }
             },
-            title: 'Total',
+            title: 'Bar Chart',
             geometry: 'rectangle',
             split: false,
         },
diff --git a/test/integration/test_cases/web_content/templates/total_time_area_column.mjs b/test/integration/test_cases/web_content/templates/total_time_area_column.mjs
@@ -9,13 +9,14 @@ const testSteps = [
                 x: { set: ['Year'] },
                 color: { set: ['Joy factors'] },
             },
-            title: 'Time distribution',
+            title: 'Stacked Area Chart',
             geometry: 'area'
         }
     }),
     chart => chart.animate({
         config: {
-            split: true
+            split: true,
+            title: 'Trellis Area Chart'
         }
     }),
     chart => chart.animate({
@@ -24,7 +25,7 @@ const testSteps = [
                 y: { set: ['Value 2 (+)', 'Year'] },
                 x: { set: ['Joy factors'] }
             },
-            title: 'Total',
+            title: 'Column Chart',
             geometry: 'rectangle',
             split: false
         }
diff --git a/test/integration/test_cases/web_content/templates/total_time_bar_line.mjs b/test/integration/test_cases/web_content/templates/total_time_bar_line.mjs
diff --git a/test/integration/test_cases/web_content/templates/total_time_column_line.mjs b/test/integration/test_cases/web_content/templates/total_time_column_line.mjs
diff --git a/test/integration/test_cases/web_content/templates/zoom_area.mjs b/test/integration/test_cases/web_content/templates/zoom_area.mjs
diff --git a/test/integration/test_cases/web_content/templates/zoom_line.mjs b/test/integration/test_cases/web_content/templates/zoom_line.mjs

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ const testSteps = [`
`19`	`19`	`}),`
`20`	`20`	`chart => chart.animate({`
`21`	`21`	`config: {`
`22`		`- title: 'Check relative differences between the elements',`
	`22`	`+ title: '100% Stacked Column Chart',`
`23`	`23`	`align: 'stretch'`
`24`	`24`	`}`
`25`	`25`	`}),`
`@@ -32,7 +32,7 @@ const testSteps = [`
`32`	`32`	`}`
`33`	`33`	`},`
`34`	`34`	`},`
`35`		`- title: '...or the elements separatelly',`
	`35`	`+ title: 'Trellis Column Chart',`
`36`	`36`	`align: 'min',`
`37`	`37`	`split: true`
`38`	`38`	`}`
Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ const testSteps = [`
`28`	`28`	`color: { set: ['Country'] },`
`29`	`29`	`noop: { set: null }`
`30`	`30`	`},`
`31`		`- title: 'Drill down & check the elements separatelly',`
	`31`	`+ title: 'Trellis Column Chart',`
`32`	`32`	`split: true,`
`33`	`33`	`}`
`34`	`34`	`}),`
`@@ -41,13 +41,13 @@ const testSteps = [`
`41`	`41`	`}`
`42`	`42`	`}`
`43`	`43`	`},`
`44`		`- title: '...or together',`
	`44`	`+ title: 'Stacked Column Chart',`
`45`	`45`	`split: false`
`46`	`46`	`}`
`47`	`47`	`}),`
`48`	`48`	`chart => chart.animate({`
`49`	`49`	`config: {`
`50`		`- title: '...or the relative differences between these',`
	`50`	`+ title: '100% Column Chart',`
`51`	`51`	`align: 'stretch'`
`52`	`52`	`}`
`53`	`53`	`})`
Original file line number	Diff line number	Diff line change
`@@ -23,8 +23,7 @@ const testSteps = [`
`23`	`23`	`channels: {`
`24`	`24`	`color: { set: ['Country'] },`
`25`	`25`	`size: { set: null } // We don’t need this dimension here anymore since it’s already on the 'color' channel.`
`26`		`- },`
`27`		`- title: 'Drill Down'`
	`26`	`+ }`
`28`	`27`	`}`
`29`	`28`	`}),`
`30`	`29`	`chart => chart.animate({`
`@@ -35,8 +34,7 @@ const testSteps = [`
`35`	`34`	`max: 'auto' // Setting back the y-axis range to the default value.`
`36`	`35`	`}`
`37`	`36`	`},`
`38`		`- },`
`39`		`- title: 'Drilled Line Chart'`
	`37`	`+ }`
`40`	`38`	`}`
`41`	`39`	`})`
`42`	`40`	`];`
Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ const testSteps = [`
`18`	`18`	`}),`
`19`	`19`	`chart => chart.animate({`
`20`	`20`	`config: {`
`21`		`- title: 'Check the elements separatelly',`
	`21`	`+ title: 'Trellis Bar Chart',`
`22`	`22`	`split: true`
`23`	`23`	`}`
`24`	`24`	`})`
Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@ const testSteps = [`
`20`	`20`	`y: { set: ['Categ. Parent'] },`
`21`	`21`	`},`
`22`	`22`	`legend: null,`
`23`		`- title: 'Values can be stacked by the other axis too.',`
	`23`	`+ title: 'Stacked Bar Chart',`
`24`	`24`	`}`
`25`	`25`	`}),`
`26`	`26`	`chart => chart.animate({`