feat: playwright, vitest (#2)

* feat: playwright

* tests

* fix

* docker

* ci

* fix: vitest

* lint

* lint

* vitest

* chore

* chore

.github/workflows/codeql-analysis.yml

@@ -9,13 +9,12 @@
 # the `language` matrix defined below to confirm you have the correct set of
 # supported CodeQL languages.
 #
-name: "CodeQL"
+name: 🔎 CodeQL
 
 on:
   push:
     branches: ["main"]
   pull_request:
-    # The branches below must be a subset of the branches above
     branches: ["main"]
   schedule:
     - cron: "16 1 * * 5"

.github/workflows/deploy.yml

@@ -1,8 +1,10 @@
-name: Deploy demo
+name: 🌍 Deploy demo
 
 on:
   push:
-    branches: [main, next]
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
 
 concurrency:
   cancel-in-progress: true

.github/workflows/lint.yml

@@ -1,6 +1,10 @@
-name: Lint
+name: ⛑️ Lint
 
-on: [pull_request, push]
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
 
 concurrency:
   cancel-in-progress: true
@@ -32,6 +36,7 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
       - name: Lint Dockerfile
-        uses: hadolint/hadolint-action@v2.1.0
+        uses: hadolint/hadolint-action@v3.1.0
         with:
-          recursive: true
+          dockerfile: Dockerfile
+          verbose: true

.github/workflows/playwright.yml

@@ -0,0 +1,34 @@
+name: 🤖 Playwright Tests
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
+
+jobs:
+  test:
+    timeout-minutes: 20
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+      - name: Install dependencies
+        run: npm install -g yarn && yarn
+      - name: Install Playwright Browsers
+        run: yarn playwright install --with-deps
+      - name: Build app
+        run: yarn build
+        env:
+          NEXT_PUBLIC_BASE_PATH: ""
+          NODE_ENV: production
+      - name: Run Playwright tests
+        run: yarn playwright test
+      - uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

.github/workflows/release.yml

@@ -1,4 +1,4 @@
-name: Release
+name: 📦 Release
 
 on:
   workflow_dispatch:

.github/workflows/testing.yml

@@ -1,6 +1,10 @@
-name: Testing
+name: 💪 Testing
 
-on: [pull_request, push]
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
 
 concurrency:
   cancel-in-progress: true
@@ -16,11 +20,14 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20"
+          node-version: "18"
           cache: "yarn"
       - name: Install dependencies
         run: |
           yarn --immutable
+      - name: Build code
+        run: |
+          yarn build
       - name: Test code
         run: |
           yarn test

.gitignore

@@ -56,4 +56,8 @@ robots.txt
 !.yarn/versions
 
 # storybook
-/.out
+/.out
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

.node-version

@@ -1 +1 @@
-20
+18

.talismanrc

@@ -20,7 +20,7 @@ fileignoreconfig:
 - filename: .yarn/**
   checksum: any
 - filename: Dockerfile
-  checksum: 9605a14ae835a4263de3badf041bfbde2823f2d9f2342e09c369ec9c7ae8615f
+  checksum: 31aa8689fb079f89949f8c4e5a917b040176f8a5b8492ba0a5252ad5e1bba049
 - filename: README.md
   checksum: 7c55475ff28dbfa46c9c5715918add6a0202eafddca3cf9d35ebcdd443d76ffd
 - filename: pages/mui.tsx

Dockerfile

@@ -1,8 +1,9 @@
-ARG NODE_VERSION=20-alpine3.18@sha256:5ff63217ec2757b29a4414e0f787bfc13c1f9cb6f053e46ff05c1a51bbd2e8e6
+ARG NODE_VERSION=20-alpine3.19@sha256:ef3f47741e161900ddd07addcaca7e76534a9205e4cd73b2ed091ba339004a75
 
 # Install dependencies only when needed
 FROM node:$NODE_VERSION AS builder
-RUN apk add --no-cache libc6-compat=1.2.4-r2
+# hadolint ignore=DL3018
+RUN apk add --no-cache libc6-compat
 WORKDIR /app
 
 COPY yarn.lock package.json ./
@@ -17,14 +18,16 @@ ARG NEXT_PUBLIC_SITE_URL
 ENV NEXT_PUBLIC_SITE_URL $NEXT_PUBLIC_SITE_URL
 
 ENV NODE_ENV production
+ENV NEXT_PUBLIC_BASE_PATH ""
+
 WORKDIR /app
 
 RUN yarn postinstall # if you have postinstall script in your package.json
 RUN if [ -z "$PRODUCTION" ]; then \
     echo "Overriding .env for staging"; \
     cp .env.staging .env.production; \
     fi && \
-    yarn build:export
+    yarn build
 
 # Production image, copy all the files and run nginx
 FROM ghcr.io/socialgouv/docker/nginx:sha-1d70757 AS runner

README.md

@@ -20,6 +20,21 @@ yarn # to install dependencies
 yarn dev # to run in dev mode
 ```
 
+Point your browser to [http://127.0.0.1:3000/template](http://127.0.0.1:3000/template) and start playing.
+
+### Tests
+
+```
+# run unit tests with vitest
+yarn test
+
+# build, serve and launch playwright interactive end-to-end tests
+yarn e2e --ui
+
+# run storybook
+yarn storybook
+```
+
 ### Gestion des environnements
 
 Les variables issues des docker build-args, sont à utiliser dans `next.config.js`, pour les autres, il faut les définir dans les différents [`.env.*`](https://nextjs.org/docs/basic-features/environment-variables#environment-variable-load-order).
@@ -41,3 +56,7 @@ Le fichier `.env.development` est utilisé pour l'environnement de développemen
 | [codegouvfr/docsify-dsfr-template](https://github.com/codegouvfr/docsify-dsfr-template) | Template DSFR pour [docsify](https://docsify.js.org/#/)     |
 | [sneko/dsfr-connect](https://github.com/sneko/dsfr-connect)                             | Themes DSFR pour bootstrap, vuetify, mui, infima, emails... |
 | [socialgouv/template](https://github.com/socialgouv/template)                           | Version initiale de ce template                             |
+
+```
+
+```