test: fix test failing due to change in single value behaviour

Author: kabaros

cypress/elements/optionsModal/index.js

@@ -76,7 +76,8 @@ export {
     changeDisplayStyleToText,
     expectLegendDisplayStyleToBeText,
     expectLegendDisplayStyleToBeFill,
-    expectSingleValueToNotBeColor,
+    expectSingleValueToHaveBackgroundColor,
+    expectSingleValueToNotHaveBackgroundColor,
     expectSingleValueToBeColor,
     toggleLegendKeyOption,
     expectLegendKeyOptionToBeEnabled,

cypress/elements/optionsModal/legend.js

@@ -3,6 +3,7 @@ const legendKeyOptionEl = 'option-legend-key'
 const legendKeyEl = 'visualization-legend-key'
 const legendKeyContainerEl = 'legend-key-container'
 const legendKeyItemEl = 'legend-key-item'
+const visualizationContainerEl = 'visualization-container'
 const singleValueOutputEl = 'visualization-primary-value'
 const legendDisplayStrategyByDataItemEl = 'legend-display-strategy-BY_DATA_ITEM'
 const legendDisplayStrategyFixedEl = 'legend-display-strategy-FIXED'
@@ -64,11 +65,17 @@ export const changeFixedLegendSet = (legendSetName) => {
 export const expectFixedLegendSetToBe = (legendSetName) =>
     cy.getBySel(fixedLegendSetSelectEl).should('contain', legendSetName)
 
-export const expectSingleValueToNotBeColor = (color) =>
+export const expectSingleValueToHaveBackgroundColor = (color) =>
     cy
-        .getBySel(singleValueOutputEl)
-        .invoke('attr', 'fill')
-        .should('not.eq', color)
+        .getBySel(visualizationContainerEl)
+        .parent()
+        .should('have.css', 'background-color', color)
+
+export const expectSingleValueToNotHaveBackgroundColor = (color) =>
+    cy
+        .getBySel(visualizationContainerEl)
+        .parent()
+        .should('not.have.css', 'background-color', color)
 
 export const expectSingleValueToBeColor = (color) =>
     cy.getBySel(singleValueOutputEl).invoke('attr', 'fill').should('eq', color)

cypress/integration/options/legend.cy.js

@@ -46,7 +46,8 @@ import {
     expectLegendDisplayStyleToBeText,
     expectLegendToBeEnabled,
     expectSingleValueToBeColor,
-    expectSingleValueToNotBeColor,
+    expectSingleValueToHaveBackgroundColor,
+    expectSingleValueToNotHaveBackgroundColor,
     OPTIONS_TAB_LEGEND,
     toggleLegendKeyOption,
     expectLegendKeyOptionToBeEnabled,
@@ -152,6 +153,7 @@ describe('Options - Legend', () => {
     describe('Applying a legend: Single value', () => {
         const TEST_ITEM = TEST_ITEMS[0]
         const EXPECTED_STANDARD_TEXT_COLOR = '#212934'
+        const EXPECTED_LEGEND_BACKGROUND_COLOR = 'rgb(255, 255, 178)'
         it('navigates to the start page and adds data items', () => {
             goToStartPage()
             changeVisType(visTypeDisplayNames[VIS_TYPE_SINGLE_VALUE])
@@ -160,6 +162,9 @@ describe('Options - Legend', () => {
             clickDimensionModalUpdateButton()
             expectVisualizationToBeVisible(VIS_TYPE_SINGLE_VALUE)
             expectSingleValueToBeColor(EXPECTED_STANDARD_TEXT_COLOR)
+            expectSingleValueToNotHaveBackgroundColor(
+                EXPECTED_LEGEND_BACKGROUND_COLOR
+            )
         })
         it('enables legend', () => {
             clickMenuBarOptionsButton()
@@ -171,7 +176,9 @@ describe('Options - Legend', () => {
             expectVisualizationToBeVisible(VIS_TYPE_SINGLE_VALUE)
         })
         it('legend is applied', () => {
-            expectSingleValueToNotBeColor(EXPECTED_STANDARD_TEXT_COLOR)
+            expectSingleValueToHaveBackgroundColor(
+                EXPECTED_LEGEND_BACKGROUND_COLOR
+            )
         })
         it('legend key is hidden', () => {
             expectLegendKeyToBeHidden()
@@ -460,6 +467,7 @@ describe('Options - Legend', () => {
     })
     describe('Transferring a legend: Column -> Single value', () => {
         const EXPECTED_STANDARD_TEXT_COLOR = '#212934'
+        const EXPECTED_LEGEND_BACKGROUND_COLOR = 'rgb(255, 255, 178)'
         it('navigates to the start page and adds data items', () => {
             goToStartPage()
             openDimension(DIMENSION_ID_DATA)
@@ -490,7 +498,9 @@ describe('Options - Legend', () => {
             expectVisualizationToBeVisible(VIS_TYPE_SINGLE_VALUE)
         })
         it('legend is applied to Single value', () => {
-            expectSingleValueToNotBeColor(EXPECTED_STANDARD_TEXT_COLOR)
+            expectSingleValueToHaveBackgroundColor(
+                EXPECTED_LEGEND_BACKGROUND_COLOR
+            )
         })
         it('verifies that options are persisted', () => {
             clickMenuBarOptionsButton()