l

.eslintrc.js

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

.github/workflows/health_check.yml

@@ -0,0 +1,15 @@
+# name: Health Check
+
+# on:
+#   schedule:
+#     - cron: '0 12 */1 * *'
+
+# jobs:
+#   health_check:
+#     name: health_check
+#     runs-on: ubuntu-20.04
+#     steps:
+#       - name:
+#         uses: jtalk/url-health-check-action@b716ccb6645355dd9fcce8002ce460e5474f7f00
+#         with:
+#           url: https://full-stack-open-pokedex-ixmj.onrender.com/health

.github/workflows/hello.yml

@@ -0,0 +1,20 @@
+name: Hello World!
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  hello_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,69 @@
+name: Deployment pipeline
+
+env:
+  SKIP_CONDITION: ${{ contains(join(github.event.commits.*.message, ', '), '#skip') }}
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches: [main]
+    types: [opened, synchronize]
+
+jobs:
+  simple_deployment_pipeline:
+    name: simple_deployment_pipeline
+    runs-on: ubuntu-20.04
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+      - name: Install dependencies
+        run: npm install
+      - name: Check style
+        run: npm run eslint
+      - name: build
+        run: npm run build
+      - name: test
+        run: npm run test
+      - name: install playwright browsers
+        run: npx playwright install --with-deps
+      - name: e2e tests
+        run: npm run test:e2e
+      - name: Trigger deployment
+        if: ${{ github.event_name == 'push' }}
+        run: curl https://api.render.com/deploy/srv-${{ secrets.RENDER_SERVICE_ID }}?key=${{ secrets.RENDER_API_KEY }}
+
+      - name: Success
+        uses: Ilshidur/action-discord@e3927b5d7bb18e3ad2b1e334226af57c6391aaeb
+        if: ${{ success() }}
+        env:
+          DISCORD_WEBHOOK: ${{ secrets.DISCORD_WEBHOOK }}
+          DISCORD_USERNAME: "GitHub Bot Part 11"
+          DISCORD_AVATAR: "https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png"
+        with:
+          args: "A new version of Pokedex deployed to https://pdex.fly.dev by {{ EVENT_PAYLOAD.repository.owner.name }}"
+
+      - name: Error
+        uses: Ilshidur/action-discord@e3927b5d7bb18e3ad2b1e334226af57c6391aaeb
+        if: ${{ failure() }}
+        env:
+          DISCORD_WEBHOOK: ${{ secrets.DISCORD_WEBHOOK }}
+          DISCORD_USERNAME: "GitHub Bot Part 11"
+          DISCORD_AVATAR: "https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png"
+        with:
+          args: "commit {{ EVENT_PAYLOAD.commits.0.url }} by {{ EVENT_PAYLOAD.repository.owner.name }} broke the build :( "
+
+  tag_release:
+    needs: [simple_deployment_pipeline]
+    runs-on: ubuntu-20.04
+    steps:
+      - uses: actions/checkout@v4
+      - name: Bump version and push tag
+        uses: anothrNick/github-tag-action@v1
+        if: ${{ github.event_name == 'push' && env.SKIP_CONDITION == 'false' }}
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          DEFAULT_BUMP: patch

.gitignore

@@ -1,2 +1,7 @@
 dist/
-node_modules/
+node_modules/
+.env
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

app.js

@@ -1,11 +1,17 @@
-const express = require("express");
-const app = express();
+require('dotenv').config()
+const express = require('express')
+const app = express()
 
 // get the port from env variable
-const PORT = process.env.PORT || 5000;
+const PORT = process.env.PORT || 5000
 
-app.use(express.static("dist"));
+app.use(express.static('dist'))
+
+app.get('/health', (req, res) => {
+  res.send('ok')
+})
 
 app.listen(PORT, () => {
-  console.log(`server started on port ${PORT}`);
-});
+  // eslint-disable-next-line no-console
+  console.log(`server started on port ${PORT}`)
+})

build_step.sh

@@ -0,0 +1,6 @@
+#!/bin/bash
+
+echo "Build script"
+
+npm install
+npm run build

e2e-tests/pokedex.spec.jsx

@@ -0,0 +1,20 @@
+const { test, describe, expect, beforeEach } = require('@playwright/test')
+
+describe('Pokedex', () => {
+  beforeEach(async ({ page }) => {
+    await page.goto('/')
+  })
+
+  test('front page can be opened', async ({ page }) => {
+    await expect(page.getByText('ivysaur')).toBeVisible()
+    await expect(page.getByText('Pokémon and Pokémon character names are trademarks of Nintendo.')).toBeVisible()
+  })
+
+  test('pokemon page has proper information', async ({ page }) => {
+    await page.getByRole('link', { name: 'bulbasaur' }).click()
+    await page.getByText('bulbasaur').waitFor()
+    await expect(page.getByText('bulbasaur')).toBeVisible()
+    await expect(page.getByText('Overgrow')).toBeVisible()
+    await expect(page.getByText('chlorophyll')).toBeVisible()
+  })
+})