Experimental feature

.eslintrc.js

@@ -2,7 +2,9 @@ module.exports = {
   "env": {
     "browser": true,
     "es6": true,
-    "jest/globals": true
+    "jest/globals": true,
+    "node" : true,
+    "cypress/globals": true,
   },
   "extends": [
     "eslint:recommended",
@@ -16,15 +18,15 @@ module.exports = {
     "sourceType": "module"
   },
   "plugins": [
-    "react", "jest"
+    "react", "jest", "cypress"
   ],
   "rules": {
     "indent": [
       "error",
         2
       ],
     "linebreak-style": [
-      "error",
+      "off",
       "unix"
     ],
     "quotes": [

.github/workflows/helloworld.yml

@@ -0,0 +1,28 @@
+name: Hello World!
+
+on:
+  push:
+    branches:
+      - master
+      # note that your "main" branch might be called main instead of master
+
+jobs:
+  hello_world_job:
+    runs-on: ubuntu-20.04
+    steps:
+      - name: Say hello
+        run: |
+          echo "Hello World!"
+      - name : Print Date
+        run : |
+          date
+      - name : Directory Content
+        run : |
+            ls -l
+  new_job:
+    runs-on: ubuntu-20.04
+    steps : 
+      - name : New Test
+        run : echo "hello world"
+
+

.github/workflows/pipeline.yml

@@ -0,0 +1,51 @@
+name: Deployment Pipeline
+
+on:
+    push: 
+        branches: 
+            - master
+
+    pull_request: 
+      branches: [master]
+      types: [opened,closed,synchronize]
+
+jobs: 
+    Simple-Deployment-Pipeline : 
+        runs-on : ubuntu-20.04
+        steps : 
+            - uses: actions/checkout@v3
+            - uses: actions/setup-node@v3
+              with: 
+                node-version: "16"
+            - name: Install dependencies
+              run: npm install
+            - name: Check Style
+              run: npm run eslint
+            - name: Test the application
+              run: npm run test
+            - name: Build the application
+              run: npm run build
+    TriggerDeploy : 
+      if: (github.head_ref == 'master')
+      needs: [Simple-Deployment-Pipeline]
+      name: Deploy to Render
+      runs-on: ubuntu-latest
+      steps:
+        - name: Trigger deployment
+          run: curl https://api.render.com/deploy/srv-${{ secrets.RENDER_SERVICE_ID }}?key=${{ secrets.RENDER_API_KEY }}
+    TagRelease : 
+      if: ( github.head_ref == 'master')
+      needs: [Simple-Deployment-Pipeline]
+      name: Tag a release
+      permissions:
+        contents: write
+      runs-on: ubuntu-latest
+      steps: 
+      - name : Say Hello
+        run : echo "Hello Tag Release."
+      - name : Bump version and push tag
+        uses : anothrNick/github-tag-action@1.55.0
+        env :
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+

app.js

@@ -1,11 +1,14 @@
-const express = require("express");
-const app = express();
+const express = require('express')
+const app = express()
 
 // Heroku dynamically sets a port
-const PORT = process.env.PORT || 5000;
+const PORT = process.env.PORT || 5000
+
+app.use(express.static('dist'))
+
+app.listen(PORT,'0.0.0.0' , () => {
+})
+
+
 
-app.use(express.static("dist"));
 
-app.listen(PORT, () => {
-  console.log("server started on port 5000");
-});

cypress.config.js

@@ -0,0 +1,5 @@
+const { defineConfig } = require('cypress')
+
+module.exports = defineConfig({
+
+})

cypress/e2e/e2e.cy.js

@@ -0,0 +1,6 @@
+describe('Note app', () => {
+  it('front page can be opened', function () {
+    cy.visit('http://localhost:5173')
+    cy.get('.list-item')
+  })
+})

cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}

cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

cypress/support/e2e.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/e2e.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')