Feature

.github/workflows/github-test.yml

@@ -0,0 +1,24 @@
+name: Testing github workflow
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  a_test_job:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: github context 
+        env:
+          GITHUB_CONTEXT: ${{ toJson(github) }}
+        run: echo "$GITHUB_CONTEXT"
+      - name: commits
+        env:
+          COMMITS: ${{ toJson(github.event.commits) }}
+        run: echo "$COMMITS"
+      - name: commit messages
+        env:
+          COMMIT_MESSAGES: ${{ toJson(github.event.commits.*.message) }}
+        run: echo "$COMMIT_MESSAGES"

.github/workflows/hello.yml

@@ -0,0 +1,19 @@
+name: Hello world!
+
+on: 
+  push:
+    branches:
+      - main
+jobs:
+  hello-world-job:
+    runs-on: ubuntu-latest
+    steps:
+      - name: say hello world! 
+        run: | 
+          echo "Hello World!"
+      - name: print current date
+        run: date
+
+
+      - name: list the directory
+        run: ls -l 

.github/workflows/period.yml

@@ -0,0 +1,18 @@
+name: Periodic Hello
+
+on: 
+  workflow_dispatch:
+  schedule:
+    - cron: '*/15  * * * *'
+
+jobs:
+  health_check:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check if the deployed app is healthy
+        uses: jtalk/url-health-check-action@v5
+        with: 
+          url: https://pokemon-ci-cd.onrender.com/health
+          max-attempts: 3
+          retry-delay: 3s

.github/workflows/pipeline.yml

@@ -0,0 +1,116 @@
+name: Deployment pipeline
+
+on: 
+  push:
+    branches:
+      - main
+
+  pull_request:
+    branches: [ main ]
+    types: [ opened, synchronize ]
+
+jobs: 
+  build_and_test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '24'
+      - name: install the dependancies
+        run: npm install
+
+      - name: Check style
+        run: npm run eslint
+
+      - name: Run Test
+        run: npm test
+
+      - name: Build step
+        run: npm run build
+
+      - name: Install playwright drivers 
+        run: |
+          npx playwright install 
+          sudo npx playwright install-deps
+
+      - name: end-to-end test
+        run: npm run test:e2e
+
+  deploy:
+    needs: build_and_test
+
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '24'
+      - name: install the dependancies
+        run: npm install
+      - name: Trigger deployment
+        if: ${{ github.event_name == 'push' && !contains(github.event.head_commit.message, '#skip') }}
+        run: curl ${{ secrets.RENDER_DEPLOY_HOOK }}
+
+  tag_release: 
+    needs: [ build_and_test, deploy ]
+
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: write
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '24'
+      - name: install the dependancies
+        run: npm install
+
+      - name: Bump version and push tag
+        if: ${{ github.event_name == 'push' && !contains(github.event.head_commit.message, '#skip') }}
+        uses: anothrNick/github-tag-action@1.75.0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          DEFAULT_BUMP: minor
+
+  notificatfy_success: 
+    needs: [build_and_test, deploy ]
+
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Send notification to discord
+        uses: sarisia/actions-status-discord@v1
+        if: ${{ always() && github.event_name == 'push' && !contains(github.event.head_commit.message, '#skip') }}
+        with:
+          webhook: ${{ secrets.DISCORD_WEBHOOK }}
+          status: ${{ job.status }}
+          # content: "Hello <@&${{ secrets.DISCORD_ROLE_ID }}>"
+          title: "Deployment"
+          description: | 
+            Build and deploy to Github Pages
+          image: ${{ secrets.EMBED_IMAGE }}
+          color: ${{ job.status == 'success' && 'green' || job.status == 'failure' && 'red' || 'yellow' }}
+
+  notify_failure:
+    needs: [build_and_test,deploy ]
+
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Send error notification 
+        uses: sarisia/actions-status-discord@v1
+        if: ${{ failure() && github.event_name == 'push' && !contains(github.event.head_commit.message, '#skip') }}
+        with:
+          webhook: ${{ secrets.DISCORD_WEBHOOK }}
+          status: ${{ job.status }}
+          content: "Hello <@&${{ secrets.DISCORD_ID }}>"
+          title: "Deployment"
+          description: | 
+            Build and deploy to Github Pages
+          image: ${{ secrets.EMBED_IMAGE }}
+          color: ${{ job.status == 'success' && 'green' || job.status == 'failure' && 'red' || 'yellow' }}

.gitignore

@@ -1,2 +1,9 @@
 dist/
-node_modules/
+node_modules/
+
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+/playwright/.auth/

README.md

@@ -1,6 +1,7 @@
 # Full Stack open CI/CD
 
-This repository is used for the CI/CD module of the Full Stack Open course
+> [!Notice]
+> This repository is used for the CI/CD module of the Full Stack Open course
 
 ## Commands
 
@@ -11,3 +12,9 @@ Start by running `npm install` inside the project folder
 `npm run eslint` to run eslint
 `npm run build` to make a production build
 `npm run start-prod` to run your production build
+
+## deployed app
+
+The app is deployed on render
+
+visit [here](https://pokemon-ci-cd.onrender.com)

app.js

@@ -1,13 +1,16 @@
-const express = require("express");
-const app = express();
-
+const express = require('express')
+const app = express()
 // get the port from env variable
-const PORT = process.env.PORT || 5001;
+const PORT = process.env.PORT || 5001
+
+app.use(express.static('dist'))
+app.get('/health', (req,res) => {
+  res.status(200).json({ status: 'ok' })
+})
 
-app.use(express.static("dist"));
 
 const start = async () => {
-  await app.listen(PORT)
+  app.listen(PORT)
   console.log(`server started on port ${PORT}`)
 }
 

e2e-tests/Pokemon.spec.js

@@ -0,0 +1,26 @@
+// @ts-check
+import { test, expect } from '@playwright/test'
+import { describe } from 'node:test'
+
+describe('Pokedex', () => {
+  test('front page can be opened', async ({ page }) => {
+    await page.goto('http://localhost:8080/')
+
+    await expect(page.getByText('ivysaur')).toBeVisible()
+
+    await expect(
+      page.getByText(
+        'Pokémon and Pokémon character names are trademarks of Nintendo.'
+      )
+    ).toBeVisible()
+  })
+  test('expect a pokemon description to be visible', async ({ page })=> 
+  {
+    await page.goto('http://localhost:8080/pokemon/ivysaur')
+    await expect(
+      page.getByText(
+        'chlorophyll'
+      )
+    ).toBeVisible()
+  })
+})

jest.setup.js

@@ -1,4 +1,5 @@
-const { TextEncoder, TextDecoder } = require('util')
+/* eslint-disable no-undef */
+import  { TextEncoder, TextDecoder } from 'util'
 
 global.TextEncoder = TextEncoder
 global.TextDecoder = TextDecoder