Fadibenz patch 5

.eslintrc.js

@@ -1,49 +1,31 @@
 module.exports = {
-  "env": {
-    "browser": true,
-    "es6": true,
-    "jest/globals": true
+  env: {
+    browser: true,
+    es6: true,
+    "jest/globals": true,
   },
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended"
-  ],
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
+  extends: ["eslint:recommended", "plugin:react/recommended"],
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
     },
-    "ecmaVersion": 2018,
-    "sourceType": "module"
+    ecmaVersion: 2018,
+    sourceType: "module",
   },
-  "plugins": [
-    "react", "jest"
-  ],
-  "rules": {
-    "indent": [
-      "error",
-        2
-      ],
-    "linebreak-style": [
-      "error",
-      "unix"
-    ],
-    "quotes": [
-      "error",
-      "single"
-    ],
-    "semi": [
-      "error",
-      "never"
-    ],
-    "eqeqeq": "error",
+  plugins: ["react", "jest"],
+  rules: {
+    indent: ["error", 2],
+    // "linebreak-style": [
+    //   "error",
+    //   "unix"
+    // ],
+    quotes: ["error", "double"],
+    semi: [2, "always"],
+    eqeqeq: "error",
     "no-trailing-spaces": "error",
-    "object-curly-spacing": [
-      "error", "always"
-    ],
-    "arrow-spacing": [
-      "error", { "before": true, "after": true }
-    ],
+    "object-curly-spacing": ["error", "always"],
+    "arrow-spacing": ["error", { before: true, after: true }],
     "no-console": "error",
-    "react/prop-types": 0
-  }
-}
+    "react/prop-types": 0,
+  },
+};

.github/workflows/health_check.yml

@@ -0,0 +1,16 @@
+name: periodic health check
+
+on: 
+  push: 
+    branches: 
+      - master
+
+jobs: 
+  health_check:
+    runs-on: ubuntu-latest
+    steps:
+        - name: URL Health Check
+          uses: Jtalk/url-health-check-action@v3.2
+          with:
+               url: https://full-stack-open-pokedex-e5ki.onrender.com
+

.github/workflows/hello.yml

@@ -0,0 +1,24 @@
+name: Hello World!
+
+
+on: 
+  push:
+    branches:
+       - master
+
+jobs: 
+  hello_world_job:
+      runs-on: ubuntu-20.04
+
+      steps:
+        - name: Say hello
+          run: | 
+              echo 'hello world'
+
+        - name: Now it is 
+          run: |
+              date
+
+        - name: Directory content 
+          run: |
+              ls -l

.github/workflows/pipeline.yml

@@ -0,0 +1,71 @@
+name: deployment pipeline
+
+on: 
+  push: 
+      branches: 
+          - master
+  pull_request:
+      branches: [master]
+      types: [opened, synchronize]
+
+
+jobs: 
+   simple_deployment_pipeline: 
+      runs-on: ubuntu-latest
+      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: Build 
+            run: npm run build 
+
+          - name: test 
+            run: npm test
+
+          - name: deploy 
+            if: ${{ github.event_name == 'push' }}
+            uses: Bounceapp/render-action@0.7.1
+            with:
+              github-token: ${{ secrets.GIT_TOKEN }}
+              render-token: ${{ secrets.RENDER_TOKEN }}
+              service-id: srv-ckaqq2mgtj9c73a04rv0
+   tag_release:
+     runs-on: ubuntu-latest
+     permissions:
+      contents: write
+     needs: [simple_deployment_pipeline]
+     steps: 
+       - name: Bump version and push tag 
+         if: ${{ ! contains(join(toJson(github.event.commits.*.message), ' '), '#skip')  }}
+         uses: mathieudutour/github-tag-action@v6.1
+         with:
+            github_token: ${{ secrets.GITHUB_TOKEN }}
+
+   discord_notification:
+      runs-on: ubuntu-latest
+      needs: [simple_deployment_pipeline]
+      steps:
+
+      - name: Test Success
+        uses: rjstone/discord-webhook-notify@v1
+        if: success()
+        with:
+          severity: info
+          details: Build Succeeded and a new version is deployed!
+          webhookUrl: ${{ secrets.DISCORD_WEBHOOK }}
+      - name: Test Failure
+        uses: rjstone/discord-webhook-notify@v1
+        if: failure()
+        with:
+          severity: error
+          details: build Failed!
+          webhookUrl: ${{ secrets.DISCORD_WEBHOOK }}
+

cypress.config.js

@@ -0,0 +1,9 @@
+const { defineConfig } = require("cypress");
+
+module.exports = defineConfig({
+  e2e: {
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
+});

cypress/e2e/Pokemon.cy.js

@@ -0,0 +1,9 @@
+describe("Pokedex", function () {
+  it("front page can be opened", function () {
+    cy.visit("http://localhost:3000");
+    cy.contains("ivysaur");
+    cy.contains(
+      "Pokémon and Pokémon character names are trademarks of Nintendo."
+    );
+  });
+});

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')