Add visual tests for Edit Colors dialog

cypress/integration/visual-tests.spec.js

@@ -133,6 +133,17 @@ context('visual tests', () => {
 		cy.matchImageSnapshot(withTextCompareOptions);
 	});
 
+	const test_edit_colors_dialog = (expand=true) => {
+		cy.contains(".menu-button", "Colors").click();
+		cy.contains(".menu-item", "Edit Colors").click();
+		cy.wait(100);
+		if (expand) {
+			cy.contains("button", "Define Custom Colors >>").click();
+		}
+		cy.get('.window:visible').matchImageSnapshot(Object.assign({}, withTextCompareOptions));
+	};
+	it('modern theme edit colors dialog (expanded)', test_edit_colors_dialog);
+
 	it('winter theme', () => {
 		selectTheme("Winter");
 		// cy.contains(".menu-button", "View").click();
@@ -141,6 +152,8 @@ context('visual tests', () => {
 		cy.matchImageSnapshot(withTextCompareOptions);
 	});
 
+	it('winter theme edit colors dialog (expanded)', test_edit_colors_dialog);
+
 	it('winter theme vertical color box', () => {
 		cy.wait(500);
 		cy.contains(".menu-button", "Extras").click();
@@ -156,6 +169,10 @@ context('visual tests', () => {
 		cy.matchImageSnapshot(withTextCompareOptions);
 	});
 
+	it('classic theme edit colors dialog', ()=> {
+		test_edit_colors_dialog(false);
+	});
+
 	it('modern theme vertical color box', () => {
 		selectTheme("Modern");
 		cy.matchImageSnapshot(withTextCompareOptions);