bqplot · martinRenou · Dec 2, 2021 · Nov 29, 2021
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -115,11 +115,13 @@ jobs:
         working-directory: dist
 
       - name: Install Galata
-        run: yarn install
+        run: |
+          yarn install
+          yarn playwright install chromium
         working-directory: ui-tests
 
       - name: Launch JupyterLab
-        run: yarn run start-jlab:detached
+        run: yarn run start:detached
         working-directory: ui-tests
 
       - name: Wait for JupyterLab
@@ -137,7 +139,20 @@ jobs:
         uses: actions/upload-artifact@v2
         with:
           name: ui-test-output
-          path: ui-tests/test-output
+          path: ui-tests/playwright-report
+
+      - name: Update snapshots
+        if: failure()
+        run: |
+          cd ui-tests
+          yarn run test:update
+
+      - name: Upload updated snapshots
+        if: failure()
+        uses: actions/upload-artifact@v2
+        with:
+          name: ipywidgets-updated-snapshots
+          path: ui-tests/tests
 
   install:
     runs-on: ${{ matrix.os }}-latest

diff --git a/.gitignore b/.gitignore
@@ -26,7 +26,8 @@ pip-log.txt
 .coverage
 .tox
 nosetests.xml
-ui-tests/test-output/*
+ui-tests/test-results
+ui-tests/playwright-report
 
 # Translations
 *.mo

diff --git a/test-environment.yml b/test-environment.yml
@@ -12,8 +12,8 @@ dependencies:
     - pandas >=1.0.0,<2.0.0
     - bqscales  >=0.2.2,<0.3
     - scipy
-    - jupyterlab=3.0.11  # to build the lab federated bundle
-    - jupyter-packaging # to build the wheel
+    - jupyterlab=3.2
+    - jupyter-packaging
     - pytest
     - nbval
     - pytest-cov

diff --git a/ui-tests/galata-config.json b/ui-tests/galata-config.json
diff --git a/ui-tests/jupyter_server_config.py b/ui-tests/jupyter_server_config.py
@@ -1,7 +1,10 @@
+from tempfile import mkdtemp
+
 c.ServerApp.port = 8888
 c.ServerApp.token = ""
 c.ServerApp.password = ""
 c.ServerApp.disable_check_xsrf = True
 c.ServerApp.open_browser = False
-c.LabApp.open_browser = False
+c.ServerApp.root_dir = mkdtemp(prefix='galata-test-')
+
 c.LabApp.expose_app_in_browser = True
diff --git a/ui-tests/package.json b/ui-tests/package.json
@@ -4,16 +4,17 @@
   "description": "bqplot UI Tests",
   "private": true,
   "scripts": {
-    "start-jlab": "jupyter lab --config ./jupyter_server_config.py",
-    "start-jlab:detached": "yarn run start-jlab&",
-    "clean": "rimraf tests/notebooks/.ipynb_checkpoints && rimraf test-output",
-    "test": "yarn run clean && galata --image-match-threshold 0.33",
-    "update-references": "galata --update-references"
+    "start": "jupyter lab --config ./jupyter_server_config.py",
+    "start:detached": "yarn run start&",
+    "test": "playwright test",
+    "test:debug": "PWDEBUG=1 playwright test",
+    "test:report": "http-server ./playwright-report -a localhost -o",
+    "test:update": "playwright test --update-snapshots"
   },
   "author": "bqplot",
   "license": "Apache-2.0",
   "dependencies": {
-    "@jupyterlab/galata": "3.0.11-2",
+    "@jupyterlab/galata": "~4.0.2",
     "klaw-sync": "^6.0.0",
     "rimraf": "^3.0.2"
   }

diff --git a/ui-tests/playwright.config.js b/ui-tests/playwright.config.js
@@ -0,0 +1,7 @@
+const baseConfig = require('@jupyterlab/galata/lib/playwright-config');
+
+module.exports = {
+  ...baseConfig,
+  timeout: 600000,
+  retries: 1,
+};
diff --git a/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/dark_bars2d_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/dark_bars_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/dark_bars_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/dark_figure_pyplot_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_figure_pyplot_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_figure_pyplot_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_figure_pyplot_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_figure_pyplot_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_figure_pyplot_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_graph_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_graph_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_graph_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_graph_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/dark_graph_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/dark_gridheatmap_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/dark_hist_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_lines_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_lines_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_10.png b/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_10.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_9.png b/ui-tests/reference-output/screenshots/dark_lines_update_ipynb_cell_9.png
diff --git a/ui-tests/reference-output/screenshots/dark_map_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_map_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_9.png b/ui-tests/reference-output/screenshots/dark_ohlc_update_ipynb_cell_9.png
diff --git a/ui-tests/reference-output/screenshots/dark_ordinal_scale_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_ordinal_scale_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_ordinal_scale_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_ordinal_scale_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_ordinal_scale_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_ordinal_scale_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_ordinal_scale_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_ordinal_scale_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_10.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_10.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_11.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_11.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_12.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_12.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_13.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_13.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_14.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_14.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_15.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_15.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_16.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_16.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_17.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_17.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_18.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_18.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_19.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_19.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_9.png b/ui-tests/reference-output/screenshots/dark_pie_update_ipynb_cell_9.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_scatter_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_scatter_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_10.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_10.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_11.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_11.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_9.png b/ui-tests/reference-output/screenshots/dark_scatter_update_ipynb_cell_9.png
diff --git a/ui-tests/reference-output/screenshots/dark_ticks_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/dark_ticks_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/dark_ticks_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/dark_ticks_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/dark_ticks_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/dark_ticks_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/dark_ticks_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/dark_ticks_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/light_bars2d_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/light_bars_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/light_bars_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/light_figure_pyplot_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_figure_pyplot_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_figure_pyplot_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_figure_pyplot_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_figure_pyplot_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_figure_pyplot_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_graph_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_graph_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_graph_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_graph_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/light_graph_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_gridheatmap_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_gridheatmap_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_gridheatmap_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_gridheatmap_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/light_gridheatmap_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/light_gridheatmap_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/light_hist_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_lines_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_lines_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_10.png b/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_10.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_9.png b/ui-tests/reference-output/screenshots/light_lines_update_ipynb_cell_9.png
diff --git a/ui-tests/reference-output/screenshots/light_map_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_map_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_9.png b/ui-tests/reference-output/screenshots/light_ohlc_update_ipynb_cell_9.png
diff --git a/ui-tests/reference-output/screenshots/light_ordinal_scale_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_ordinal_scale_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_ordinal_scale_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_ordinal_scale_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_ordinal_scale_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_ordinal_scale_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_ordinal_scale_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_ordinal_scale_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_10.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_10.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_11.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_11.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_12.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_12.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_13.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_13.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_14.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_14.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_15.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_15.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_16.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_16.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_17.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_17.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_18.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_18.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_19.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_19.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_9.png b/ui-tests/reference-output/screenshots/light_pie_update_ipynb_cell_9.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_scatter_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_scatter_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_10.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_10.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_11.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_11.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_3.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_4.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_4.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_5.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_5.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_6.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_6.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_7.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_7.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_8.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_8.png
diff --git a/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_9.png b/ui-tests/reference-output/screenshots/light_scatter_update_ipynb_cell_9.png
diff --git a/ui-tests/reference-output/screenshots/light_ticks_ipynb_cell_0.png b/ui-tests/reference-output/screenshots/light_ticks_ipynb_cell_0.png
diff --git a/ui-tests/reference-output/screenshots/light_ticks_ipynb_cell_1.png b/ui-tests/reference-output/screenshots/light_ticks_ipynb_cell_1.png
diff --git a/ui-tests/reference-output/screenshots/light_ticks_ipynb_cell_2.png b/ui-tests/reference-output/screenshots/light_ticks_ipynb_cell_2.png
diff --git a/ui-tests/reference-output/screenshots/light_ticks_ipynb_cell_3.png b/ui-tests/reference-output/screenshots/light_ticks_ipynb_cell_3.png
diff --git a/ui-tests/tests/bqplot.test.ts b/ui-tests/tests/bqplot.test.ts
@@ -1,171 +1,129 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
 
-import { galata, describe, test } from '@jupyterlab/galata';
+import { IJupyterLabPageFixture, test } from '@jupyterlab/galata';
+import { expect } from '@playwright/test';
 import * as path from 'path';
 const klaw = require('klaw-sync');
 
-jest.setTimeout(600000);
 
 const filterUpdateNotebooks = item => {
   const basename = path.basename(item.path);
   return basename.includes('_update');
 }
 
-const testCellOutputs = async (theme: 'JupyterLab Light' | 'JupyterLab Dark') => {
-  const paths = klaw('tests/notebooks', {filter: item => !filterUpdateNotebooks(item), nodir: true});
+const testCellOutputs = async (page: IJupyterLabPageFixture, tmpPath: string, theme: 'JupyterLab Light' | 'JupyterLab Dark') => {
+  const paths = klaw(path.resolve(__dirname, './notebooks'), {filter: item => !filterUpdateNotebooks(item), nodir: true});
   const notebooks = paths.map(item => path.basename(item.path));
 
-  let results = [];
-
   const contextPrefix = theme == 'JupyterLab Light' ? 'light_' : 'dark_';
-  galata.theme.setTheme(theme);
+  page.theme.setTheme(theme);
 
   for (const notebook of notebooks) {
-    galata.context.capturePrefix = contextPrefix + notebook;
+    let results = [];
 
-    await galata.notebook.open(notebook);
-    expect(await galata.notebook.isOpen(notebook)).toBeTruthy();
-    await galata.notebook.activate(notebook);
-    expect(await galata.notebook.isActive(notebook)).toBeTruthy();
+    await page.notebook.openByPath(`${tmpPath}/${notebook}`);
+    await page.notebook.activate(notebook);
 
     let numCellImages = 0;
 
-    const getCaptureImageName = (id: number): string => {
-      return `cell-${id}`;
+    const getCaptureImageName = (contextPrefix: string, notebook: string, id: number): string => {
+      return `${contextPrefix}-${notebook}-cell-${id}.png`;
     };
 
-    await galata.notebook.runCellByCell({
+    await page.notebook.runCellByCell({
       onAfterCellRun: async (cellIndex: number) => {
-        const cell = await galata.notebook.getCellOutput(cellIndex);
+        const cell = await page.notebook.getCellOutput(cellIndex);
         if (cell) {
-          if (
-            await galata.capture.screenshot(
-              getCaptureImageName(numCellImages),
-              cell
-            )
-          ) {
-            numCellImages++;
-          }
+          results.push(await cell.screenshot());
+          numCellImages++;
         }
       }
     });
 
+    await page.notebook.save();
+
     for (let c = 0; c < numCellImages; ++c) {
-      results.push(await galata.capture.compareScreenshot(getCaptureImageName(c)));
+      expect(results[c]).toMatchSnapshot(getCaptureImageName(contextPrefix, notebook, c));
     }
 
-    await galata.notebook.close(true);
-  }
-
-  for (const result of results) {
-    expect(result).toBe('same');
+    await page.notebook.close(true);
   }
 }
 
-const testPlotUpdates = async (theme: 'JupyterLab Light' | 'JupyterLab Dark') => {
-  const paths = klaw('tests/notebooks', {filter: item => filterUpdateNotebooks(item), nodir: true});
+const testPlotUpdates = async (page: IJupyterLabPageFixture, tmpPath: string, theme: 'JupyterLab Light' | 'JupyterLab Dark') => {
+  const paths = klaw(path.resolve(__dirname, './notebooks'), {filter: item => filterUpdateNotebooks(item), nodir: true});
   const notebooks = paths.map(item => path.basename(item.path));
 
-  let results = [];
-
   const contextPrefix = theme == 'JupyterLab Light' ? 'light_' : 'dark_';
-  galata.theme.setTheme(theme);
+  page.theme.setTheme(theme);
 
   for (const notebook of notebooks) {
-    galata.context.capturePrefix = contextPrefix + notebook;
-
-    await galata.notebook.open(notebook);
-    expect(await galata.notebook.isOpen(notebook)).toBeTruthy();
-    await galata.notebook.activate(notebook);
-    expect(await galata.notebook.isActive(notebook)).toBeTruthy();
+    let results = [];
 
-    let numCellImages = 0;
+    await page.notebook.openByPath(`${tmpPath}/${notebook}`);
+    await page.notebook.activate(notebook);
 
-    const getCaptureImageName = (id: number): string => {
-      return `cell-${id}`;
+    const getCaptureImageName = (contextPrefix: string, notebook: string, id: number): string => {
+      return `${contextPrefix}-${notebook}-cell-${id}.png`;
     };
 
-    await galata.notebook.runCellByCell({
+    let cellCount = 0;
+    await page.notebook.runCellByCell({
       onAfterCellRun: async (cellIndex: number) => {
         // Always get first cell output which must contain the plot
-        const cell = await galata.notebook.getCellOutput(0);
+        const cell = await page.notebook.getCellOutput(0);
         if (cell) {
-          if (
-            await galata.capture.screenshot(
-              getCaptureImageName(numCellImages),
-              cell
-            )
-          ) {
-            numCellImages++;
-          }
+          results.push(await cell.screenshot());
+          cellCount++;
         }
       }
     });
 
-    for (let c = 0; c < numCellImages; ++c) {
-      results.push(await galata.capture.compareScreenshot(getCaptureImageName(c)));
-    }
+    await page.notebook.save();
 
-    await galata.notebook.close(true);
-  }
+    for (let i = 0; i < cellCount; i++) {
+      expect(results[i]).toMatchSnapshot(getCaptureImageName(contextPrefix, notebook, i));
+    }
 
-  for (const result of results) {
-    expect(result).toBe('same');
+    await page.notebook.close(true);
   }
 };
 
-describe('bqplot Visual Regression', () => {
-  beforeAll(async () => {
-    await galata.resetUI();
-  });
-
-  afterAll(async () => {
-    galata.context.capturePrefix = '';
-  });
-
-  test('Upload files to JupyterLab', async () => {
-    await galata.contents.moveDirectoryToServer(
-      path.resolve(__dirname, `./notebooks`),
-      'uploaded'
+test.describe('bqplot Visual Regression', () => {
+  test.beforeEach(async ({ page, tmpPath }) => {
+    await page.contents.uploadDirectory(
+      path.resolve(__dirname, './notebooks'),
+      tmpPath
     );
-    expect(
-      await galata.contents.fileExists('uploaded/scatter.ipynb')
-    ).toBeTruthy();
-  });
-
-  test('Refresh File Browser', async () => {
-    await galata.filebrowser.refresh();
-  });
-
-  test('Open directory uploaded', async () => {
-    await galata.filebrowser.openDirectory('uploaded');
-    expect(
-      await galata.filebrowser.isFileListedInBrowser('scatter.ipynb')
-    ).toBeTruthy();
-  });
-
-  test('Light theme: Check bqplot first renders', async () => {
-    await testCellOutputs('JupyterLab Light');
-  });
-
-  test('Dark theme: Check bqplot first renders', async () => {
-    await testCellOutputs('JupyterLab Dark');
+    await page.filebrowser.openDirectory(tmpPath);
   });
 
-  test('Light theme: Check bqplot update plot properties', async () => {
-    await testPlotUpdates('JupyterLab Light');
+  test('Light theme: Check bqplot first renders', async ({
+    page,
+    tmpPath,
+  }) => {
+    await testCellOutputs(page, tmpPath, 'JupyterLab Light');
   });
 
-  test('Dark theme: Check bqplot update plot properties', async () => {
-    await testPlotUpdates('JupyterLab Dark');
+  test('Dark theme: Check bqplot first renders', async ({
+    page,
+    tmpPath,
+  }) => {
+    await testCellOutputs(page, tmpPath, 'JupyterLab Dark');
   });
 
-  test('Open home directory', async () => {
-    await galata.filebrowser.openHomeDirectory();
+  test('Light theme: Check bqplot update plot properties', async ({
+    page,
+    tmpPath,
+  }) => {
+    await testPlotUpdates(page, tmpPath, 'JupyterLab Light');
   });
 
-  test('Delete uploaded directory', async () => {
-    await galata.contents.deleteDirectory('uploaded');
+  test('Dark theme: Check bqplot update plot properties', async ({
+    page,
+    tmpPath,
+  }) => {
+    await testPlotUpdates(page, tmpPath, 'JupyterLab Dark');
   });
 });
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-0-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-0-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-1-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-1-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-2-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-2-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-3-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-3-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-4-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-4-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-5-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-ipynb-cell-5-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-0-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-0-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-1-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-1-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-2-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-2-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-3-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-3-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-4-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-4-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-5-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-5-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-6-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-6-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-7-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-7-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-8-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars-update-ipynb-cell-8-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-0-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-0-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-1-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-1-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-2-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-2-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-3-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-3-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-4-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-4-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-5-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-5-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-6-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-6-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-7-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-bars2d-update-ipynb-cell-7-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-figure-pyplot-ipynb-cell-0-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-figure-pyplot-ipynb-cell-0-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-figure-pyplot-ipynb-cell-1-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-figure-pyplot-ipynb-cell-1-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-figure-pyplot-ipynb-cell-2-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-figure-pyplot-ipynb-cell-2-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-ipynb-cell-0-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-ipynb-cell-0-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-ipynb-cell-1-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-ipynb-cell-1-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-0-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-0-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-1-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-1-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-2-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-2-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-3-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-3-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-4-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-4-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-5-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-5-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-6-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-6-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-7-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-graph-update-ipynb-cell-7-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-gridheatmap-ipynb-cell-0-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-gridheatmap-ipynb-cell-0-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-gridheatmap-ipynb-cell-1-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-gridheatmap-ipynb-cell-1-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-gridheatmap-ipynb-cell-2-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-gridheatmap-ipynb-cell-2-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-gridheatmap-ipynb-cell-3-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-gridheatmap-ipynb-cell-3-linux.png
diff --git a/ui-tests/tests/bqplot.test.ts-snapshots/dark-gridheatmap-ipynb-cell-4-linux.png b/ui-tests/tests/bqplot.test.ts-snapshots/dark-gridheatmap-ipynb-cell-4-linux.png
diff --git a/...s/tests/bqplot.test.ts-snapshots/dark-gridheatmap-update-ipynb-cell-0-linux.png b/...s/tests/bqplot.test.ts-snapshots/dark-gridheatmap-update-ipynb-cell-0-linux.png
diff --git a/...s/tests/bqplot.test.ts-snapshots/dark-gridheatmap-update-ipynb-cell-1-linux.png b/...s/tests/bqplot.test.ts-snapshots/dark-gridheatmap-update-ipynb-cell-1-linux.png
diff --git a/...s/tests/bqplot.test.ts-snapshots/dark-gridheatmap-update-ipynb-cell-2-linux.png b/...s/tests/bqplot.test.ts-snapshots/dark-gridheatmap-update-ipynb-cell-2-linux.png