Update CI

.gitignore

@@ -52,3 +52,5 @@ doc/check-or-enforce-order.py
 packages/javascript/jupyterlab-plotly/lib/
 packages/python/plotly/jupyterlab_plotly/labextension/
 packages/python/plotly/jupyterlab_plotly/nbextension/index.js*
+
+test/percy/*.html

doc/python/static-image-export.md

@@ -109,42 +109,42 @@ If you are running this notebook live, click to [open the output directory](./im
 
 plotly.py can output figures to several raster image formats including **PNG**, ...
 
-```python
+~~~python
 fig.write_image("images/fig1.png")
-```
+~~~
 
 **JPEG**, ...
 
-```python
+~~~python
 fig.write_image("images/fig1.jpeg")
-```
+~~~
 
 and **WebP**
 
-```python
+~~~python
 fig.write_image("images/fig1.webp")
-```
+~~~
 
 #### Vector Formats: SVG and PDF...
 
 
 plotly.py can also output figures in several vector formats including **SVG**, ...
 
-```python
+~~~python
 fig.write_image("images/fig1.svg")
-```
+~~~
 
 **PDF**, ...
 
-```python
+~~~python
 fig.write_image("images/fig1.pdf")
-```
+~~~
 
 and **EPS** (requires the poppler library)
 
-```python
+~~~python
 fig.write_image("images/fig1.eps")
-```
+~~~
 
 **Note:** It is important to note that any figures containing WebGL traces (i.e. of type `scattergl`, `heatmapgl`, `contourgl`, `scatter3d`, `surface`, `mesh3d`, `scatterpolargl`, `cone`, `streamtube`, `splom`, or `parcoords`) that are exported in a vector format will include encapsulated rasters, instead of vectors, for some parts of the image.
 
@@ -199,14 +199,14 @@ Image(img_bytes)
 If `kaleido` is installed, it will automatically be used to perform image export.  If it is not installed, plotly.py will attempt to use `orca` instead. The `engine` argument to the `to_image` and `write_image` functions can be used to override this default behavior.
 
 Here is an example of specifying that orca should be used:
-```python
+~~~python
 fig.to_image(format="png", engine="orca")
-```
+~~~
 
 And, here is an example of specifying that Kaleido should be used:
-```python
+~~~python
 fig.to_image(format="png", engine="kaleido")
-```
+~~~
 
 <!-- #endregion -->
 

packages/python/plotly/plotly/matplotlylib/mplexporter/renderers/vega_renderer.py

@@ -23,8 +23,18 @@ def open_axes(self, ax, props):
             dict(type="y", scale="y", ticks=10),
         ]
         self.scales = [
-            dict(name="x", domain=props["xlim"], type="linear", range="width",),
-            dict(name="y", domain=props["ylim"], type="linear", range="height",),
+            dict(
+                name="x",
+                domain=props["xlim"],
+                type="linear",
+                range="width",
+            ),
+            dict(
+                name="y",
+                domain=props["ylim"],
+                type="linear",
+                range="height",
+            ),
         ]
 
     def draw_line(self, data, coordinates, style, label, mplobj=None):
@@ -103,7 +113,7 @@ def __init__(self, renderer):
 
     def html(self):
         """Build the HTML representation for IPython."""
-        id = random.randint(0, 2 ** 16)
+        id = random.randint(0, 2**16)
         html = '<div id="vis%d"></div>' % id
         html += "<script>\n"
         html += VEGA_TEMPLATE % (json.dumps(self.specification), id)

packages/python/plotly/plotly/matplotlylib/mplexporter/tests/test_basic.py

@@ -146,8 +146,8 @@ def test_path():
 
 
 def test_Figure():
-    """ if the fig is not associated with a canvas, FakeRenderer shall
-    not fail. """
+    """if the fig is not associated with a canvas, FakeRenderer shall
+    not fail."""
     fig = plt.Figure()
     ax = fig.add_subplot(111)
     ax.add_patch(plt.Circle((0, 0), 1))

packages/python/plotly/plotly/tests/test_orca/images/linux/latexfig.eps

@@ -1,5 +1,5 @@
 %!PS-Adobe-3.0 EPSF-3.0
-%Produced by poppler pdftops version: 0.71.0 (http://poppler.freedesktop.org)
+%Produced by poppler pdftops version: 22.02.0 (http://poppler.freedesktop.org)
 %%Creator: Chromium
 %%LanguageLevel: 2
 %%DocumentSuppliedResources: (atend)

packages/python/plotly/plotly/tests/test_orca/images/linux/topofig.eps

@@ -1,5 +1,5 @@
 %!PS-Adobe-3.0 EPSF-3.0
-%Produced by poppler pdftops version: 0.71.0 (http://poppler.freedesktop.org)
+%Produced by poppler pdftops version: 22.02.0 (http://poppler.freedesktop.org)
 %%Creator: Chromium
 %%LanguageLevel: 2
 %%DocumentSuppliedResources: (atend)

packages/python/plotly/recipe/meta.yaml

@@ -21,7 +21,7 @@ requirements:
     - python
     - pip
     - jupyterlab =3
-    - nodejs
+    - nodejs =16
     - setuptools
   run:
     - python

packages/python/plotly/test_requirements/requirements_36_core.txt

@@ -1,3 +1,4 @@
 requests==2.12.4
 tenacity==6.2.0
 pytest==3.5.1
+packaging

test/percy/snapshots.yml

@@ -0,0 +1,22 @@
+version: 2
+static:
+  options:
+    waitForTimeout: 6000
+    execute:
+      beforeSnapshot: |
+        const stash = window._canvasStash = [];
+        Array.from(document.querySelectorAll('canvas')).forEach(c => {
+            const i = document.createElement('img');
+            i.src = c.toDataURL();
+            i.width = c.width;
+            i.height = c.height;
+            i.setAttribute('style', c.getAttribute('style'));
+            i.className = c.className;
+            i.setAttribute('data-canvasnum', stash.length);
+            stash.push(c);
+            c.parentElement.insertBefore(i, c);
+            c.parentElement.removeChild(c);
+        });
+snapshot:
+  widths:
+    - 1280