diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Tab/Tabs_2_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Tab/Tabs_2_spec.ts index 2dc84c08f04b..ae871b77beb0 100644 --- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Tab/Tabs_2_spec.ts +++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Tab/Tabs_2_spec.ts @@ -189,7 +189,7 @@ describe( }); // to work on redesign of the test, commenting for now - it.skip("7. Verify colors, borders and shadows", () => { + it("7. Verify colors, borders and shadows", () => { // Verify font color picker opens up propPane.MoveToTab("Style"); agHelper.GetNClick(propPane._propertyControlColorPicker("accentcolor")); @@ -220,11 +220,16 @@ describe( // Border Color propPane.SelectColorFromColorPicker("bordercolor", 13); assertHelper.AssertNetworkStatus("@updateLayout"); - agHelper.AssertCSS( - tabs._tabsWidgetStyle, - "border-color", - "rgb(185, 28, 28)", - ); + + agHelper + .GetWidgetCSSFrAttribute(propPane._borderColorCursor, "color") + .then((color) => { + agHelper + .GetWidgetCSSFrAttribute(locators._widgetBorder, "color", 1) + .then((bgcolor) => { + expect(color).to.eq(bgcolor); + }); + }); agHelper.AssertAttribute(propPane._colorPickerInput, "type", "text", 2); propPane.TogglePropertyState("bordercolor", "On", ""); diff --git a/app/client/cypress/support/Objects/CommonLocators.ts b/app/client/cypress/support/Objects/CommonLocators.ts index 600009c550bb..2200d6eb1815 100644 --- a/app/client/cypress/support/Objects/CommonLocators.ts +++ b/app/client/cypress/support/Objects/CommonLocators.ts @@ -341,4 +341,5 @@ export class CommonLocators { _saveDatasource = `[data-testid='t--store-as-datasource']`; _propertyCollapseBody = ".bp3-collapse-body"; _propertyCollapse = ".bp3-collapse"; + _widgetBorder = ".t--draggable-tabswidget div div div"; } diff --git a/app/client/cypress/support/Pages/PropertyPane.ts b/app/client/cypress/support/Pages/PropertyPane.ts index f826f788d267..41d5daa99d37 100644 --- a/app/client/cypress/support/Pages/PropertyPane.ts +++ b/app/client/cypress/support/Pages/PropertyPane.ts @@ -177,6 +177,7 @@ export class PropertyPane { _dataIcon = (icon: string) => `[data-icon="${icon}"]`; _iconDropdown = "[data-test-id='virtuoso-scroller']"; _dropdownControlError = "[data-testid='t---dropdown-control-error']"; + _borderColorCursor = ".t--property-control-bordercolor .bp3-input-group div"; public OpenJsonFormFieldSettings(fieldName: string) { this.agHelper.GetNClick(this._jsonFieldEdit(fieldName));