Merge branch 'main' into feature/packaging

Author: dopenguin

.eslintignore

@@ -6,4 +6,5 @@
 **/docs
 **/node_modules
 **/tests_output
-*.d.ts
+*.d.ts
+/.nx/

.eslintrc.json

@@ -37,8 +37,8 @@
     "no-implied-eval": "error",
     "complexity": "warn",
     "max-depth": "warn",
-    "max-lines": "warn",
-    "max-lines-per-function": "warn"
+    "max-lines": "error",
+    "max-lines-per-function": "error"
   },
   "ignorePatterns": ["**/node_modules/**/*", "**/dist/**/*"],
   "settings": {

.github/workflows/publish-packages.yml

@@ -12,12 +12,12 @@ jobs:
     outputs:
       matrix: ${{ steps.matrix.outputs.TAGS }}
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
         with:
           ssh-key: ${{ secrets.MAIN_BOT_KEY_PRIVATE }}
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
-          node-version: 18.13.0
+          node-version: 20.16.0
           registry-url: https://registry.npmjs.org/
       - run: npm ci
       - run: |

.github/workflows/publish-pages.yml

@@ -9,10 +9,10 @@ jobs:
   deploy:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
-          node-version: 18.13.0
+          node-version: 20.16.0
           registry-url: https://registry.npmjs.org/
       - run: npm ci
       - run: npm run pages:build

.github/workflows/run-tests.yml

@@ -1,17 +1,60 @@
-name: Run linter and tests
+name: Run linter, tests and type check
 
 on: push
 
 jobs:
-  lint-test:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20.16.0
+          registry-url: https://registry.npmjs.org/
+      - run: |
+          npm ci
+          npm run lint:ci
+  test:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v3
         with:
-          node-version: 18.13.0
+          node-version: 20.16.0
           registry-url: https://registry.npmjs.org/
       - run: |
           npm ci
-          npm run lint:ci
           npm run test
+  teste2e:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: 20.16.0
+    - name: Install dependencies
+      run: npm ci
+    - name: Build snowbox (started by playwright by itself)
+      run: npm run snowbox:build
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npm run test:e2e
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30
+  type-check:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20.16.0
+          registry-url: https://registry.npmjs.org/
+      - run: |
+          npm ci
+          npm run tsc:ci

.gitignore

@@ -14,4 +14,7 @@ logs
 /.idea/
 /.nx/
 **/.parcel-cache
-.nx/cache
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

.prettierignore

@@ -1,2 +1,3 @@
 build
-dist
+dist
+/.nx/workspace-data

README.md

@@ -54,7 +54,7 @@ Other clients with more specific code include the [Denkmalkarte Schleswig-Holste
 <table align="center">
   <tr align="center">
     <td align="center"><img src="./pages/assets/landessymbole/bremen.svg" alt="Bremer Wappenzeichen" height="120px" style="object-fit: contain;"><div>Freie Hansestadt Bremen</div></td>
-    <td align="center"><img src="./pages/assets/landessymbole/hamburg.svg" alt="Hamburg-Symbol" height="120px" style="object-fit: contain;"><div>Freie Freie und Hansestadt Hamburg</div></td>
+    <td align="center"><img src="./pages/assets/landessymbole/hamburg.svg" alt="Hamburg-Symbol" height="120px" style="object-fit: contain;"><div>Freie und Hansestadt Hamburg</div></td>
   </tr>
   <tr align="center">
     <td align="center"><img src="./pages/assets/landessymbole/sachsen-anhalt.svg" alt="Landessymbol Sachsen-Anhalt" height="120px" style="object-fit: contain;"><div>Sachsen-Anhalt</div></td>

__mocks__/jest.setup.js

@@ -0,0 +1,20 @@
+import 'regenerator-runtime/runtime'
+
+class Worker {
+  constructor(stringUrl) {
+    this.url = stringUrl
+    this.onmessage = () => {
+      // empty
+    }
+  }
+
+  postMessage(msg) {
+    this.onmessage(msg)
+  }
+}
+// a mock for web worker
+window.Worker = Worker
+
+window.URL.createObjectURL = function () {
+  // empty
+}

e2e/draw.spec.ts

@@ -0,0 +1,42 @@
+import { test, expect } from '@playwright/test'
+import { openSnowbox } from './utils/openSnowbox'
+
+const drawTargetId = '#vuex-target-draw-result'
+
+test('clicks to the map produce a fetchable pin coordinate', async ({
+  page,
+}) => {
+  await openSnowbox(page)
+
+  const canvas = await page.locator('canvas')
+  const boundingBox = await canvas.boundingBox()
+  if (boundingBox === null) throw new Error('Canvas not found.')
+  const { width, height } = boundingBox
+  let { x, y } = boundingBox
+
+  x += width / 2
+  y += height / 2
+
+  await page.getByLabel('Draw tools').click()
+  await page.getByText('Draw and write').click()
+  await page.getByText('Polygon').click()
+
+  const moves: [number, number, string][] = [
+    [0, 0, 'click'],
+    [40, -40, 'click'],
+    [40, 40, 'click'],
+    [-80, 80, 'click'],
+    [-80, -80, 'click'],
+    [40, -40, 'dblclick'],
+  ]
+
+  for (const [xMove, yMove, method] of moves) {
+    await page.mouse[method]((x += xMove), (y += yMove))
+  }
+
+  const drawing = JSON.parse(await page.locator(drawTargetId).innerText())
+
+  expect(drawing.type).toBe('FeatureCollection')
+  expect(drawing.features.length).toBe(1)
+  expect(drawing.features[0].geometry.coordinates[0].length).toBe(7)
+})