Merge pull request #4 from Jordan-Mesches/feature/tetris-game

Create a tetris game to drive site engagement

.github/workflows/continuous.integration.yml

@@ -0,0 +1,56 @@
+name: Run Checks on PR
+
+on:
+  pull_request:
+    branches:
+      - main
+
+permissions:
+  actions: write
+  checks: write
+  contents: read
+  security-events: write
+  pull-requests: write
+
+env:
+  CI: true
+  SITE_DIR: site
+  TETRIS_APP_HOST: "127.0.0.1"
+  TETRIS_APP_PORT: "8080"
+  TETRIS_APP_PATH: "github-devsecops-fundamentals"
+
+jobs:
+  quality-checks:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-python@v4
+        with:
+          python-version: 3.12
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+
+      - name: Install Dependencies
+        run: |
+          python -m pip install --upgrade pip
+          pip install -r requirements.ci.txt
+          npm ci
+          # Install browsers for running functional tests
+          npx playwright install --with-deps chromium
+
+      - name: Build
+        run: |
+          python -m mkdocs build --clean --strict --verbose --site-dir '${{ env.SITE_DIR }}'
+
+      - name: Functional Test
+        run: npx playwright test
+
+      - name: Upload Functional Test Report
+        uses: actions/upload-artifact@v3
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

mkdocs.yml

@@ -166,4 +166,4 @@ nav:
           - exercises/03.automate.release/02.md
       - ✨ Recap:
           - exercises/recap/index.md
-  - Tetris Game: tetris.game/index.html
+  - Tetris Game: tetris.game/index.html

tests/tetris.spec.js

@@ -0,0 +1,26 @@
+import { test, expect } from "@playwright/test";
+
+test("Tetris Game", async ({ page }) => {
+  const { TETRIS_APP_HOST, TETRIS_APP_PORT, TETRIS_APP_PATH } = process.env;
+
+  // should be similar to http://127.0.0.1:8080/github-devsecops-fundamentals/
+  console.log(
+    `http://${TETRIS_APP_HOST}:${TETRIS_APP_PORT}/${TETRIS_APP_PATH}`
+  );
+  await page.goto(
+    `http://${TETRIS_APP_HOST}:${TETRIS_APP_PORT}/${TETRIS_APP_PATH}`
+  );
+
+  await page.getByRole("link", { name: "Tetris Game" }).click();
+  await expect(page.getByText("score 00000")).toBeVisible();
+  await expect(page.getByText("rows 0")).toBeVisible();
+  await expect(page.locator("#upcoming")).toBeVisible();
+  await expect(
+    page.getByRole("link", { name: "Press Space to Play." })
+  ).toBeVisible();
+
+  await page.getByRole("link", { name: "Press Space to Play." }).click();
+  await expect(page.getByText("score 00000")).not.toBeVisible({
+    timeout: 0.5 * 60 * 1000,
+  });
+});