Deployment 6 - EC2's, React, and Cypress

Documentation.md

@@ -0,0 +1,17 @@
+# Deployment 6: EC2s, Agents and Testing
+
+### Objective; Orchestrate 3 EC2s so that one runs Jenkins, one runs a Java app, and one runs the testing suite. Use Jenkins to automate buildilng and testing.
+
+### Step 1: Configuring the EC2s
+
+Install the necessary dependencies on each EC2, and also install the Jenkins plugins that will permit them to work on its agents.
+
+### Step 2: Constructing the Pipeline
+
+Using the pipeline script, build a Jenkinsfile in the repo. Add the two agents to Jenkins, and insert their respective labels into the pipeline.
+
+### Step 3: Find the locations of the various reports
+
+In the `Screenshots` folder, you will find the requested screenshots.
+
+![req_ss](Screenshots/requested_ss.png)

kura_test_repo/Jenkinsfile → Jenkinsfile

@@ -1,17 +1,22 @@
 pipeline {
-  agent any
+  agent {
+      label 'agent01'
+  }
   stages {
     stage ('Build') {
       steps {
       sh 'rm -rf ./kura_test_repo/cypress2'
       sh '''
         npm install
+        npm run build
+        sudo npm install -g serve
+        serve -s build &
         '''
       }
     }
     stage ('Second') {
       agent {
-        label 'React-dev'
+        label 'agent02'
       }
       steps {
       sh ''' 
@@ -29,3 +34,4 @@ pipeline {
     }
   }
 } 
+

Screenshots/README.md

@@ -0,0 +1,18 @@
+# DEPLOY6_FE
+
+In this repo you'll find 5 screenshots.
+
+**Successful Build**
+This is the ss for the successful build using two agents and a Jenkins master.
+
+**Unsuccessful Build**
+This is the ss for the successful build using two agents and a Jenkins master, due to a failed test.
+
+**Successful + Uncessful Build**
+This is the ss showing both of these builds in the project page.
+
+**Location of Image Test**
+This ss shows the path to the file.
+
+**Location of Video Test**
+This ss shows the path to the file.

kura_test_repo/cypress.json → cypress.json

@@ -3,5 +3,7 @@
   "reporterOptions": {
     "mochaFile": "results/cypress-report.xml",
     "toConsole": true
-  }
+  },
+  "integrationFolder": "./cypress/integration",
+  "testFiles": "**.spec.js"
 }

kura_test_repo/cypress/integration/test.spec.js → cypress/integration/test.spec.js

@@ -1,6 +1,6 @@
 describe('Heading', () => {
     it('has the right title', () => {
-        cy.visit('http://172.31.31.38:5000/example-1')
+        cy.visit('http://172.31.16.172:5000/example-1')
 
         cy.get('h1')
             .invoke('text')

kura_test_repo/src/pages/Example1Page.js → src/pages/Example1Page.js

@@ -15,4 +15,4 @@ export const Example1Page = () => (
     <Wrapper>
         <h1>My Awesome Web Application</h1>
     </Wrapper>
-);
+);