Added connect to mailchimp test.

Author: iamdharmesh

tests/cypress/e2e/connect.test.js

@@ -0,0 +1,37 @@
+/* eslint-disable no-undef */
+describe('Admin can connect to "Mailchimp" Account', () => {
+	before(() => {
+		cy.login();
+	});
+
+	it('Can connect to "Mailchimp" using OAuth flow.', () => {
+		cy.visit('/wp-admin/admin.php?page=mailchimp_sf_options');
+
+		// Logout if already connected.
+		cy.get('body').then(($body) => {
+			if ($body.find('input[value="Logout"]').length > 0) {
+				cy.get('input[value="Logout"]').click();
+			}
+		});
+
+		// Check Mailchimp menu.
+		cy.get('#mailchimp_sf_oauth_connect').should('exist');
+
+		// Enable popup capture.
+		cy.capturePopup();
+
+		cy.get('#mailchimp_sf_oauth_connect').click();
+		cy.wait(5000);
+
+		cy.popup().find('input#username').clear().type(Cypress.env('MAILCHIMP_USERNAME'));
+		cy.popup().find('input#password').clear().type(Cypress.env('MAILCHIMP_PASSWORD'));
+		cy.popup().find('button[type="submit"]').click();
+		cy.wait(8000); // Not a best practice, but did not find a better way to handle this.
+
+		cy.popup().find('input#submitButton').click();
+		cy.wait(10000);
+
+		cy.get('.mc-user h3').contains('Logged in as: ');
+		cy.get('input[value="Logout"]').should('exist');
+	});
+});

tests/cypress/support/commands.js

@@ -23,3 +23,28 @@
 //
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+
+const state = {};
+
+/**
+ * Intercepts calls to window.open() to keep a reference to the new window
+ */
+Cypress.Commands.add('capturePopup', () => {
+	cy.window().then((win) => {
+		const { open } = win;
+		cy.stub(win, 'open').callsFake((...params) => {
+			// Capture the reference to the popup
+			state.popup = open(...params);
+			return state.popup;
+		});
+	});
+});
+
+/**
+ * Returns a wrapped body of a captured popup
+ */
+Cypress.Commands.add('popup', () => {
+	console.log('state', state.popup);
+	const popup = Cypress.$(state.popup.document);
+	return cy.wrap(popup.contents().find('body'));
+});

tests/cypress/support/index.js

@@ -15,6 +15,9 @@
 
 import '@10up/cypress-wp-utils';
 
+// Import commands.js using ES2015 syntax:
+import './commands';
+
 beforeEach( () => {
 	cy.session( 'login', cy.login, {
 		cacheAcrossSpecs: true,