This is an automated email from the ASF dual-hosted git repository.
dominikriemer pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/streampipes.git
The following commit(s) were added to refs/heads/dev by this push:
new c3db85b05c feat: Eliminate chart name and undo button in toolbar for a
consistent workflow (#4550)
c3db85b05c is described below
commit c3db85b05c752a09a0cc961a4490eeeed5791f22
Author: Jacqueline Höllig <[email protected]>
AuthorDate: Fri Jun 12 19:29:32 2026 +0200
feat: Eliminate chart name and undo button in toolbar for a consistent
workflow (#4550)
---
ui/cypress/support/utils/chart/ChartBtns.ts | 6 +-
ui/cypress/support/utils/chart/ChartUtils.ts | 74 ++++++++++++----------
.../tests/chart/addAssetsToDataView.smoke.spec.ts | 6 +-
.../chart/advancedFilterExpressions.smoke.spec.ts | 12 +---
ui/cypress/tests/chart/autoAggregateTable.spec.ts | 5 +-
ui/cypress/tests/chart/chart-types/heatmap.spec.ts | 1 -
.../tests/chart/chart-types/histogram.spec.ts | 1 -
.../tests/chart/chart-types/indicator.spec.ts | 1 -
ui/cypress/tests/chart/chart-types/map.spec.ts | 6 +-
.../tests/chart/chart-types/scatter.smoke.spec.ts | 1 -
ui/cypress/tests/chart/chart-types/table.spec.ts | 1 -
.../tests/chart/chart-types/timeSeriesSave.spec.ts | 7 +-
.../tests/chart/chartDataPreview.smoke.spec.ts | 1 -
.../tests/chart/deleteViewAndDashboard.spec.ts | 4 +-
.../tests/chart/dynamicColumnFilter.smoke.spec.ts | 5 +-
.../tests/chart/missingDataInDataLake.spec.ts | 6 +-
ui/cypress/tests/chart/timeOrderDataView.spec.ts | 3 +-
.../chart/widgetDataConfiguration.smoke.spec.ts | 10 +--
.../editAdapterDataLakeSchemaUpdate.spec.ts | 4 +-
.../dataDownloadDialogTest.smoke.spec.ts | 7 +-
.../pipeline/pipelineDataLakeSchemaUpdate.spec.ts | 4 +-
.../userManagement/testUserRoleCharts.spec.ts | 4 +-
.../userManagement/testUserRoleDashboard.spec.ts | 4 +-
.../userManagement/testUserRoleDataset.spec.ts | 4 +-
.../toolbar/chart-view-toolbar.component.html | 47 --------------
.../toolbar/chart-view-toolbar.component.ts | 4 --
26 files changed, 77 insertions(+), 151 deletions(-)
diff --git a/ui/cypress/support/utils/chart/ChartBtns.ts
b/ui/cypress/support/utils/chart/ChartBtns.ts
index fe0a203467..70bf1499dd 100644
--- a/ui/cypress/support/utils/chart/ChartBtns.ts
+++ b/ui/cypress/support/utils/chart/ChartBtns.ts
@@ -29,6 +29,10 @@ export class ChartBtns {
return cy.dataCy('sp-manage-save');
}
+ public static manageChartButton(title) {
+ return cy.dataCy('open-manage-permissions-' + title);
+ }
+
public static saveDashboardBtn() {
return cy.dataCy('save-dashboard-btn');
}
@@ -148,7 +152,7 @@ export class ChartBtns {
}
public static discardDataExplorerWidgetBtn() {
- return cy.dataCy('discard-data-explorer-widget-btn');
+ return cy.dataCy('save-data-explorer-go-back-to-overview');
}
public static chartDataPreview() {
diff --git a/ui/cypress/support/utils/chart/ChartUtils.ts
b/ui/cypress/support/utils/chart/ChartUtils.ts
index a538b56931..0f7788377a 100644
--- a/ui/cypress/support/utils/chart/ChartUtils.ts
+++ b/ui/cypress/support/utils/chart/ChartUtils.ts
@@ -118,7 +118,6 @@ export class ChartUtils {
}
public static addDataViewAndWidget(
- dataViewName: string,
dataSet: string,
widgetType: string,
ignoreTimeSelection = false,
@@ -138,7 +137,6 @@ export class ChartUtils {
ChartUtils.dataConfigSelectAllFields();
ChartUtils.selectAppearanceConfig();
- ChartUtils.selectDataViewName(dataViewName);
ChartUtils.openVisualizationConfig();
ChartUtils.selectVisualizationType(widgetType);
@@ -211,9 +209,9 @@ export class ChartUtils {
) {
ChartUtils.goToDatalake();
- ChartUtils.addDataViewAndTableWidget(dataView,
ChartUtils.ADAPTER_NAME);
+ ChartUtils.addDataViewAndTableWidget(ChartUtils.ADAPTER_NAME);
- ChartUtils.saveDataViewConfiguration(false, false);
+ ChartUtils.saveDataViewConfiguration(false, false, dataView);
ChartUtils.goToDashboard();
@@ -239,34 +237,22 @@ export class ChartUtils {
}
public static addDataViewAndTableWidget(
- dataViewName: string,
dataSet: string,
ignoreTimeSelection = false,
) {
this.addDataViewAndWidget(
- dataViewName,
dataSet,
ChartWidget.TABLE,
ignoreTimeSelection,
);
}
- public static addDataViewAndTimeSeriesWidget(
- dataViewName: string,
- dataSet: string,
- ) {
- this.addDataViewAndWidget(
- dataViewName,
- dataSet,
- ChartWidget.TIME_SERIES,
- );
+ public static addDataViewAndTimeSeriesWidget(dataSet: string) {
+ this.addDataViewAndWidget(dataSet, ChartWidget.TIME_SERIES);
}
public static renameWidget(newName: string) {
- cy.dataCy('appearance-config-widget-title').clear().type(newName);
- cy.dataCy('appearance-config-widget-title').should(
- 'have.value',
- newName,
- );
+ cy.dataCy('managed-resource-name').clear().type(newName);
+ cy.dataCy('managed-resource-name').should('have.value', newName);
}
public static renameDashboard(newName: string) {
@@ -346,9 +332,19 @@ export class ChartUtils {
});
}
+ public static manageDataView(dataViewName: string) {
+ // Click edit button
+ // following only works if single view is available
+ GeneralUtils.openMenuForRow(dataViewName);
+ GeneralUtils.visibleMaterialMenu().within(() => {
+ ChartBtns.manageChartButton(dataViewName).click();
+ });
+ }
+
public static saveDataViewConfiguration(
confirmSave: boolean = false,
withoutConfig: boolean = true,
+ name: string = 'New Chart',
) {
if (withoutConfig) {
ChartBtns.saveDataViewButton().click({
@@ -358,6 +354,7 @@ export class ChartUtils {
ChartBtns.saveDataViewButton().click({
force: true,
});
+ cy.dataCy('managed-resource-name').clear().type(name);
ChartBtns.saveDataViewBtn().should('be.visible');
ChartBtns.saveDataViewBtn().click();
}
@@ -455,12 +452,19 @@ export class ChartUtils {
ChartBtns.startEditWidget(widgetName).click();
}
- public static saveAndReEditWidget(
- dataViewName: string,
- edit: boolean = true,
- ) {
+ public static saveAndReEditWidget(dataViewName: string) {
// Save data view configuration
- ChartUtils.saveDataViewConfiguration(false, edit);
+ ChartBtns.saveDataViewButton().click();
+ ChartBtns.openNewDataViewBtn().should('be.visible');
+ ChartUtils.editDataView(dataViewName);
+ }
+
+ public static saveAndEditWidget(dataViewName: string) {
+ // Save data view configuration
+ ChartBtns.saveDataViewButton().click();
+ cy.dataCy('managed-resource-name').clear().type(dataViewName);
+ ChartBtns.saveDataViewBtn().click();
+ ChartBtns.openNewDataViewBtn().should('be.visible');
ChartUtils.editDataView(dataViewName);
}
@@ -552,10 +556,6 @@ export class ChartUtils {
options.forEach(option => {
cy.dataCy('autocomplete-value-' + option).should('be.visible');
});
-
- cy.dataCy('design-panel-data-settings-filter-value').click({
- force: true,
- });
}
/**
@@ -655,8 +655,10 @@ export class ChartUtils {
cy.get('div[role=tab]').eq(tabNumber).click();
}
- public static selectDataViewName(dataViewName: string) {
- cy.dataCy('appearance-config-widget-title').clear().type(dataViewName);
+ public static selectDataViewNameAndSave(dataViewName: string) {
+ ChartBtns.saveDataViewButton().click();
+ cy.dataCy('managed-resource-name').clear().type(dataViewName);
+ ChartBtns.saveDataViewBtn().click();
}
public static clickCreateButton() {
@@ -839,14 +841,16 @@ export class ChartUtils {
ChartUtils.loadDataIntoDataLake('datalake/sample.csv');
// Create Diagram
- ChartUtils.addDataViewAndTableWidget(
- 'NewWidget',
- ChartUtils.ADAPTER_NAME,
- );
+ ChartUtils.addDataViewAndTableWidget(ChartUtils.ADAPTER_NAME);
//Save
ChartBtns.saveDataViewButton().click();
+ ChartUtils.addDataViewName('NewWidget');
ChartUtils.addDashboardToAsset(assetNames);
ChartBtns.saveDataViewBtn().click();
ChartBtns.openNewDataViewBtn().should('be.visible');
}
+
+ public static addDataViewName(name) {
+ cy.dataCy('managed-resource-name').clear().type(name);
+ }
}
diff --git a/ui/cypress/tests/chart/addAssetsToDataView.smoke.spec.ts
b/ui/cypress/tests/chart/addAssetsToDataView.smoke.spec.ts
index 3917bf2abb..2189cf0707 100644
--- a/ui/cypress/tests/chart/addAssetsToDataView.smoke.spec.ts
+++ b/ui/cypress/tests/chart/addAssetsToDataView.smoke.spec.ts
@@ -57,10 +57,10 @@ describe('Creates a new adapter with a linked asset', () =>
{
// Go To Chart and Edit
ChartUtils.goToDatalake();
cy.wait(1000);
- ChartUtils.editDataView('NewWidget');
+ ChartUtils.manageDataView('NewWidget');
ChartUtils.renameWidget('Rename');
- ChartUtils.addChartsToAsset([assetName1, assetName3]);
- ChartBtns.saveDataViewButton().click();
+ ChartUtils.addDashboardToAsset([assetName1, assetName3]);
+ ChartBtns.saveDataViewBtn().click();
ChartBtns.openNewDataViewBtn().should('be.visible');
AssetUtils.checkAmountOfAssets(3);
diff --git a/ui/cypress/tests/chart/advancedFilterExpressions.smoke.spec.ts
b/ui/cypress/tests/chart/advancedFilterExpressions.smoke.spec.ts
index b768de9806..537ba6b137 100644
--- a/ui/cypress/tests/chart/advancedFilterExpressions.smoke.spec.ts
+++ b/ui/cypress/tests/chart/advancedFilterExpressions.smoke.spec.ts
@@ -27,10 +27,7 @@ describe('Advanced Filter Expressions in Charts', () => {
});
it('Applies nested advanced filter expressions and persists them', () => {
- ChartUtils.addDataViewAndTableWidget(
- 'AdvancedFilterWidget',
- ChartUtils.ADAPTER_NAME,
- );
+ ChartUtils.addDataViewAndTableWidget(ChartUtils.ADAPTER_NAME);
ChartWidgetTableUtils.checkAmountOfRows(10);
ChartUtils.selectDataConfig();
@@ -67,7 +64,7 @@ describe('Advanced Filter Expressions in Charts', () => {
// a AND (22 OR 56) => 2 rows in sample.csv
ChartWidgetTableUtils.checkAmountOfRows(2);
- ChartUtils.saveAndReEditWidget('AdvancedFilterWidget', false);
+ ChartUtils.saveAndEditWidget('AdvancedFilterWidget');
ChartWidgetTableUtils.checkAmountOfRows(2);
ChartUtils.selectDataConfig();
ChartBtns.advancedFilterBtn().should('be.visible');
@@ -79,10 +76,7 @@ describe('Advanced Filter Expressions in Charts', () => {
});
it('Closes table filter dropdown with ESC', () => {
- ChartUtils.addDataViewAndTableWidget(
- 'EscFilterWidget',
- ChartUtils.ADAPTER_NAME,
- );
+ ChartUtils.addDataViewAndTableWidget(ChartUtils.ADAPTER_NAME);
cy.dataCy('column-filter-trigger-randomtext').click({ force: true });
cy.get('.column-filter-dropdown').should('be.visible');
diff --git a/ui/cypress/tests/chart/autoAggregateTable.spec.ts
b/ui/cypress/tests/chart/autoAggregateTable.spec.ts
index db5b44ce8b..fdae6c7809 100644
--- a/ui/cypress/tests/chart/autoAggregateTable.spec.ts
+++ b/ui/cypress/tests/chart/autoAggregateTable.spec.ts
@@ -48,10 +48,7 @@ describe('Test auto aggregate table result size', () => {
},
);
- ChartUtils.addDataViewAndTableWidget(
- 'Auto aggregate table',
- ChartUtils.ADAPTER_NAME,
- );
+ ChartUtils.addDataViewAndTableWidget(ChartUtils.ADAPTER_NAME);
ChartUtils.selectDataConfig();
ChartUtils.selectAggregatedQueryType();
ChartUtils.enableAutoAggregate();
diff --git a/ui/cypress/tests/chart/chart-types/heatmap.spec.ts
b/ui/cypress/tests/chart/chart-types/heatmap.spec.ts
index e582cbd37d..6b96c907d4 100644
--- a/ui/cypress/tests/chart/chart-types/heatmap.spec.ts
+++ b/ui/cypress/tests/chart/chart-types/heatmap.spec.ts
@@ -26,7 +26,6 @@ describe('Test Heatmap View in Charts', () => {
it('Perform Test', () => {
ChartUtils.addDataViewAndWidget(
- 'view',
PrepareTestDataUtils.dataName,
'heatmap',
);
diff --git a/ui/cypress/tests/chart/chart-types/histogram.spec.ts
b/ui/cypress/tests/chart/chart-types/histogram.spec.ts
index 7fc3b04c87..540aa8ebb7 100644
--- a/ui/cypress/tests/chart/chart-types/histogram.spec.ts
+++ b/ui/cypress/tests/chart/chart-types/histogram.spec.ts
@@ -26,7 +26,6 @@ describe('Test Histogram View in Charts', () => {
it('Perform Test', () => {
ChartUtils.addDataViewAndWidget(
- 'view',
PrepareTestDataUtils.dataName,
'histogram-chart',
);
diff --git a/ui/cypress/tests/chart/chart-types/indicator.spec.ts
b/ui/cypress/tests/chart/chart-types/indicator.spec.ts
index 81e9bcc5f3..8d1fdae31e 100644
--- a/ui/cypress/tests/chart/chart-types/indicator.spec.ts
+++ b/ui/cypress/tests/chart/chart-types/indicator.spec.ts
@@ -27,7 +27,6 @@ describe('Test Indicator View in Charts', () => {
it('Perform Test', () => {
ChartUtils.addDataViewAndWidget(
- 'view',
PrepareTestDataUtils.dataName,
'indicator-chart',
);
diff --git a/ui/cypress/tests/chart/chart-types/map.spec.ts
b/ui/cypress/tests/chart/chart-types/map.spec.ts
index 128d307a1b..d283137081 100644
--- a/ui/cypress/tests/chart/chart-types/map.spec.ts
+++ b/ui/cypress/tests/chart/chart-types/map.spec.ts
@@ -25,11 +25,7 @@ describe('Test Map View in Charts', () => {
});
it('Perform Test', () => {
- ChartUtils.addDataViewAndWidget(
- 'view',
- PrepareTestDataUtils.dataName,
- 'map',
- );
+ ChartUtils.addDataViewAndWidget(PrepareTestDataUtils.dataName, 'map');
// Change marker positions
ChartUtils.openVisualizationConfig();
diff --git a/ui/cypress/tests/chart/chart-types/scatter.smoke.spec.ts
b/ui/cypress/tests/chart/chart-types/scatter.smoke.spec.ts
index 0f2e07869e..c5bd08abb0 100644
--- a/ui/cypress/tests/chart/chart-types/scatter.smoke.spec.ts
+++ b/ui/cypress/tests/chart/chart-types/scatter.smoke.spec.ts
@@ -26,7 +26,6 @@ describe('Test Scatter View in Charts', () => {
it('Perform Test', () => {
ChartUtils.addDataViewAndWidget(
- 'view',
PrepareTestDataUtils.dataName,
'scatter-chart',
);
diff --git a/ui/cypress/tests/chart/chart-types/table.spec.ts
b/ui/cypress/tests/chart/chart-types/table.spec.ts
index ebb60bd296..2b775f0793 100644
--- a/ui/cypress/tests/chart/chart-types/table.spec.ts
+++ b/ui/cypress/tests/chart/chart-types/table.spec.ts
@@ -28,7 +28,6 @@ describe('Test Table View in Charts', () => {
it('Perform Test', () => {
ChartUtils.addDataViewAndWidget(
- 'view',
PrepareTestDataUtils.dataName,
ChartWidget.TABLE,
);
diff --git a/ui/cypress/tests/chart/chart-types/timeSeriesSave.spec.ts
b/ui/cypress/tests/chart/chart-types/timeSeriesSave.spec.ts
index a3d2a4328e..544536c8f2 100644
--- a/ui/cypress/tests/chart/chart-types/timeSeriesSave.spec.ts
+++ b/ui/cypress/tests/chart/chart-types/timeSeriesSave.spec.ts
@@ -28,18 +28,17 @@ describe('Test if widget configuration is updated
correctly', () => {
// Create first test data view with one time series widget
ChartUtils.addDataViewAndTimeSeriesWidget(
- testView1,
PrepareTestDataUtils.dataName,
);
- ChartUtils.saveDataViewConfiguration(false, false);
+
+ ChartUtils.saveDataViewConfiguration(false, false, testView1);
cy.wait(1000);
// Create second test data view with one time series widget
ChartUtils.addDataViewAndTimeSeriesWidget(
- testView2,
PrepareTestDataUtils.dataName,
);
- ChartUtils.saveDataViewConfiguration(false, false);
+ ChartUtils.saveDataViewConfiguration(false, false, testView2);
});
it('Perform Test', () => {
diff --git a/ui/cypress/tests/chart/chartDataPreview.smoke.spec.ts
b/ui/cypress/tests/chart/chartDataPreview.smoke.spec.ts
index ea89ed1658..ba47cbc772 100644
--- a/ui/cypress/tests/chart/chartDataPreview.smoke.spec.ts
+++ b/ui/cypress/tests/chart/chartDataPreview.smoke.spec.ts
@@ -27,7 +27,6 @@ describe('Test Chart Data Preview in Charts', () => {
it('Shows and toggles the chart data preview', () => {
ChartUtils.addDataViewAndWidget(
- 'preview-view',
PrepareTestDataUtils.dataName,
ChartWidget.TIME_SERIES,
);
diff --git a/ui/cypress/tests/chart/deleteViewAndDashboard.spec.ts
b/ui/cypress/tests/chart/deleteViewAndDashboard.spec.ts
index 32e04f6ba5..b73b9c4e7a 100644
--- a/ui/cypress/tests/chart/deleteViewAndDashboard.spec.ts
+++ b/ui/cypress/tests/chart/deleteViewAndDashboard.spec.ts
@@ -29,9 +29,9 @@ describe('Test Deletion of Data View and Dashboard', () => {
ChartUtils.goToDatalake();
- ChartUtils.addDataViewAndTableWidget(dataView,
ChartUtils.ADAPTER_NAME);
+ ChartUtils.addDataViewAndTableWidget(ChartUtils.ADAPTER_NAME);
- ChartUtils.saveDataViewConfiguration(false, false);
+ ChartUtils.saveDataViewConfiguration(false, false, dataView);
ChartUtils.checkRowsViewsTable(1);
diff --git a/ui/cypress/tests/chart/dynamicColumnFilter.smoke.spec.ts
b/ui/cypress/tests/chart/dynamicColumnFilter.smoke.spec.ts
index 0dfc7457a8..98f3c71779 100644
--- a/ui/cypress/tests/chart/dynamicColumnFilter.smoke.spec.ts
+++ b/ui/cypress/tests/chart/dynamicColumnFilter.smoke.spec.ts
@@ -27,10 +27,7 @@ describe('Dynamic Column Filters in Table Widget', () => {
});
it('Applies a Top 10 number filter on a numeric column', () => {
- ChartUtils.addDataViewAndTableWidget(
- 'DynamicColumnFilterWidget',
- ChartUtils.ADAPTER_NAME,
- );
+ ChartUtils.addDataViewAndTableWidget(ChartUtils.ADAPTER_NAME);
ChartWidgetTableUtils.checkAmountOfRows(10);
diff --git a/ui/cypress/tests/chart/missingDataInDataLake.spec.ts
b/ui/cypress/tests/chart/missingDataInDataLake.spec.ts
index 9e37fe4bdc..1da23cfdff 100644
--- a/ui/cypress/tests/chart/missingDataInDataLake.spec.ts
+++ b/ui/cypress/tests/chart/missingDataInDataLake.spec.ts
@@ -22,7 +22,6 @@ import { ChartWidgetTableUtils } from
'../../support/utils/chart/ChartWidgetTabl
import { DataLakeSeedUtils } from
'../../support/utils/dataset/DataLakeSeedUtils';
describe('Test missing properties in data lake', () => {
- const dataViewName = 'TestView';
const headers = ['timestamp', 'v1', 'v2', 'v3', 'v4'];
const rows = [
['1667904471000', '4.1', 'abc', 'true', '1'],
@@ -44,10 +43,7 @@ describe('Test missing properties in data lake', () => {
});
it('Test table with missing properties', () => {
- ChartUtils.addDataViewAndTableWidget(
- dataViewName,
- PrepareTestDataUtils.dataName,
- );
+ ChartUtils.addDataViewAndTableWidget(PrepareTestDataUtils.dataName);
ChartWidgetTableUtils.checkAmountOfRows(5);
diff --git a/ui/cypress/tests/chart/timeOrderDataView.spec.ts
b/ui/cypress/tests/chart/timeOrderDataView.spec.ts
index 16b15c3dcc..fb6bd2734b 100644
--- a/ui/cypress/tests/chart/timeOrderDataView.spec.ts
+++ b/ui/cypress/tests/chart/timeOrderDataView.spec.ts
@@ -53,8 +53,7 @@ describe('Test Time Order in Charts', () => {
// Save and leave view, edit view again and check ascending order
ChartUtils.selectAppearanceConfig();
- ChartUtils.selectDataViewName(chartName);
- ChartUtils.saveDataViewConfiguration(false, false);
+ ChartUtils.saveDataViewConfiguration(false, false, chartName);
ChartUtils.editDataView(chartName);
ChartUtils.clickOrderBy('ascending');
ChartUtils.openVisualizationConfig();
diff --git a/ui/cypress/tests/chart/widgetDataConfiguration.smoke.spec.ts
b/ui/cypress/tests/chart/widgetDataConfiguration.smoke.spec.ts
index 08fdb9c16e..81a96ced85 100644
--- a/ui/cypress/tests/chart/widgetDataConfiguration.smoke.spec.ts
+++ b/ui/cypress/tests/chart/widgetDataConfiguration.smoke.spec.ts
@@ -30,10 +30,7 @@ describe('Test Table View in Charts', () => {
/**
* Prepare tests
*/
- ChartUtils.addDataViewAndTableWidget(
- 'NewWidget',
- ChartUtils.ADAPTER_NAME,
- );
+ ChartUtils.addDataViewAndTableWidget(ChartUtils.ADAPTER_NAME);
// Validate that X lines are available
ChartWidgetTableUtils.checkAmountOfRows(10);
@@ -80,8 +77,11 @@ describe('Test Table View in Charts', () => {
ChartUtils.checkIfFilterIsSet(1);
ChartWidgetTableUtils.checkAmountOfRows(4);
ChartUtils.validateFilterOptions(['=', '!=']);
+
ChartUtils.validateAutoCompleteOptions(['a', 'b', 'c']);
- ChartUtils.saveAndReEditWidget('NewWidget', false);
+ cy.dataCy('design-panel-data-settings-filter-value').type('{esc}');
+
+ ChartUtils.saveAndEditWidget('NewWidget');
ChartUtils.checkIfFilterIsSet(1);
ChartWidgetTableUtils.checkAmountOfRows(4);
ChartUtils.dataConfigRemoveFilter();
diff --git a/ui/cypress/tests/connect/editAdapterDataLakeSchemaUpdate.spec.ts
b/ui/cypress/tests/connect/editAdapterDataLakeSchemaUpdate.spec.ts
index 0ed06681e8..ac171b24b4 100644
--- a/ui/cypress/tests/connect/editAdapterDataLakeSchemaUpdate.spec.ts
+++ b/ui/cypress/tests/connect/editAdapterDataLakeSchemaUpdate.spec.ts
@@ -133,8 +133,8 @@ describe('Test adapter updates with data lake schema
changes', () => {
}
function addTableChart(measurementName: string) {
- ChartUtils.addDataViewAndTableWidget(chartName, measurementName, true);
- ChartUtils.saveDataViewConfiguration(false, false);
+ ChartUtils.addDataViewAndTableWidget(measurementName, true);
+ ChartUtils.saveDataViewConfiguration(false, false, chartName);
ChartUtils.checkAmount(1);
}
diff --git
a/ui/cypress/tests/dataDownloadDialog/dataDownloadDialogTest.smoke.spec.ts
b/ui/cypress/tests/dataDownloadDialog/dataDownloadDialogTest.smoke.spec.ts
index cf15328718..e259c702e2 100644
--- a/ui/cypress/tests/dataDownloadDialog/dataDownloadDialogTest.smoke.spec.ts
+++ b/ui/cypress/tests/dataDownloadDialog/dataDownloadDialogTest.smoke.spec.ts
@@ -29,11 +29,8 @@ describe('Test chart data download dialog', () => {
'json_array',
);
- ChartUtils.addDataViewAndTableWidget(
- dataViewName,
- PrepareTestDataUtils.dataName,
- );
- ChartUtils.saveDataViewConfiguration(false, false);
+ ChartUtils.addDataViewAndTableWidget(PrepareTestDataUtils.dataName);
+ ChartUtils.saveDataViewConfiguration(false, false, dataViewName);
});
beforeEach('Setup Test', () => {
diff --git a/ui/cypress/tests/pipeline/pipelineDataLakeSchemaUpdate.spec.ts
b/ui/cypress/tests/pipeline/pipelineDataLakeSchemaUpdate.spec.ts
index 25932a894c..a2b324ad4b 100644
--- a/ui/cypress/tests/pipeline/pipelineDataLakeSchemaUpdate.spec.ts
+++ b/ui/cypress/tests/pipeline/pipelineDataLakeSchemaUpdate.spec.ts
@@ -169,8 +169,8 @@ describe('Test pipeline updates with data lake schema
changes', () => {
}
function addTableChart(measurementName: string) {
- ChartUtils.addDataViewAndTableWidget(chartName, measurementName, true);
- ChartUtils.saveDataViewConfiguration(false, false);
+ ChartUtils.addDataViewAndTableWidget(measurementName, true);
+ ChartUtils.saveDataViewConfiguration(false, false, chartName);
ChartUtils.checkAmount(1);
}
diff --git a/ui/cypress/tests/userManagement/testUserRoleCharts.spec.ts
b/ui/cypress/tests/userManagement/testUserRoleCharts.spec.ts
index 9a73a77c08..b8f1dc8796 100644
--- a/ui/cypress/tests/userManagement/testUserRoleCharts.spec.ts
+++ b/ui/cypress/tests/userManagement/testUserRoleCharts.spec.ts
@@ -118,8 +118,8 @@ describe('Test User Roles for Charts', () => {
function setup() {
UserUtils.switchUser(chartAdmin1);
ConnectUtils.addMachineDataSimulator('simulator', true);
- ChartUtils.addDataViewAndTableWidget(chartName, 'simulator', true);
- ChartUtils.saveDataViewConfiguration(false, false);
+ ChartUtils.addDataViewAndTableWidget('simulator', true);
+ ChartUtils.saveDataViewConfiguration(false, false, chartName);
ChartUtils.checkAmount(1);
ChartUtils.goToDatalake();
}
diff --git a/ui/cypress/tests/userManagement/testUserRoleDashboard.spec.ts
b/ui/cypress/tests/userManagement/testUserRoleDashboard.spec.ts
index 8fede1f282..899f503449 100644
--- a/ui/cypress/tests/userManagement/testUserRoleDashboard.spec.ts
+++ b/ui/cypress/tests/userManagement/testUserRoleDashboard.spec.ts
@@ -200,7 +200,7 @@ describe('Test User Roles for Dashboards', () => {
}
function addChart(chartName: string, saveConfig: boolean = true) {
- ChartUtils.addDataViewAndTableWidget(chartName, datasetName, true);
- ChartUtils.saveDataViewConfiguration(false, saveConfig);
+ ChartUtils.addDataViewAndTableWidget(datasetName, true);
+ ChartUtils.saveDataViewConfiguration(false, saveConfig, chartName);
}
});
diff --git a/ui/cypress/tests/userManagement/testUserRoleDataset.spec.ts
b/ui/cypress/tests/userManagement/testUserRoleDataset.spec.ts
index 54e4851cbb..ab6217fa6f 100644
--- a/ui/cypress/tests/userManagement/testUserRoleDataset.spec.ts
+++ b/ui/cypress/tests/userManagement/testUserRoleDataset.spec.ts
@@ -175,8 +175,8 @@ describe('Test Dataset Permissions', () => {
cy.dataCy('data-explorer-select-data-set').click();
cy.get('mat-option').contains(datasetName).click();
ChartBtns.discardDataExplorerWidgetBtn().click();
- ChartUtils.addDataViewAndTableWidget('test', datasetName, true);
- ChartUtils.saveDataViewConfiguration(false, false);
+ ChartUtils.addDataViewAndTableWidget(datasetName, true);
+ ChartUtils.saveDataViewConfiguration(false, false, 'test');
}
}
diff --git
a/ui/src/app/chart/components/chart-view/toolbar/chart-view-toolbar.component.html
b/ui/src/app/chart/components/chart-view/toolbar/chart-view-toolbar.component.html
index 4d034c25dd..7835c290b2 100644
---
a/ui/src/app/chart/components/chart-view/toolbar/chart-view-toolbar.component.html
+++
b/ui/src/app/chart/components/chart-view/toolbar/chart-view-toolbar.component.html
@@ -25,41 +25,6 @@
fxLayoutGap="10px"
fxFlex="100"
>
- <div
- fxFlex="25"
- fxLayout="row"
- fxLayoutAlign="start center"
- class="widget-header-text mr-15"
- >
- @if (editMode) {
- <div
- fxFlex="100"
- fxLayout="row"
- fxLayoutAlign="start center"
- class="form-field-small widget-title-container"
- >
- <span class="widget-title-text">{{
- 'Chart Name' | translate
- }}</span>
- <mat-form-field
- appearance="outline"
- color="accent"
- fxFlex="100"
- subscriptSizing="dynamic"
- >
- <input
- data-cy="appearance-config-widget-title"
- matInput
- [(ngModel)]="
- configuredWidget.baseAppearanceConfig
- .widgetTitle
- "
- />
- </mat-form-field>
- </div>
- }
- </div>
-
@if (editMode) {
<button
mat-flat-button
@@ -72,18 +37,6 @@
{{ (createMode ? 'Create' : 'Save') | translate }}
</button>
}
- @if (editMode) {
- <button
- mat-flat-button
- [matTooltip]="'Discard' | translate"
- class="mat-basic mr-10 edit-menu-btn"
- (click)="discardDataViewEmitter.emit()"
- data-cy="discard-data-explorer-widget-btn"
- >
- <i class="material-icons">undo</i>
- <span> {{ 'Discard' | translate }}</span>
- </button>
- }
@if (editMode) {
<button
mat-icon-button
diff --git
a/ui/src/app/chart/components/chart-view/toolbar/chart-view-toolbar.component.ts
b/ui/src/app/chart/components/chart-view/toolbar/chart-view-toolbar.component.ts
index 7ab3a31411..8277baab76 100644
---
a/ui/src/app/chart/components/chart-view/toolbar/chart-view-toolbar.component.ts
+++
b/ui/src/app/chart/components/chart-view/toolbar/chart-view-toolbar.component.ts
@@ -40,8 +40,6 @@ import {
LayoutDirective,
LayoutGapDirective,
} from '@ngbracket/ngx-layout/flex';
-import { MatFormField } from '@angular/material/form-field';
-import { MatInput } from '@angular/material/input';
import { FormsModule } from '@angular/forms';
import { MatButton, MatIconButton } from '@angular/material/button';
import { MatTooltip } from '@angular/material/tooltip';
@@ -58,8 +56,6 @@ import { MatMenu, MatMenuItem, MatMenuTrigger } from
'@angular/material/menu';
FlexDirective,
LayoutAlignDirective,
LayoutGapDirective,
- MatFormField,
- MatInput,
FormsModule,
MatButton,
MatTooltip,