Gherkin workflows for desktop (#788)

* Add gherkin tests for page navigation links

- test that every page will load when navigating from any other page
- update snapshots

* Add gherkin workflows 2 - 5

- add test for Federal program officer key information and CTA
- add test for Community members key information and CTA
- add test for Send feedback
- add test for Join the Open Source community
- update snapshots

* Add gherkin tests for footer links

- add footerlinks feature gherkin file
- adds a comment to the hyphenizeString()
- adds keyword functions for footer
- adds data-cy tags to footer component
- updates snapshots

* Adds workflow to learn more about EO

* Add gherkin test for dataset links

- add data-cy tags to dataset sections
- modify Cy command functions names
- update snapshots

* Add cypress test to deploy_staging.yml

* Add working directory env

* Remove keywords.js from cypress test

* Add a Then step to all About and Footer tests

* Refactor step definitions

- use globalStepDefinitions
- rename keywords to commonSteps
- remove keyword from exclusion list

client/cypress/support/commands.js

@@ -1,4 +1,4 @@
-/* MAP */
+import {hyphenizeString} from '../integration/common/helpers';
 
 // For some interactions, we need access to the underlying map
 // Below adapted from https://github.com/codeforcologne/edelgard-map
@@ -26,3 +26,11 @@ Cypress.Commands.add('waitForMapIdle', (map) => {
     map.once('idle', resolve);
   });
 });
+
+Cypress.Commands.add('testExternalLinks', (string) => {
+  return cy.get(`[data-cy="${hyphenizeString(string)}-block"] a`).each((link) => {
+    cy.request(link.prop('href'))
+        .its('status')
+        .should('eq', 200);
+  });
+});

client/cypress/support/step_definitions/commonSteps.js

@@ -0,0 +1,64 @@
+/* eslint-disable new-cap */
+
+// Common step definitions for Gherkin
+
+import {ENDPOINTS} from '../../integration/LegacyTests/constants';
+import {hyphenizeString} from '../../integration/common/helpers';
+
+// Common Givens:
+Given('I am on the {string} page', (page) => {
+  const pageArray = page.split(' ');
+  cy.viewport(1060, 800);
+  cy.visit(ENDPOINTS[pageArray.join('_').toUpperCase()]);
+});
+
+// Common Whens:
+When(`I click on the {string} page in the navigation`, (page) => {
+  const pageHyphenCase = hyphenizeString(page);
+  cy.get(`[data-cy="nav-link-${pageHyphenCase}"]`).click();
+});
+
+When(`I look for the {string} CTA`, (ctaString) => {
+  cy.get(`[data-cy="${hyphenizeString(ctaString)}-block"]`).as('CTA_block');
+  cy.get('@CTA_block').scrollIntoView().should('be.visible');
+});
+
+When(`I look for the {string}`, (footer) => {
+  cy.get(`[data-cy="${hyphenizeString(footer)}-primary-block"]`).scrollIntoView().should('be.visible');
+});
+
+// Common Thens:
+Then(`I see {string} in the title`, (title) => {
+  cy.title().should('include', title);
+});
+
+Then(`All links under {string} should work`, (title) => {
+  cy.testExternalLinks(title);
+});
+
+Then(`the link should allow client to send an email to {string}`, (email) => {
+  cy.get(`@CTA_block`).find('a').invoke('attr', 'href').should('eq', `mailto:${email}`);
+});
+
+Then(`the link should respond successfully`, () => {
+  cy.get(`@externalLink`).then((link) => {
+    cy.request(link.prop('href'))
+        .its('status')
+        .should('eq', 200);
+  });
+});
+
+// Common Ands:
+And(`I click on the {string} {string} link`, (ctaString, type) => {
+  const CTALinkSelector = `[data-cy="${hyphenizeString(ctaString)}-block"] a`;
+
+  if (type === 'internal') {
+    cy.get(CTALinkSelector).click();
+  } else {
+    cy.get(CTALinkSelector).as('externalLink');
+  };
+});
+
+And(`I click on the {string} footer link`, (string) => {
+  cy.get(`[data-cy="${hyphenizeString(string)}"]`).as('externalLink');
+});