Add test for marimo html export

Author: keller-mark

.github/workflows/test_widget.yml

@@ -28,8 +28,10 @@ jobs:
         working-directory: ./tests-widget
       - name: Install vitessce
         run: uv sync --extra dev --extra all
-      - name: Export notebook to HTML
+      - name: Export Jupyter notebook to HTML
         run: uv run jupyter nbconvert --to=html --execute docs/notebooks/widget_from_dict.ipynb
+      - name: Export Marimo notebook to HTML
+        run: uv run marimo export html docs/notebooks/marimo.py -o docs/notebooks/marimo.html
       - name: Check that widget renders in HTML output using Playwright
         run: pnpm exec playwright test
         working-directory: ./tests-widget

tests-widget/example.spec.js

@@ -1,13 +1,24 @@
 // @ts-check
 import { test, expect } from '@playwright/test';
 
-test('Renders Vitessce widget containing a scatterplot view', async ({ page }) => {
+test('Renders Vitessce widget containing a scatterplot view (Jupyter)', async ({ page }) => {
   test.setTimeout(60_000);
   await page.goto('http://localhost:3000/widget_from_dict.html');
 
   // Expect a title "to contain" a substring.
   await expect(page).toHaveTitle('widget_from_dict');
 
+  await expect(page.getByText('Scatterplot (UMAP)')).toBeVisible();
+  await expect(page.getByText('523 cells')).toHaveCount(3);
+});
+
+test('Renders Vitessce widget containing a scatterplot view (Marimo)', async ({ page }) => {
+  test.setTimeout(60_000);
+  await page.goto('http://localhost:3000/marimo.html');
+
+  // Expect a title "to contain" a substring.
+  await expect(page).toHaveTitle('marimo');
+
   await expect(page.getByText('Scatterplot (UMAP)')).toBeVisible();
   await expect(page.getByText('523 cells')).toHaveCount(3);
 });