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/src/components/AboutCard/AboutCard.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import {Grid} from '@trussworks/react-uswds';
+
 import LinkTypeWrapper from '../LinkTypeWrapper';
+import {hyphenizeString} from '../../../cypress/integration/common/helpers';
 
 // the "body" section is the child object to allow for html versus just text
 interface AboutCardProps {
@@ -29,7 +31,7 @@ const AboutCard = (props: React.PropsWithChildren<AboutCardProps>) => {
               src={props.imgSrc}/>
           </Grid>
 
-          <Grid tablet={{col: 9}}>
+          <Grid tablet={{col: 9}} data-cy={`${hyphenizeString(props.header)}-block`}>
             <Grid row>
               <h2>{props.header}</h2>
               {props.children}
@@ -52,7 +54,7 @@ const AboutCard = (props: React.PropsWithChildren<AboutCardProps>) => {
               src={props.imgSrc}/>
           </Grid>
 
-          <Grid tablet={{col: 9}}>
+          <Grid tablet={{col: 9}} data-cy={`${hyphenizeString(props.header)}-block`}>
             <Grid row>
               <h3>{props.header}</h3>
               {props.children}

client/src/components/AboutCard/__snapshots__/AboutCard.test.tsx.snap

@@ -22,6 +22,7 @@ exports[`rendering of the AboutCard checks if component renders 1`] = `
       </div>
       <div
         class="tablet:grid-col-9"
+        data-cy="test-header-block"
         data-testid="grid"
       >
         <div