adding serve for running e2e tests

Author: saljuama

.circleci/config.yml

@@ -8,18 +8,26 @@ workflows:
   version: 2
   pipeline:
     jobs:
+      - install:
+          filters:
+            branches:
+              only: main
       - run_tests:
           filters:
             branches:
               only: main
+          requires:
+            - install
       - cypress/run:
           yarn: true
           executor: cypress/base-14
-          start: yarn start
-          wait-on: 'http://localhost:3000'
+          start: yarn serve
+          wait-on: 'http://localhost:5000'
           filters:
             branches:
               only: main
+          requires:
+            - install
       - publish_github_page:
           filters:
             branches:
@@ -29,7 +37,7 @@ workflows:
             - cypress/run
 
 jobs:
-  run_tests:
+  install:
     working_directory: ~/saljuama.github.io
     docker:
       - image: circleci/node:14.15.1
@@ -44,6 +52,17 @@ jobs:
           paths:
             - node_modules
           key: v1-dependencies-{{ checksum "package.json" }}
+
+  run_tests:
+    working_directory: ~/saljuama.github.io
+    docker:
+      - image: circleci/node:14.15.1
+    steps:
+      - checkout
+      - restore_cache:
+          keys:
+            - v1-dependencies-{{ checksum "package.json" }}
+            - v1-dependencies-
       - run: yarn test
 
   publish_github_page:

cypress.json

@@ -1,3 +1,3 @@
 {
-  "baseUrl": "http://localhost:3000"
+  "baseUrl": "http://localhost:5000"
 }

package.json

@@ -9,7 +9,8 @@
     "clean": "eslint \"src/**/*.js\" --fix",
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "predeploy": "npm run build",
+    "serve": "yarn build && serve -s build",
+    "predeploy": "yarn build",
     "deploy": "gh-pages -b gh-pages -e ./docs -d build"
   },
   "dependencies": {
@@ -33,7 +34,8 @@
     "cypress": "^6.8.0",
     "gh-pages": "^3.1.0",
     "node-sass": "4.14.1",
-    "react-scripts": "4.0.3"
+    "react-scripts": "4.0.3",
+    "serve": "^11.3.2"
   },
   "browserslist": {
     "production": [