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/J40MainGridContainer.tsx

@@ -6,18 +6,20 @@ import {GridContainer} from '@trussworks/react-uswds';
 interface IJ40MainGridContainer {
   children: ReactNode,
   fullWidth?: boolean,
-   blueBackground?: boolean,
-  className?: string
+  blueBackground?: boolean,
+  className?: string,
+  dataCy?: string,
 }
 
 const J40MainGridContainer = ({
   children,
   fullWidth = false,
   blueBackground = false,
-  className = ''}: IJ40MainGridContainer) => {
+  className = '',
+  dataCy,
+}: IJ40MainGridContainer) => {
   // is it a blue background strip?
   className += (blueBackground ? 'j40-main-grid-blue-bk ' : '');
-
   return fullWidth ? (
     <div
       className={className}>
@@ -26,7 +28,8 @@ const J40MainGridContainer = ({
   ) : (
     <GridContainer
       containerSize={'desktop-lg'}
-      className={className}>
+      className={className}
+      data-cy={dataCy}>
       {children}
     </GridContainer>
   );