test: add tests

GeotrekCE · Jan 10, 2025 · 04247da · 04247da
1 parent 3a8c1e3
commit 04247da
Show file tree

Hide file tree

Showing 9 changed files with 8,111 additions and 18 deletions.
diff --git a/.gitignore b/.gitignore
@@ -30,4 +30,6 @@ docs/.vitepress/dist
 
 app/
 android/
-ios/
+ios/
+
+test-results/
diff --git a/hars/grw-app.har b/hars/grw-app.har
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -28,15 +28,16 @@
     "prepublishOnly": "npm run build",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs"
+    "docs:preview": "vitepress preview docs",
+    "test": "playwright test"
   },
   "dependencies": {
     "@capacitor/android": "^5.7.3",
     "@capacitor/core": "^5.7.3",
     "@capacitor/filesystem": "^5.2.1",
     "@capacitor/ios": "^5.7.3",
     "@raruto/leaflet-elevation": "^1.9.0",
-    "@stencil/core": "^4.12.5",
+    "@stencil/core": "^4.23.1",
     "@turf/bbox": "^6.5.0",
     "@turf/point-on-feature": "^6.5.0",
     "capacitor-blob-writer": "^1.1.15",
@@ -53,8 +54,10 @@
   "devDependencies": {
     "@babel/core": "^7.24.0",
     "@capacitor/cli": "^5.7.3",
-    "@stencil/sass": "^3.0.10",
-    "@stencil/store": "^2.0.14",
+    "@playwright/test": "^1.49.1",
+    "@stencil/playwright": "^0.2.1",
+    "@stencil/sass": "^3.0.12",
+    "@stencil/store": "^2.0.16",
     "@storybook/addon-controls": "^6.5.16",
     "@storybook/addon-docs": "^6.5.16",
     "@storybook/builder-webpack5": "^6.5.16",

diff --git a/playwright.config.ts b/playwright.config.ts
@@ -0,0 +1,8 @@
+import { expect } from '@playwright/test';
+import { matchers, createConfig } from '@stencil/playwright';
+
+expect.extend(matchers);
+
+export default createConfig({
+  use: {},
+});
diff --git a/src/components/grw-app/test/grw-app.e2e.html b/src/components/grw-app/test/grw-app.e2e.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
+    <title>Geotrek Rando Widget</title>
+
+    <link rel="stylesheet" href="../../../build/geotrek-rando-widget.css" />
+    <script type="module" src="../../../build/geotrek-rando-widget.esm.js"></script>
+    <script nomodule src="../../../build/geotrek-rando-widget.js"></script>
+    <style>
+      body {
+        margin: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <grw-app
+      api="https://demo-admin.geotrek.fr/api/v2/"
+      name-layer="IGN"
+      url-layer="https://data.geopf.fr/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2&STYLE=normal&FORMAT=image/png&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}"
+      attribution-layer="<a target='_blank' href='https://ign.fr/'>IGN</a>"
+      languages="fr"
+    ></grw-app>
+  </body>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -30,4 +30,6 @@ docs/.vitepress/dist @@
     app/
     android/
-    ios/
+    ios/
+    test-results/