feat: add cypress for e2e tests

client/package.json

@@ -82,16 +82,18 @@
   ],
   "license": "MIT",
   "scripts": {
-    "clean": "gatsby clean",
     "prebuild": "npm run build:workers && node ../tools/scripts/build/ensure-env.js",
     "build": "node --max_old_space_size=7168 node_modules/gatsby-cli build",
     "build:workers": "node --max_old_space_size=7168 node_modules/webpack-cli --env.production --config ./webpack-workers.js --progress",
+    "clean": "gatsby clean",
     "predevelop": "npm run prebuild",
     "develop": "node --inspect=0.0.0.0:9228 node_modules/gatsby-cli develop",
     "format:gatsby": "prettier-eslint --write --trailing-comma none --single-quote './gatsby-*.js'",
     "format:src": "prettier-eslint --write --trailing-comma none --single-quote './src/**/*.js'",
     "format:utils": "prettier-eslint --write --trailing-comma none --single-quote './utils/**/*.js'",
     "format": "npm run format:gatsby && npm run format:src && npm run format:utils",
+    "prestand-alone": "npm run prebuild",
+    "stand-alone": "gatsby develop",
     "serve": "gatsby serve",
     "test": "jest"
   },

client/src/components/Map/__snapshots__/Map.test.js.snap

@@ -10,6 +10,7 @@ exports[`<Map /> snapshot: Map 1`] = `
     >
       <div
         class="map-ui"
+        data-test-label="learn-curriculum-map"
       >
         <ul>
           <li

client/src/components/Map/index.js

@@ -115,7 +115,7 @@ export class Map extends Component {
     return (
       <Row>
         <Col sm={10} smOffset={1} xs={12}>
-          <div className='map-ui'>
+          <div className='map-ui' data-test-label='learn-curriculum-map'>
             <ul>
               {this.renderSuperBlocks(superBlocks)}
               <Spacer />

client/src/components/landing/index.js

@@ -17,7 +17,9 @@ const propTypes = {
 const BigCallToAction = () => (
   <Row>
     <Col md={6} mdOffset={3} sm={10} smOffset={1} xs={12}>
-      <Login block={true}>Sign in and get started (it's free)</Login>
+      <Login block={true} data-test-label='landing-big-cta'>
+        Sign in and get started (it's free)
+      </Login>
     </Col>
   </Row>
 );
@@ -35,7 +37,10 @@ export const Landing = ({ edges }) => {
         <Grid>
           <Row>
             <Col sm={10} smOffset={1} xs={12}>
-              <h1 className='big-heading text-center'>
+              <h1
+                className='big-heading text-center'
+                data-test-label='landing-header'
+              >
                 Welcome to freeCodeCamp.org
               </h1>
               <Spacer />