diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Sliders/CategorySlider_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Sliders/CategorySlider_spec.ts index f6a609c091..41bd965b2e 100644 --- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Sliders/CategorySlider_spec.ts +++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Sliders/CategorySlider_spec.ts @@ -286,7 +286,10 @@ describe( .GetWidgetCSSFrAttribute(locators._sliderThumb, "background-color") .then((sliderColor) => { agHelper - .GetWidgetCSSFrAttribute(propPane._fillColor, "background-color") + .GetWidgetCSSFrAttribute( + `${propPane._propertyControlSelectedColorButton("fillcolor")}`, + "background-color", + ) .then((newColor) => { expect(sliderColor).to.eq(newColor); }); diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Sliders/NumberSlider_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Sliders/NumberSlider_spec.ts index fec42f495e..51643b4155 100644 --- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Sliders/NumberSlider_spec.ts +++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Sliders/NumberSlider_spec.ts @@ -377,7 +377,10 @@ describe("Number Slider spec", { tags: ["@tag.Widget", "@tag.Slider"] }, () => { .GetWidgetCSSFrAttribute(locators._sliderThumb, "background-color") .then((sliderColor) => { agHelper - .GetWidgetCSSFrAttribute(propPane._fillColor, "background-color") + .GetWidgetCSSFrAttribute( + `${propPane._propertyControlSelectedColorButton("fillcolor")}`, + "background-color", + ) .then((newColor) => { expect(sliderColor).to.eq(newColor); }); diff --git a/app/client/cypress/support/Pages/PropertyPane.ts b/app/client/cypress/support/Pages/PropertyPane.ts index 40d3e0883e..5a80cdd86d 100644 --- a/app/client/cypress/support/Pages/PropertyPane.ts +++ b/app/client/cypress/support/Pages/PropertyPane.ts @@ -139,6 +139,8 @@ export class PropertyPane { _dropdownOptionSpan = ".t--dropdown-option span"; public _propertyControlColorPicker = (property: string) => `.t--property-control-${property} .bp3-input-group input`; + public _propertyControlSelectedColorButton = (property: string) => + `.t--property-control-${property} ${this._fillColor}`; _propertyText = ".bp3-ui-text span"; _paneTitle = ".t--property-pane-title"; _segmentedControl = (value: string) =>