fix(cypress): Wait for color change in pickRandomColor

Signed-off-by: Ferdinand Thiessen <[email protected]>

Author: susnux

cypress/e2e/theming/themingUtils.ts

@@ -77,12 +77,20 @@ export const pickRandomColor = function(): Cypress.Chainable<string> {
 
 	const colorPreviewSelector = '[data-user-theming-background-color],[data-admin-theming-setting-primary-color]'
 
+	let oldColor = ''
+	cy.get(colorPreviewSelector).then(($el) => {
+		oldColor = $el.css('background-color')
+	})
+
 	// Open picker
 	cy.contains('button', 'Change color').click()
 
 	// Click on random color
 	cy.get('.color-picker__simple-color-circle').eq(randColour).click()
 
+	// Wait for color change
+	cy.waitUntil(() => Cypress.$(colorPreviewSelector).css('background-color') !== oldColor)
+
 	// Get the selected color from the color preview block
 	return cy.get(colorPreviewSelector).then(($el) => $el.css('background-color'))
 }