test: Add notebooks UI tests

.gitattributes

@@ -0,0 +1,5 @@
+# SCM syntax highlighting & preventing 3-way merges
+pixi.lock merge=binary linguist-language=YAML linguist-generated=true linguist-vendored -diff
+
+yarn.lock text merge=union linguist-vendored linguist-generated
+package-lock.json text merge=union linguist-vendored linguist-generated

.github/workflows/test-ui.yml

@@ -0,0 +1,49 @@
+name: Notebook Tests
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+  workflow_dispatch:
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  ui-tests:
+    name: Playwright UI tests
+    runs-on: ubuntu-latest
+    env:
+      PLAYWRIGHT_BROWSERS_PATH: ${{ github.workspace }}/playwright/browsers
+      PLAYWRIGHT_HTML_OUTPUT_DIR: ${{ github.workspace }}/playwright/report
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+      - name: Setup Pixi
+        uses: prefix-dev/setup-pixi@v0.9.6
+        with:
+          pixi-version: v0.69.0
+          cache: true
+          environments: dev
+          cache-write: ${{ github.event_name == 'push' && github.ref_name == 'main' }}
+      - name: Install UI test dependencies
+        run: pixi run install-ui-tests-deps
+      - name: Cache Playwright browsers
+        id: playwright-cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ env.PLAYWRIGHT_BROWSERS_PATH }}
+          key: playwright-${{ runner.os }}-${{ hashFiles('ui-tests/package-lock.json') }}
+      - name: Install Playwright browsers
+        if: steps.playwright-cache.outputs.cache-hit != 'true'
+        run: pixi run install-browsers
+      - name: Run UI tests
+        run: pixi run test-ui --reporter=github,html
+      - name: Upload Playwright report
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-report
+          path: ${{ env.PLAYWRIGHT_HTML_OUTPUT_DIR }}
+          retention-days: 30

.github/workflows/ci.yml → .github/workflows/test-unit.yml

@@ -1,4 +1,4 @@
-name: Test
+name: Test and linters
 
 on:
   push:
@@ -11,6 +11,22 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
+  checks:
+    name: Code checks and formatters
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+      - name: Setup Pixi
+        uses: prefix-dev/setup-pixi@v0.9.6
+        with:
+          pixi-version: v0.69.0
+          cache: true
+          environments: dev
+          cache-write: ${{ github.event_name == 'push' && github.ref_name == 'main' }}
+      - name: Check linters and formatting
+        run: pixi run pre-commit-all
+
   test:
     name: R unit tests
     runs-on: ${{ matrix.os }}
@@ -28,18 +44,7 @@ jobs:
           cache: true
           environments: dev
           cache-write: ${{ github.event_name == 'push' && github.ref_name == 'main' }}
-      - name: Check linters and formatting
-        run: pixi run pre-commit-all
       - name: Run unit tests
         run: pixi run test
       - name: Run example notebook
-        run: |
-          pixi run serve-jupyter nbconvert \
-            --to notebook \
-            --execute \
-            --ExecutePreprocessor.store_widget_state=False \
-            --output "${PWD}/out.ipynb" \
-            examples/widgets.ipynb
-
-          # Widgets did render successufully as mime bundle
-          grep 'application/vnd.jupyter.ywidget-view+json' "${PWD}/out.ipynb"
+        run: pixi run test-example

.gitignore

@@ -50,3 +50,19 @@ rsconnect/
 
 # Pixi
 .pixi/
+
+# Integration tests
+ui-tests/test-results/
+ui-tests/playwright-report/
+
+# Web files
+node_modules/
+*.log
+.eslintcache
+.stylelintcache
+
+# Jupyter assets
+.ipynb_checkpoints
+
+# nbconvert tests
+examples/*.nbconvert.ipynb

.pre-commit-config.yaml

@@ -8,6 +8,10 @@ repos:
       - id: check-toml
       - id: check-merge-conflict
       - id: mixed-line-ending
+  - repo: https://github.com/kynan/nbstripout
+    rev: 0.9.1
+    hooks:
+      - id: nbstripout
   - repo: local
     hooks:
       - id: pixi-doc
@@ -22,6 +26,12 @@ repos:
         language: system
         types_or: [r]
         pass_filenames: false
+      - id: pixi-biome-format
+        name: "Run Biome format through pixi"
+        entry: pixi run fmt-biome""
+        language: system
+        types_or: [javascript, jsx, ts, tsx, json, css]
+        exclude: "(^|/)package\\.json$"
       - id: pixi-check-typos
         name: "Run typos through pixi"
         entry: pixi run check-typos

biome.json

@@ -0,0 +1,62 @@
+{
+  "files": {
+    "includes": [
+      "**",
+      "!**/node_modules/**/*",
+      "!**/package.json",
+      "!.yarn/**/*",
+      "!.pixi/**/*",
+      "!.vscode/**/*",
+      "!coverage/**/*"
+    ]
+  },
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": {
+          "level": "on",
+          "options": {
+            "groups": [
+              {
+                "type": false,
+                "source": ":PACKAGE:"
+              },
+              {
+                "type": true,
+                "source": ":PACKAGE:"
+              },
+              ":BLANK_LINE:",
+              {
+                "type": false,
+                "source": ":PATH:"
+              },
+              {
+                "type": true,
+                "source": ":PATH:"
+              }
+            ]
+          }
+        }
+      }
+    }
+  },
+  "formatter": {
+    "formatWithErrors": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 100
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "style": {
+        "noDefaultExport": "off",
+        "noNonNullAssertion": "off"
+      },
+      "suspicious": {
+        "noConsole": "off"
+      }
+    }
+  }
+}

dev/.Rprofile

@@ -0,0 +1,10 @@
+# Dev startup profile: load the in-tree package with devtools.
+# Loaded via R_PROFILE_USER (see pixi tasks), so resolve the package root from
+# this file's own location.
+local({
+  root <- dirname(dirname(normalizePath(Sys.getenv("R_PROFILE_USER")))) # dev/.Rprofile -> dev -> root
+
+  if (requireNamespace("devtools", quietly = TRUE)) {
+    try(devtools::load_all(root, quiet = TRUE))
+  }
+})