ci: unit & ui testing

also:
 - migrate react-app to vite
 - remove react-scripts
 - common prettier config

.github/workflows/ci.yml

@@ -0,0 +1,111 @@
+name: CI
+on:
+  pull_request:
+    branches:
+      - main
+  push:
+    branches:
+      - fix-4
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  lint:
+   name: Lint
+   defaults:
+      run:
+        working-directory: ${{ matrix.project }}
+   strategy:
+     matrix:
+       project:
+        - 'react-app'
+        - 'rest-api-with-express'
+        - 'rest-api-with-fastify'
+   runs-on: ubuntu-latest
+   steps:
+     - uses: actions/checkout@v4
+     - name: Use Node.js
+       uses: actions/setup-node@v4
+       with:
+         node-version-file: '.nvmrc'
+         cache: 'npm'
+         cache-dependency-path: ${{ matrix.project }}/package-lock.json
+     - name: Install Dependencies
+       run: npm ci
+     - name: Run linters
+       run: npm run lint
+  test-ui:
+    name: Test (UI)
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ${{ matrix.project }}
+    strategy:
+      matrix:
+        browser:
+          - 'chrome'
+        project:
+          - 'react-app'
+          - 'rest-api-with-express'
+          - 'rest-api-with-fastify'
+          - 'html-web-page'
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'npm'
+          cache-dependency-path: ${{ matrix.project }}/package-lock.json
+      - name: Build for Cypress
+        uses: cypress-io/github-action@v6
+        with:
+          working-directory: ${{ matrix.project }}
+          build: npm run build -- --logLevel error
+          runTests: false
+      - name: Run Cypress
+        uses: cypress-io/github-action@v6
+        with:
+          working-directory: ${{ matrix.project }}
+          start: npm run start:built
+          browser: ${{ matrix.browser }}
+          install: false
+      - uses: actions/upload-artifact@master
+        if: failure()
+        with:
+          name: screenshots
+          path: ${{ matrix.project }}/cypress/screenshots
+      - uses: actions/upload-artifact@master
+        if: failure()
+        with:
+          name: videos
+          path: ${{ matrix.project }}/cypress/videos
+  test-unit:
+    name: Test (Unit)
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ${{ matrix.project }}
+    strategy:
+      matrix:
+        project:
+          - 'rest-api-with-express'
+          - 'rest-api-with-fastify'
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          cache: 'npm'
+          cache-dependency-path: ${{ matrix.project }}/package-lock.json
+      - name: Install Dependencies
+        run: npm ci
+      - name: Run Unit Tests
+        run: npm test -- --reporter=xunit --reporter-options output=unit-tests.xml
+      - name: Report Results
+        uses: EnricoMi/publish-unit-test-result-action@v2
+        if: always()
+        with:
+          files: |
+            ${{ matrix.project }}/unit-tests.xml

.prettierrc.yml

@@ -0,0 +1,7 @@
+singleQuote: true
+quoteProps: as-needed
+trailingComma: es5
+bracketSpacing: true
+arrowParens: always
+printWidth: 120
+semi: true

html-web-page/.gitignore

@@ -0,0 +1 @@
+public/romcal/*.js

html-web-page/cypress.config.mjs

@@ -0,0 +1,8 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:3000',
+    supportFile: false,
+  },
+});

html-web-page/cypress/e2e/load.cy.js

@@ -0,0 +1,15 @@
+describe('Load', () => {
+  it('should load the page', () => {
+    cy.visit('http://localhost:3000');
+    cy.get('h1').should('have.text', 'romcal v3');
+    cy.get('p').should('have.text', 'Open the developer tools and check the console.');
+
+    cy.get('#calendar').find('div').should('have.length', 2).as('messages');
+    cy.get('@messages').eq(0).should('have.text', 'All definitions, which are all possible liturgical days of a specific calendar, that can occur during a whole year:');
+    cy.get('@messages').eq(1).should('have.text', 'A calendar that contains all liturgical days occurring during 2024:');
+
+    cy.get('#calendar').find('pre').should('have.length', 2).as('codes');
+    cy.get('@codes').eq(0).should('include.text', 'mary_mother_of_god');
+    cy.get('@codes').eq(1).should('include.text', 'mary_mother_of_god');
+  });
+});