[WIP]: Configure UI tests for Lite Deployment

.github/workflows/build.yml

@@ -251,6 +251,7 @@ jobs:
         id: upload-jupyterlite-artifact
         uses: actions/upload-pages-artifact@v3
         with:
+          name: lite-artifacts
           path: ./lite/dist
           retention-days: 30
 
@@ -275,3 +276,77 @@ jobs:
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4
+
+  integration-tests-lite:
+    name: Integration tests Lite
+    needs: build-lite
+    runs-on: ubuntu-latest
+
+    env:
+      PLAYWRIGHT_BROWSERS_PATH: ${{ github.workspace }}/pw-browsers
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install Conda environment with Micromamba
+        uses: mamba-org/setup-micromamba@v1
+        with:
+          micromamba-version: '1.5.5-0'
+          environment-name: cad
+          create-args: >-
+            python=3.9
+            jupyterlab
+
+      - name: Download extension package
+        uses: actions/download-artifact@v4
+        with:
+          name: lite-artifacts
+
+      # - name: Install the extension
+      #   shell: bash -l {0}
+      #   run: |
+      #     set -eux
+      #     cp ./jupytercad_core/dist/jupytercad*.whl ./jupytercad_lab/dist/jupytercad*.whl ./jupytercad_app/dist/jupytercad*.whl ./jupytercad/dist/jupytercad*.whl .
+      #     python -m pip install jupytercad*.whl
+
+      - name: Install dependencies
+        shell: bash -l {0}
+        working-directory: ui-tests
+        env:
+          PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+        run: jlpm install
+
+      - name: Set up browser cache
+        uses: actions/cache@v4
+        with:
+          path: |
+            ${{ github.workspace }}/pw-browsers
+          key: ${{ runner.os }}-${{ hashFiles('ui-tests/yarn.lock') }}
+
+      - name: Install browser
+        shell: bash -l {0}
+        run: npx playwright install chromium
+        working-directory: ui-tests
+
+      - name: Execute integration tests
+        shell: bash -l {0}
+        working-directory: ui-tests
+        run: jlpm run test:lite
+
+      - name: Upload Playwright Test report
+        id: upload-galata-artifact
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: jupytercad-lite-playwright-tests
+          path: |
+            ui-tests/test-results
+            ui-tests/playwright-report
+
+      # - name: Save artifact data
+      #   if: always()
+      #   uses: trungleduc/appsharingspace-pr-comment/.github/actions/save-artifact-link@v2
+      #   with:
+      #     output_name: galata-apss
+      #     artifact_link: 'https://github.com/${{ github.repository }}/actions/runs/${{github.run_id}}/artifacts/${{ steps.upload-galata-artifact.outputs.artifact-id }}'

ui-tests/package.json

@@ -5,7 +5,9 @@
   "private": true,
   "scripts": {
     "start": "jupyter lab --config jupyter_server_test_config.py",
+    "start:lite": "ls .. && cd ../lite/dist && python -m http.server 8866",
     "test": "npx playwright test --workers 1",
+    "test:lite": "npx playwright test --workers 1 --config playwright-lite.config.js",
     "test:update": "npx playwright test --update-snapshots",
     "test:debug": "PWDEBUG=1 npx playwright test --workers 1"
   },

ui-tests/playwright-lite.config.js

@@ -0,0 +1,25 @@
+/**
+ * Configuration for Playwright using default from @jupyterlab/galata
+ */
+const baseConfig = require('@jupyterlab/galata/lib/playwright-config');
+
+module.exports = {
+  ...baseConfig,
+  webServer: {
+    command: 'jlpm start:lite',
+    url: 'http://localhost:8866/lab',
+    timeout: 120 * 1000,
+    reuseExistingServer: false
+  },
+  retries: 1,
+  use: {
+    ...baseConfig.use,
+    trace: 'off',
+
+  },
+  expect: {
+    toMatchSnapshot: {
+      maxDiffPixelRatio: 0.002,
+    },
+  },
+};