@datarailsshared/dr_renderer 1.5.105 → 1.5.114

package/tests/__snapshots__/suboptions.test.js.snap

@@ -0,0 +1,5017 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart area-chart defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "showAllLegends": false,
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart area-chart-smooth defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "showAllLegends": false,
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart bar-chart defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "showAllLegends": false,
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart bar-chart-stacked defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "showAllLegends": false,
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart bar-chart-stacked-percent defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "showAllLegends": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "hide_subtotals": false,
+    "overlap": false,
+    "shadow": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart column-chart defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "zoom_type": "None",
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_filter_zero": false,
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": false,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart column-chart-stacked defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "showAllLegends": false,
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "hide_subtotals": false,
+    "overlap": false,
+    "present_total": false,
+    "shadow": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_percentage": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": false,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart column-chart-stacked-percent defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "showAllLegends": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "hide_subtotals": false,
+    "overlap": false,
+    "shadow": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": false,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart donut-chart defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "zoom_type": "None",
+  },
+  "chart_position": Object {
+    "margin_bottom": 0,
+    "margin_left": 0,
+    "margin_right": 0,
+    "margin_top": 0,
+    "spacing_bottom": 0,
+    "spacing_left": 0,
+    "spacing_right": 0,
+    "spacing_top": 0,
+  },
+  "label_pie": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": false,
+    "show_percentage_in_labels": false,
+    "show_value_in_labels": true,
+    "use_area_color": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_percentage": false,
+    "show_value": true,
+  },
+  "total_value_label": Object {
+    "total_value_label_text": "Total",
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart gauge-chart-enhanced defaults match snapshot 1`] = `
+Object {
+  "goal": Object {
+    "title": "Goal",
+    "value": 1000000,
+  },
+  "isAbsoluteValue": false,
+  "label": Object {
+    "font_color": "#333",
+    "font_size": 16,
+    "font_style": "Poppins",
+    "goal_name": "Goal",
+    "show": true,
+    "show_goal_name": true,
+    "show_percentage_in_segments": false,
+    "show_percentage_in_value": false,
+  },
+  "segments": Array [
+    Object {
+      "color": "#BF1D30",
+      "from": 0,
+      "title": "Low",
+      "to": 50,
+    },
+    Object {
+      "color": "#FFA310",
+      "from": 50,
+      "title": "Medium",
+      "to": 90,
+    },
+    Object {
+      "color": "#037C5A",
+      "from": 90,
+      "title": "High",
+      "to": 100,
+    },
+  ],
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "show_column_total": true,
+    "table_colors_offset": 0,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart kpi-widget defaults match snapshot 1`] = `
+Object {
+  "legends_position": Object {
+    "value": "",
+  },
+  "name": Object {
+    "name": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "range": Object {
+    "high": 90,
+    "low": 10,
+    "max": 1000,
+    "medium": 50,
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "value": Object {
+    "value": "Sum",
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart line-chart defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "showAllLegends": false,
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart line-chart-forecast defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "actuals": "Solid",
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "forecast": "Dash",
+    "show": true,
+    "showAllLegends": false,
+    "smart_query": true,
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart line-chart-smooth defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "showAllLegends": false,
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart pie-chart defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "zoom_type": "None",
+  },
+  "label_pie": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": false,
+    "show_percentage_in_labels": false,
+    "show_value_in_labels": true,
+    "use_area_color": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_percentage": false,
+    "show_value": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart pie-chart-drilldown defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "zoom_type": "None",
+  },
+  "label_pie": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": false,
+    "show_percentage_in_labels": false,
+    "show_value_in_labels": true,
+    "use_area_color": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_percentage": false,
+    "show_value": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart polygon-chart defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart scatter-chart defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "showAllLegends": false,
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart table_only defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "delta_column": Object {
+    "chart": "",
+    "color": "",
+    "field": "",
+    "formula": "x2-x1",
+    "is_percentage": false,
+    "name": "_Variance",
+    "only_variant": false,
+    "same_xaxis": false,
+    "same_yaxis": false,
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart text-widget defaults match snapshot 1`] = `
+Object {
+  "legends_position": Object {
+    "value": "",
+  },
+  "name": Object {
+    "name": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "table_design_options": Object {
+    "columns_font_size": "11",
+    "columns_font_style": "Poppins",
+    "columns_text_alignment": "left",
+    "rows_font_size": "11",
+    "rows_font_style": "Poppins",
+    "rows_text_alignment": "left",
+    "subtotals_font_size": "11",
+    "subtotals_font_style": "Poppins",
+    "subtotals_text_alignment": "right",
+    "values_font_size": "11",
+    "values_font_style": "Poppins",
+    "values_text_alignment": "right",
+  },
+  "table_options": Object {
+    "colorize_headers": true,
+    "eliminate_calc_totals": false,
+    "freeze_panes": false,
+    "hide_nulls_in_headers": true,
+    "remove_underscores": true,
+    "show_all": false,
+    "show_column_total": true,
+    "show_more_than_thousand_rows": false,
+    "show_row_total": true,
+    "show_subtotals_for_columns": false,
+    "show_subtotals_for_rows": false,
+    "show_subtotals_in_brackets": false,
+    "start_collapsed_columns": false,
+    "start_collapsed_rows": false,
+    "table_colors_offset": 0,
+    "transpose_table": true,
+    "use_handsOnTable": false,
+    "use_new_table_design": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart waterfall-chart-breakdown defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "zoom_type": "None",
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions getDefaultValueForChart waterfall-chart-walkthrough defaults match snapshot 1`] = `
+Object {
+  "advanced": Object {
+    "error_policy": "None",
+    "from_latest": "",
+  },
+  "axisX": Object {
+    "autoxlabel": true,
+    "label_step": null,
+    "max": null,
+    "min": null,
+    "name": "",
+    "zoom_x": false,
+  },
+  "axisY": Object {
+    "autoylabel": true,
+    "max": null,
+    "min": null,
+    "name": "",
+  },
+  "chart": Object {
+    "colors_offset": 0,
+    "dislay_empty_values": false,
+    "show": true,
+    "zoom_type": "None",
+  },
+  "label": Object {
+    "font_color": "#151a41",
+    "font_size": "11",
+    "font_style": "Poppins",
+    "overlap": false,
+    "show": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "vertical": false,
+  },
+  "legends_position": Object {
+    "value": "",
+  },
+  "negative_number_format": Object {
+    "format": "",
+  },
+  "subtitle": Object {
+    "subtitle": "",
+  },
+  "tooltips": Object {
+    "font_color": "#545a6b",
+    "font_size": "12",
+    "font_style": "Poppins",
+    "show": true,
+    "show_data_series": true,
+    "show_out_of_data_series": false,
+    "show_out_of_x_axis": false,
+    "show_value": true,
+    "show_x_axis": true,
+  },
+  "widget_library": Object {
+    "categories": "",
+    "description": "",
+    "tags": Array [],
+  },
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots advanced structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Advanced",
+  "category_type": "advanced",
+  "elements": Array [
+    Object {
+      "default_value": "None",
+      "element_label": "Error Policy",
+      "element_options": Array [
+        Object {
+          "label": "None",
+          "value": "None",
+        },
+        Object {
+          "label": "Error",
+          "value": "Error",
+        },
+        Object {
+          "label": "Zero (0)",
+          "value": "0",
+        },
+      ],
+      "element_type": "radio",
+      "value_name": "error_policy",
+    },
+    Object {
+      "default_value": "",
+      "element_label": "Version",
+      "element_options": Array [
+        Object {
+          "label": "All time dimensions",
+          "value": "",
+        },
+        Object {
+          "label": "Submitted",
+          "value": "latest_submitted",
+        },
+        Object {
+          "label": "Most recent time period",
+          "value": "latest_in_last_chronology_date_dimension",
+        },
+        Object {
+          "label": "Most recent time period in each filebox",
+          "value": "latest_in_last_chronology_date_dimension_in_every_fbs",
+        },
+      ],
+      "element_sub_title": "From latest:",
+      "element_type": "radio",
+      "value_name": "from_latest",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots axisX structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "X Axis",
+  "category_type": "axisX",
+  "elements": Array [
+    Object {
+      "default_value": true,
+      "element_label": "Auto label x axis",
+      "element_type": "checkbox",
+      "value_name": "autoxlabel",
+    },
+    Object {
+      "default_value": "",
+      "element_label": "X axis label",
+      "element_type": "input",
+      "onChange": "[Function]",
+      "value_name": "name",
+    },
+    Object {
+      "default_value": null,
+      "element_label": "Min",
+      "element_type": "input",
+      "value_name": "min",
+    },
+    Object {
+      "default_value": null,
+      "element_label": "Max",
+      "element_type": "input",
+      "value_name": "max",
+    },
+    Object {
+      "default_value": null,
+      "element_label": "Label step",
+      "element_type": "input",
+      "label_tooltip": "Show indicators at custom numeric interval",
+      "value_name": "label_step",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Zoom x",
+      "element_type": "checkbox",
+      "value_name": "zoom_x",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots axisY structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Y Axis",
+  "category_type": "axisY",
+  "elements": Array [
+    Object {
+      "default_value": true,
+      "element_label": "Auto label y axis",
+      "element_type": "checkbox",
+      "value_name": "autoylabel",
+    },
+    Object {
+      "default_value": "",
+      "element_label": "Y axis label",
+      "element_type": "input",
+      "onChange": "[Function]",
+      "value_name": "name",
+    },
+    Object {
+      "default_value": null,
+      "element_label": "Min",
+      "element_type": "input",
+      "value_name": "min",
+    },
+    Object {
+      "default_value": null,
+      "element_label": "Max",
+      "element_type": "input",
+      "value_name": "max",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots axisY_percent_stacked structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Y Axis",
+  "category_type": "axisY",
+  "elements": Array [
+    Object {
+      "default_value": true,
+      "element_label": "Auto label y axis",
+      "element_type": "checkbox",
+      "value_name": "autoylabel",
+    },
+    Object {
+      "default_value": "",
+      "element_label": "Y axis label",
+      "element_type": "input",
+      "onChange": "[Function]",
+      "value_name": "name",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots chart structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Chart",
+  "category_type": "chart",
+  "elements": Array [
+    Object {
+      "default_value": 0,
+      "element_label": "Colors offset",
+      "element_type": "input",
+      "value_name": "colors_offset",
+    },
+    Object {
+      "default_value": "None",
+      "element_label": "Zoom type",
+      "element_options": Array [
+        Object {
+          "label": "None",
+          "value": "None",
+        },
+        Object {
+          "label": "x",
+          "value": "x",
+        },
+        Object {
+          "label": "y",
+          "value": "y",
+        },
+        Object {
+          "label": "xy",
+          "value": "xy",
+        },
+      ],
+      "element_type": "radio",
+      "value_name": "zoom_type",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Show grid",
+      "element_type": "checkbox",
+      "value_name": "show",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Display empty values",
+      "element_type": "checkbox",
+      "value_name": "dislay_empty_values",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots chart_forecast structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Chart",
+  "category_type": "chart",
+  "elements": Array [
+    Object {
+      "default_value": 0,
+      "element_label": "Colors offset",
+      "element_type": "input",
+      "value_name": "colors_offset",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Show grid",
+      "element_type": "checkbox",
+      "value_name": "show",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Show legends over 10",
+      "element_type": "checkbox",
+      "value_name": "showAllLegends",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Display empty values",
+      "element_type": "checkbox",
+      "value_name": "dislay_empty_values",
+    },
+    Object {
+      "element_label": "Chart Patterns",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Forecast Chart",
+      "element_type": "text",
+      "value_name": "smart_query",
+    },
+    Object {
+      "default_value": "Solid",
+      "element_label": "Actuals",
+      "element_options": Array [
+        Object {
+          "label": "Solid",
+          "value": "solid",
+        },
+        Object {
+          "label": "Dash",
+          "value": "dash",
+        },
+      ],
+      "element_type": "select",
+      "value_name": "actuals",
+    },
+    Object {
+      "default_value": "Dash",
+      "element_label": "Forecast",
+      "element_options": Array [
+        Object {
+          "label": "Solid",
+          "value": "solid",
+        },
+        Object {
+          "label": "Dash",
+          "value": "dash",
+        },
+      ],
+      "element_type": "select",
+      "value_name": "forecast",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots chart_grid structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Chart",
+  "category_type": "chart",
+  "elements": Array [
+    Object {
+      "default_value": 0,
+      "element_label": "Colors offset",
+      "element_type": "input",
+      "value_name": "colors_offset",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Show grid",
+      "element_type": "checkbox",
+      "value_name": "show",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Show legends over 10",
+      "element_type": "checkbox",
+      "value_name": "showAllLegends",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Display empty values",
+      "element_type": "checkbox",
+      "value_name": "dislay_empty_values",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots chart_position structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Chart position",
+  "category_type": "chart_position",
+  "elements": Array [
+    Object {
+      "default_value": 0,
+      "element_label": "Marging top",
+      "element_type": "input",
+      "value_name": "margin_top",
+    },
+    Object {
+      "default_value": 0,
+      "element_label": "Marging right",
+      "element_type": "input",
+      "value_name": "margin_right",
+    },
+    Object {
+      "default_value": 0,
+      "element_label": "Marging bottom",
+      "element_type": "input",
+      "value_name": "margin_bottom",
+    },
+    Object {
+      "default_value": 0,
+      "element_label": "Marging left",
+      "element_type": "input",
+      "value_name": "margin_left",
+    },
+    Object {
+      "default_value": 0,
+      "element_label": "Spacing top",
+      "element_type": "input",
+      "value_name": "spacing_top",
+    },
+    Object {
+      "default_value": 0,
+      "element_label": "Spacing right",
+      "element_type": "input",
+      "value_name": "spacing_right",
+    },
+    Object {
+      "default_value": 0,
+      "element_label": "Spacing bottom",
+      "element_type": "input",
+      "value_name": "spacing_bottom",
+    },
+    Object {
+      "default_value": 0,
+      "element_label": "Spacing left",
+      "element_type": "input",
+      "value_name": "spacing_left",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots delta_column structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Variance",
+  "category_type": "delta_column",
+  "elements": Array [
+    Object {
+      "default_value": "",
+      "element_label": "Select Field",
+      "element_options": Array [
+        Object {
+          "label": "None",
+          "value": "",
+        },
+        Object {
+          "label": "Axis",
+          "value": "category",
+        },
+        Object {
+          "label": "Legend",
+          "value": "series",
+        },
+      ],
+      "element_type": "radio",
+      "value_name": "field",
+    },
+    Object {
+      "default_value": "_Variance",
+      "element_label": "Name",
+      "element_type": "input",
+      "value_name": "name",
+    },
+    Object {
+      "default_value": "x2-x1",
+      "element_label": "Formula",
+      "element_type": "input",
+      "value_name": "formula",
+    },
+    Object {
+      "default_value": "",
+      "element_label": "Color",
+      "element_type": "input",
+      "value_name": "color",
+    },
+    Object {
+      "default_value": "",
+      "element_label": "Chart",
+      "element_options": Array [
+        Object {
+          "label": "Markers",
+          "value": "",
+        },
+        Object {
+          "label": "Line",
+          "value": "line",
+        },
+        Object {
+          "label": "Smooth Line",
+          "value": "spline",
+        },
+        Object {
+          "label": "Column",
+          "value": "column",
+        },
+        Object {
+          "label": "Area",
+          "value": "area",
+        },
+        Object {
+          "label": "Smooth Area",
+          "value": "areaspline",
+        },
+      ],
+      "element_type": "radio",
+      "value_name": "chart",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Only variance",
+      "element_type": "checkbox",
+      "value_name": "only_variant",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Same yAxis",
+      "element_type": "checkbox",
+      "hidden": true,
+      "value_name": "same_yaxis",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Same xAxis",
+      "element_type": "checkbox",
+      "value_name": "same_xaxis",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Percentage",
+      "element_type": "checkbox",
+      "hidden": true,
+      "value_name": "is_percentage",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots delta_column_for_drill_down structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Variance",
+  "category_type": "delta_column",
+  "elements": Array [
+    Object {
+      "default_value": "",
+      "element_label": "Select Field",
+      "element_options": Array [
+        Object {
+          "label": "None",
+          "value": "",
+        },
+        Object {
+          "label": "Axis",
+          "value": "category",
+        },
+        Object {
+          "label": "Legend",
+          "value": "series",
+        },
+      ],
+      "element_type": "radio",
+      "value_name": "field",
+    },
+    Object {
+      "default_value": "_Variance",
+      "element_label": "Name",
+      "element_type": "input",
+      "value_name": "name",
+    },
+    Object {
+      "default_value": "x2-x1",
+      "element_label": "Formula",
+      "element_type": "input",
+      "value_name": "formula",
+    },
+    Object {
+      "default_value": "",
+      "element_label": "Color",
+      "element_type": "input",
+      "value_name": "color",
+    },
+    Object {
+      "default_value": "",
+      "element_label": "Chart",
+      "element_options": Array [
+        Object {
+          "label": "Markers",
+          "value": "",
+        },
+        Object {
+          "label": "Line",
+          "value": "line",
+        },
+        Object {
+          "label": "Smooth Line",
+          "value": "spline",
+        },
+        Object {
+          "label": "Column",
+          "value": "column",
+        },
+        Object {
+          "label": "Area",
+          "value": "area",
+        },
+        Object {
+          "label": "Smooth Area",
+          "value": "areaspline",
+        },
+      ],
+      "element_type": "radio",
+      "value_name": "chart",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Only variance",
+      "element_type": "checkbox",
+      "value_name": "only_variant",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Same yAxis",
+      "element_type": "checkbox",
+      "hidden": true,
+      "value_name": "same_yaxis",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Same xAxis",
+      "element_type": "checkbox",
+      "value_name": "same_xaxis",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Percentage",
+      "element_type": "checkbox",
+      "hidden": true,
+      "value_name": "is_percentage",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Filter zero values",
+      "element_type": "checkbox",
+      "value_name": "is_filter_zero",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots gauge_goal structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Gauge goal",
+  "category_type": "goal",
+  "elements": Array [
+    Object {
+      "default_value": "Goal",
+      "element_label": "Goal title",
+      "element_type": "input",
+      "value_name": "title",
+    },
+    Object {
+      "default_value": 1000000,
+      "element_label": "Goal value",
+      "element_type": "input",
+      "value_name": "value",
+    },
+  ],
+  "is_hidden": true,
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots gauge_is_absolute structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Gauge is absolute value",
+  "category_type": "isAbsoluteValue",
+  "default_value": false,
+  "is_hidden": true,
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots gauge_segments structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Gauge segments",
+  "category_type": "segments",
+  "default_value": Array [
+    Object {
+      "color": "#BF1D30",
+      "from": 0,
+      "title": "Low",
+      "to": 50,
+    },
+    Object {
+      "color": "#FFA310",
+      "from": 50,
+      "title": "Medium",
+      "to": 90,
+    },
+    Object {
+      "color": "#037C5A",
+      "from": 90,
+      "title": "High",
+      "to": 100,
+    },
+  ],
+  "is_hidden": true,
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots label structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Label",
+  "category_type": "label",
+  "elements": Array [
+    Object {
+      "default_value": true,
+      "disabled_fn": "[Function]",
+      "disabled_str": "!{var}.show_out_of_x_axis && !{var}.show_out_of_data_series && !{var}.show_value",
+      "element_label": "Show",
+      "element_type": "toggle",
+      "value_name": "show",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Overlap",
+      "element_type": "toggle",
+      "value_name": "overlap",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Vertical",
+      "element_type": "toggle",
+      "showFn": "[Function]",
+      "value_name": "vertical",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "element_label": "Label Style",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "font_style",
+    },
+    Object {
+      "default_value": "11",
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "font_size",
+    },
+    Object {
+      "default_value": "#151a41",
+      "element_label": "Font Color",
+      "element_type": "color_picker",
+      "value_name": "font_color",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": true,
+      "element_label": "Value",
+      "element_type": "checkbox",
+      "value_name": "show_value",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": false,
+      "element_label": "% Out of [X Axis]",
+      "element_type": "checkbox",
+      "value_name": "show_out_of_x_axis",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": false,
+      "element_label": "% Out of [Data Series]",
+      "element_type": "checkbox",
+      "value_name": "show_out_of_data_series",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots label_gauge structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Label",
+  "category_type": "label",
+  "elements": Array [
+    Object {
+      "default_value": true,
+      "element_label": "Show",
+      "element_type": "toggle",
+      "value_name": "show",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "element_label": "Label Style",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "font_style",
+    },
+    Object {
+      "default_value": 16,
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "font_size",
+    },
+    Object {
+      "default_value": "#333",
+      "element_label": "Font Color",
+      "element_type": "color_picker",
+      "value_name": "font_color",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Value % out of Goal",
+      "element_type": "checkbox",
+      "value_name": "show_percentage_in_value",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Segment % out Goal",
+      "element_type": "checkbox",
+      "value_name": "show_percentage_in_segments",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Show Goal label",
+      "element_type": "checkbox",
+      "value_name": "show_goal_name",
+    },
+    Object {
+      "default_value": "Goal",
+      "element_label": "Goal name",
+      "element_type": "input",
+      "showFn": "[Function]",
+      "show_in_one_row": true,
+      "value_name": "goal_name",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots label_pie structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Label",
+  "category_type": "label_pie",
+  "elements": Array [
+    Object {
+      "default_value": false,
+      "disabled_fn": "[Function]",
+      "disabled_str": "!{var}.show_percentage_in_labels && !{var}.show_value_in_labels",
+      "element_label": "Show",
+      "element_type": "toggle",
+      "value_name": "show",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Overlap",
+      "element_type": "toggle",
+      "value_name": "overlap",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Use area color",
+      "element_type": "toggle",
+      "value_name": "use_area_color",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "element_label": "Label Style",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "font_style",
+    },
+    Object {
+      "default_value": "11",
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "font_size",
+    },
+    Object {
+      "default_value": "#151a41",
+      "element_label": "Font Color",
+      "element_type": "color_picker",
+      "value_name": "font_color",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": true,
+      "element_label": "Value",
+      "element_type": "checkbox",
+      "value_name": "show_value_in_labels",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": false,
+      "element_label": "Show %",
+      "element_type": "checkbox",
+      "value_name": "show_percentage_in_labels",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots label_with_percentage structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Label",
+  "category_type": "label",
+  "elements": Array [
+    Object {
+      "default_value": true,
+      "disabled_fn": "[Function]",
+      "disabled_str": "!{var}.show_out_of_x_axis && !{var}.show_out_of_data_series && !{var}.show_value",
+      "element_label": "Show",
+      "element_type": "toggle",
+      "value_name": "show",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Overlap",
+      "element_type": "toggle",
+      "value_name": "overlap",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Vertical",
+      "element_type": "toggle",
+      "showFn": "[Function]",
+      "value_name": "vertical",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Shadow",
+      "element_type": "toggle",
+      "value_name": "shadow",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Hide subtotals",
+      "element_type": "toggle",
+      "value_name": "hide_subtotals",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "element_label": "Label Style",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "font_style",
+    },
+    Object {
+      "default_value": "11",
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "font_size",
+    },
+    Object {
+      "default_value": "#151a41",
+      "element_label": "Font Color",
+      "element_type": "color_picker",
+      "value_name": "font_color",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": true,
+      "element_label": "Value",
+      "element_type": "checkbox",
+      "value_name": "show_value",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": false,
+      "element_label": "% Out of [X Axis]",
+      "element_type": "checkbox",
+      "value_name": "show_out_of_x_axis",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": false,
+      "element_label": "% Out of [Data Series]",
+      "element_type": "checkbox",
+      "value_name": "show_out_of_data_series",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Show total",
+      "element_type": "checkbox",
+      "value_name": "present_total",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Show total %",
+      "element_type": "checkbox",
+      "value_name": "show_percentage",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots label_with_percentage_percent_stacked structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Label",
+  "category_type": "label",
+  "elements": Array [
+    Object {
+      "default_value": true,
+      "disabled_fn": "[Function]",
+      "disabled_str": "!{var}.show_out_of_x_axis && !{var}.show_out_of_data_series && !{var}.show_value",
+      "element_label": "Show",
+      "element_type": "toggle",
+      "value_name": "show",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Overlap",
+      "element_type": "toggle",
+      "value_name": "overlap",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Vertical",
+      "element_type": "toggle",
+      "showFn": "[Function]",
+      "value_name": "vertical",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Shadow",
+      "element_type": "toggle",
+      "value_name": "shadow",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Hide subtotals",
+      "element_type": "toggle",
+      "value_name": "hide_subtotals",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "element_label": "Label Style",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "font_style",
+    },
+    Object {
+      "default_value": "11",
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "font_size",
+    },
+    Object {
+      "default_value": "#151a41",
+      "element_label": "Font Color",
+      "element_type": "color_picker",
+      "value_name": "font_color",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": true,
+      "element_label": "Value",
+      "element_type": "checkbox",
+      "value_name": "show_value",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": false,
+      "element_label": "% Out of [X Axis]",
+      "element_type": "checkbox",
+      "value_name": "show_out_of_x_axis",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": false,
+      "element_label": "% Out of [Data Series]",
+      "element_type": "checkbox",
+      "value_name": "show_out_of_data_series",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots legends structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Legends",
+  "category_type": "legends_position",
+  "elements": Array [
+    Object {
+      "default_value": "",
+      "element_label": "Position",
+      "element_options": Array [
+        Object {
+          "label": "Top",
+          "value": "top",
+        },
+        Object {
+          "label": "Bottom",
+          "value": "bottom",
+        },
+        Object {
+          "label": "Left",
+          "value": "left",
+        },
+        Object {
+          "label": "Right",
+          "value": "right",
+        },
+        Object {
+          "label": "None",
+          "value": "none",
+        },
+      ],
+      "element_type": "radio",
+      "value_name": "value",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots name structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Name",
+  "category_type": "name",
+  "elements": Array [
+    Object {
+      "default_value": "",
+      "element_label": "Name",
+      "element_type": "input",
+      "value_name": "name",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots negative_number_format structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Negative format",
+  "category_type": "negative_number_format",
+  "elements": Array [
+    Object {
+      "default_value": "",
+      "element_label": "Format",
+      "element_options": Array [
+        Object {
+          "label": "-1234",
+          "value": "",
+        },
+        Object {
+          "label": "(1234)",
+          "value": "brackets",
+        },
+      ],
+      "element_type": "radio",
+      "value_name": "format",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots range structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Range",
+  "category_type": "range",
+  "elements": Array [
+    Object {
+      "default_value": 10,
+      "element_label": "Low %",
+      "element_type": "input",
+      "value_name": "low",
+      "value_type": "number",
+    },
+    Object {
+      "default_value": 50,
+      "element_label": "Medium %",
+      "element_type": "input",
+      "value_name": "medium",
+      "value_type": "number",
+    },
+    Object {
+      "default_value": 90,
+      "element_label": "High %",
+      "element_type": "input",
+      "value_name": "high",
+      "value_type": "number",
+    },
+    Object {
+      "default_value": 1000,
+      "element_label": "Max",
+      "element_type": "input",
+      "value_name": "max",
+      "value_type": "number",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots subtitle structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Subtitle",
+  "category_type": "subtitle",
+  "elements": Array [
+    Object {
+      "default_value": "",
+      "element_label": "Subtitle",
+      "element_type": "input",
+      "value_name": "subtitle",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots table_design_options structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Table design",
+  "category_type": "table_design_options",
+  "elements": Array [
+    Object {
+      "element_label": "Columns",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "columns_font_style",
+    },
+    Object {
+      "default_value": "11",
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "columns_font_size",
+    },
+    Object {
+      "default_value": "left",
+      "element_label": "Text alignment",
+      "element_options": Array [
+        Object {
+          "label": "Left",
+          "value": "left",
+        },
+        Object {
+          "label": "Center",
+          "value": "center",
+        },
+        Object {
+          "label": "Right",
+          "value": "right",
+        },
+      ],
+      "element_type": "select",
+      "value_name": "columns_text_alignment",
+    },
+    Object {
+      "element_label": "Rows",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "rows_font_style",
+    },
+    Object {
+      "default_value": "11",
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "rows_font_size",
+    },
+    Object {
+      "default_value": "left",
+      "element_label": "Text alignment",
+      "element_options": Array [
+        Object {
+          "label": "Left",
+          "value": "left",
+        },
+        Object {
+          "label": "Center",
+          "value": "center",
+        },
+        Object {
+          "label": "Right",
+          "value": "right",
+        },
+      ],
+      "element_type": "select",
+      "value_name": "rows_text_alignment",
+    },
+    Object {
+      "element_label": "Values",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "values_font_style",
+    },
+    Object {
+      "default_value": "11",
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "values_font_size",
+    },
+    Object {
+      "default_value": "right",
+      "element_label": "Text alignment",
+      "element_options": Array [
+        Object {
+          "label": "Left",
+          "value": "left",
+        },
+        Object {
+          "label": "Center",
+          "value": "center",
+        },
+        Object {
+          "label": "Right",
+          "value": "right",
+        },
+      ],
+      "element_type": "select",
+      "value_name": "values_text_alignment",
+    },
+    Object {
+      "element_label": "Subtotals",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "subtotals_font_style",
+    },
+    Object {
+      "default_value": "11",
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "subtotals_font_size",
+    },
+    Object {
+      "default_value": "right",
+      "element_label": "Text alignment",
+      "element_options": Array [
+        Object {
+          "label": "Left",
+          "value": "left",
+        },
+        Object {
+          "label": "Center",
+          "value": "center",
+        },
+        Object {
+          "label": "Right",
+          "value": "right",
+        },
+      ],
+      "element_type": "select",
+      "value_name": "subtotals_text_alignment",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots table_options structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Table",
+  "category_type": "table_options",
+  "elements": Array [
+    Object {
+      "default_value": 0,
+      "element_label": "Colors offset",
+      "element_type": "input",
+      "value_name": "table_colors_offset",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Column totals",
+      "element_type": "checkbox",
+      "value_name": "show_column_total",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Row totals",
+      "element_type": "checkbox",
+      "value_name": "show_row_total",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Subtotals for columns",
+      "element_type": "checkbox",
+      "value_name": "show_subtotals_for_columns",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Subtotals for rows",
+      "element_type": "checkbox",
+      "value_name": "show_subtotals_for_rows",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Subtotals in brackets",
+      "element_type": "checkbox",
+      "value_name": "show_subtotals_in_brackets",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Transpose",
+      "element_type": "checkbox",
+      "value_name": "transpose_table",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Start collapsed rows <small>(old table only)</small>",
+      "element_type": "checkbox",
+      "value_name": "start_collapsed_rows",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Start collapsed columns <small>(old table only)</small>",
+      "element_type": "checkbox",
+      "value_name": "start_collapsed_columns",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Colorize headers",
+      "element_type": "checkbox",
+      "value_name": "colorize_headers",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Remove underscores",
+      "element_type": "checkbox",
+      "value_name": "remove_underscores",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Use big data table",
+      "element_type": "checkbox",
+      "value_name": "use_handsOnTable",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Use new table design",
+      "element_type": "checkbox",
+      "value_name": "use_new_table_design",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Null values appear as blank",
+      "element_type": "checkbox",
+      "value_name": "hide_nulls_in_headers",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Show All",
+      "element_type": "checkbox",
+      "value_name": "show_all",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Freeze panes <small>(old table only)</small>",
+      "element_type": "checkbox",
+      "value_name": "freeze_panes",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Eliminate grand totals for calculated values",
+      "element_type": "checkbox",
+      "value_name": "eliminate_calc_totals",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots table_options_gauge structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Table",
+  "category_type": "table_options",
+  "elements": Array [
+    Object {
+      "default_value": 0,
+      "element_label": "Colors offset",
+      "element_type": "input",
+      "value_name": "table_colors_offset",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Column totals",
+      "element_type": "checkbox",
+      "value_name": "show_column_total",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots table_options_transpose structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Table",
+  "category_type": "table_options",
+  "elements": Array [
+    Object {
+      "default_value": 0,
+      "element_label": "Colors offset",
+      "element_type": "input",
+      "value_name": "table_colors_offset",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Column totals",
+      "element_type": "checkbox",
+      "value_name": "show_column_total",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Row totals",
+      "element_type": "checkbox",
+      "value_name": "show_row_total",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Subtotals for columns",
+      "element_type": "checkbox",
+      "value_name": "show_subtotals_for_columns",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Subtotals for rows",
+      "element_type": "checkbox",
+      "value_name": "show_subtotals_for_rows",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Subtotals in brackets",
+      "element_type": "checkbox",
+      "value_name": "show_subtotals_in_brackets",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Transpose",
+      "element_type": "checkbox",
+      "value_name": "transpose_table",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Start collapsed rows <small>(old table only)</small>",
+      "element_type": "checkbox",
+      "value_name": "start_collapsed_rows",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Start collapsed columns <small>(old table only)</small>",
+      "element_type": "checkbox",
+      "value_name": "start_collapsed_columns",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Colorize headers",
+      "element_type": "checkbox",
+      "value_name": "colorize_headers",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Remove underscores",
+      "element_type": "checkbox",
+      "value_name": "remove_underscores",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Use big data table",
+      "element_type": "checkbox",
+      "value_name": "use_handsOnTable",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Use new table design",
+      "element_type": "checkbox",
+      "value_name": "use_new_table_design",
+    },
+    Object {
+      "default_value": true,
+      "element_label": "Null values appear as blank",
+      "element_type": "checkbox",
+      "value_name": "hide_nulls_in_headers",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Show All",
+      "element_type": "checkbox",
+      "value_name": "show_all",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Freeze panes <small>(old table only)</small>",
+      "element_type": "checkbox",
+      "value_name": "freeze_panes",
+    },
+    Object {
+      "default_value": false,
+      "element_label": "Eliminate grand totals for calculated values",
+      "element_type": "checkbox",
+      "value_name": "eliminate_calc_totals",
+    },
+    Object {
+      "default_value": false,
+      "disabled_fn": "[Function]",
+      "element_label": "Show data in dashboard if more than 1000 rows",
+      "element_type": "checkbox",
+      "showFn": "[Function]",
+      "value_name": "show_more_than_thousand_rows",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots ticks structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Ticks",
+  "category_type": "ticks",
+  "elements": Array [
+    Object {
+      "default_value": true,
+      "element_label": "Show",
+      "element_type": "checkbox",
+      "value_name": "show",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots tooltips structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Tooltip",
+  "category_type": "tooltips",
+  "elements": Array [
+    Object {
+      "default_value": true,
+      "disabled_fn": "[Function]",
+      "disabled_str": "!{var}.show_out_of_x_axis && !{var}.show_out_of_data_series && !{var}.show_value && !{var}.show_x_axis && !{var}.show_data_series",
+      "element_label": "Show",
+      "element_type": "toggle",
+      "value_name": "show",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "element_label": "Tooltip Style",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "font_style",
+    },
+    Object {
+      "default_value": "12",
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "font_size",
+    },
+    Object {
+      "default_value": "#545a6b",
+      "element_label": "Font Color",
+      "element_type": "color_picker",
+      "value_name": "font_color",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": true,
+      "element_label": "[X Axis]",
+      "element_type": "checkbox",
+      "value_name": "show_x_axis",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": true,
+      "element_label": "[Data Series]",
+      "element_type": "checkbox",
+      "value_name": "show_data_series",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": true,
+      "element_label": "Value",
+      "element_type": "checkbox",
+      "value_name": "show_value",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": false,
+      "element_label": "% Out of [X Axis]",
+      "element_type": "checkbox",
+      "value_name": "show_out_of_x_axis",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": false,
+      "element_label": "% Out of [Data Series]",
+      "element_type": "checkbox",
+      "value_name": "show_out_of_data_series",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots tooltips_gauge structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Tooltip",
+  "category_type": "tooltips",
+  "elements": Array [
+    Object {
+      "default_value": true,
+      "element_label": "Show",
+      "element_type": "toggle",
+      "value_name": "show",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "element_label": "Tooltip Style",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "font_style",
+    },
+    Object {
+      "default_value": "12",
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "font_size",
+    },
+    Object {
+      "default_value": "#545a6b",
+      "element_label": "Font Color",
+      "element_type": "color_picker",
+      "value_name": "font_color",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots tooltips_pie structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Tooltip",
+  "category_type": "tooltips",
+  "elements": Array [
+    Object {
+      "default_value": true,
+      "disabled_fn": "[Function]",
+      "disabled_str": "!{var}.show_percentage && !{var}.show_value",
+      "element_label": "Show",
+      "element_type": "toggle",
+      "value_name": "show",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "element_label": "Tooltip Style",
+      "element_type": "devider",
+    },
+    Object {
+      "default_value": "Poppins",
+      "element_label": "Font style",
+      "element_options": Array [
+        "Arial",
+        "Arial Black",
+        "Comic Sans MS",
+        "Courier New",
+        "Helvetica",
+        "Impact",
+        "Nunito Sans",
+        "Tahoma",
+        "Times New Roman",
+        "Verdana",
+        "Poppins",
+      ],
+      "element_type": "select",
+      "value_name": "font_style",
+    },
+    Object {
+      "default_value": "12",
+      "element_label": "Font size",
+      "element_options": Array [
+        Object {
+          "label": 6,
+          "value": 6,
+        },
+        Object {
+          "label": 7,
+          "value": 7,
+        },
+        Object {
+          "label": 8,
+          "value": 8,
+        },
+        Object {
+          "label": 9,
+          "value": 9,
+        },
+        Object {
+          "label": 10,
+          "value": 10,
+        },
+        Object {
+          "label": 11,
+          "value": 11,
+        },
+        Object {
+          "label": 12,
+          "value": 12,
+        },
+        Object {
+          "label": 13,
+          "value": 13,
+        },
+        Object {
+          "label": 14,
+          "value": 14,
+        },
+        Object {
+          "label": 15,
+          "value": 15,
+        },
+        Object {
+          "label": 16,
+          "value": 16,
+        },
+        Object {
+          "label": 17,
+          "value": 17,
+        },
+        Object {
+          "label": 18,
+          "value": 18,
+        },
+        Object {
+          "label": 19,
+          "value": 19,
+        },
+        Object {
+          "label": 20,
+          "value": 20,
+        },
+        Object {
+          "label": 21,
+          "value": 21,
+        },
+        Object {
+          "label": 22,
+          "value": 22,
+        },
+        Object {
+          "label": 23,
+          "value": 23,
+        },
+        Object {
+          "label": 24,
+          "value": 24,
+        },
+      ],
+      "element_type": "select",
+      "value_name": "font_size",
+    },
+    Object {
+      "default_value": "#545a6b",
+      "element_label": "Font Color",
+      "element_type": "color_picker",
+      "value_name": "font_color",
+    },
+    Object {
+      "element_type": "devider",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": true,
+      "element_label": "Value",
+      "element_type": "checkbox",
+      "value_name": "show_value",
+    },
+    Object {
+      "clickFn": "[Function]",
+      "default_value": false,
+      "element_label": "Show %",
+      "element_type": "checkbox",
+      "value_name": "show_percentage",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots total_value_label_donut structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Total Value Label",
+  "category_type": "total_value_label",
+  "elements": Array [
+    Object {
+      "default_value": "Total",
+      "element_label": "Total value label text for donut chart",
+      "element_type": "input",
+      "value_name": "total_value_label_text",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots value structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Value",
+  "category_type": "value",
+  "elements": Array [
+    Object {
+      "default_value": "Sum",
+      "element_label": "Aggregated",
+      "element_options": Array [
+        Object {
+          "label": "Avg",
+          "value": "Avg",
+        },
+        Object {
+          "label": "Max",
+          "value": "Max",
+        },
+        Object {
+          "label": "Min",
+          "value": "Min",
+        },
+        Object {
+          "label": "Sum",
+          "value": "Sum",
+        },
+        Object {
+          "label": "Unique",
+          "value": "Unique",
+        },
+      ],
+      "element_type": "radio",
+      "value_name": "value",
+    },
+  ],
+}
+`;
+
+exports[`highchartsRenderer.suboptions structure snapshots widget_library structure matches snapshot 1`] = `
+Object {
+  "category_class": "google-visualization-charteditor-mini-more",
+  "category_label": "Widget Library",
+  "category_type": "widget_library",
+  "elements": Array [
+    Object {
+      "default_value": "",
+      "element_label": "Category",
+      "element_type": "input",
+      "value_name": "categories",
+    },
+    Object {
+      "default_value": "",
+      "element_label": "Description",
+      "element_type": "textarea",
+      "value_name": "description",
+    },
+    Object {
+      "default_value": Array [],
+      "element_label": "Labels",
+      "element_options": Object {
+        "add_new_tag": true,
+        "multiple": true,
+        "searchable": true,
+      },
+      "element_type": "tag",
+      "value_name": "tags",
+    },
+  ],
+  "is_hidden": true,
+}
+`;