build: add config for running all tests via container

Author: spwoodcock

contrib/containers/Containerfile

@@ -2,7 +2,7 @@ FROM emscripten/emsdk:4.0.4 AS emsdk
 
 
 # We can't use node bundled in emsdk img as v20.18.0 is incompatible with pinned engines
-FROM docker.io/node:22-slim
+FROM docker.io/node:22-slim AS build
 WORKDIR /app
 COPY --from=emsdk /emsdk /emsdk
 ENV PATH=$PATH:/emsdk:/emsdk/upstream/emscripten
@@ -17,7 +17,14 @@ RUN apt-get update --quiet \
 COPY . .
 RUN corepack enable && corepack install
 RUN yarn install
-# Build packages as a sanity check
+# Build packages as a sanity check + make available in tests stage
 RUN yarn workspace @getodk/tree-sitter-xpath build
 RUN yarn workspace @getodk/xpath build
 RUN yarn workspace @getodk/xforms-engine build
+
+
+FROM build AS test
+RUN yarn playwright install chromium --with-deps \
+    && yarn playwright install firefox --with-deps \
+    && yarn playwright install webkit --with-deps \
+    && rm -rf /var/lib/apt/lists/*

contrib/containers/README.md

@@ -20,3 +20,18 @@ docker compose -f contrib/containers/compose.yaml up -d
 ```
 
 Access web forms preview on: http://localhost:5173
+
+## Testing Web Forms
+
+Run all tests:
+
+```bash
+docker compose -f contrib/containers/compose.yaml run --rm tests
+```
+
+Run a specific test:
+
+```bash
+TEST_CMD='yarn workspace @getodk/web-forms run test:e2e:chromium' \
+  docker compose -f contrib/containers/compose.yaml run --rm tests
+```

contrib/containers/compose.yaml

@@ -4,8 +4,13 @@ services:
     build:
       context: ../..
       dockerfile: contrib/containers/Containerfile
+      target: build
     volumes:
-      - ../../packages:/app/packages
+      - ../../packages/common:/app/packages/common
+      - ../../packages/web-forms:/app/packages/web-forms
+      # Mount each package individually to avoid overwriting generated dist
+      - ../../packages/xpath/src:/app/packages/xpath/src
+      - ../../packages/xforms-engine/src:/app/packages/xforms-engine/src
     ports:
       - "${WEB_FORMS_PORT:-5173}:5173"
     command: yarn workspace @getodk/web-forms dev
@@ -21,3 +26,23 @@ services:
       DJANGO_CORS_ALLOWED_ORIGIN: http://localhost:${WEB_FORMS_PORT:-5173}
     ports:
       - "${XLSFORM_ONLINE_PORT:-8558}:8000"
+
+  tests:
+    profiles: [test]
+    image: ghcr.io/getodk/web-forms:test
+    build:
+      context: ../..
+      dockerfile: contrib/containers/Containerfile
+      target: test
+    environment:
+      DISPLAY: :0
+    volumes:
+      - ../../packages/common:/app/packages/common
+      - ../../packages/web-forms:/app/packages/web-forms
+      # Mount each package individually to avoid overwriting generated dist
+      - ../../packages/xpath/src:/app/packages/xpath/src
+      - ../../packages/xforms-engine/src:/app/packages/xforms-engine/src
+      - ../../packages/xpath/test:/app/packages/xpath/test
+      - ../../packages/xforms-engine/test:/app/packages/xforms-engine/test
+      - /tmp/.X11-unix:/tmp/.X11-unix
+    command: ${TEST_CMD:-yarn run test}