diff --git a/test/image/baselines/map_predefined-styles1.png b/test/image/baselines/map_predefined-styles1.png
new file mode 100644
index 00000000000..0823028bae8
Binary files /dev/null and b/test/image/baselines/map_predefined-styles1.png differ
diff --git a/test/image/baselines/map_predefined-styles2.png b/test/image/baselines/map_predefined-styles2.png
new file mode 100644
index 00000000000..f8d7b87e5b9
Binary files /dev/null and b/test/image/baselines/map_predefined-styles2.png differ
diff --git a/test/image/baselines/pattern_bars.png b/test/image/baselines/pattern_bars.png
index 077c05cf164..69a0826e27c 100644
Binary files a/test/image/baselines/pattern_bars.png and b/test/image/baselines/pattern_bars.png differ
diff --git a/test/image/baselines/pattern_fgcolor_overlay_fillmode.png b/test/image/baselines/pattern_fgcolor_overlay_fillmode.png
index af59862d58a..6c6b5fbb821 100644
Binary files a/test/image/baselines/pattern_fgcolor_overlay_fillmode.png and b/test/image/baselines/pattern_fgcolor_overlay_fillmode.png differ
diff --git a/test/image/baselines/treemap_sunburst_marker_colors.png b/test/image/baselines/treemap_sunburst_marker_colors.png
index beebd418791..3a45878bbec 100644
Binary files a/test/image/baselines/treemap_sunburst_marker_colors.png and b/test/image/baselines/treemap_sunburst_marker_colors.png differ
diff --git a/test/image/baselines/treemap_textfit.png b/test/image/baselines/treemap_textfit.png
index 7cbd4c40311..1ead0015787 100644
Binary files a/test/image/baselines/treemap_textfit.png and b/test/image/baselines/treemap_textfit.png differ
diff --git a/test/image/compare_pixels_test.js b/test/image/compare_pixels_test.js
index eb2fd5e7364..e7b6295d457 100644
--- a/test/image/compare_pixels_test.js
+++ b/test/image/compare_pixels_test.js
@@ -118,6 +118,8 @@ for(var i = 0; i < allMockList.length; i++) {
         // list flaky mocks other than mapbox:
         'map_density0-legend',
         'map_osm-style',
+        'map_predefined-styles1',
+        'map_predefined-styles2',
         'gl3d_bunny-hull'
     ].indexOf(mockName) !== -1;
 
diff --git a/test/image/mocks/map_predefined-styles1.json b/test/image/mocks/map_predefined-styles1.json
new file mode 100644
index 00000000000..8af2b993452
--- /dev/null
+++ b/test/image/mocks/map_predefined-styles1.json
@@ -0,0 +1,195 @@
+{
+  "data": [
+    {
+      "subplot": "map",
+      "text": ["basic"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map2",
+      "text": ["carto-darkmatter"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map3",
+      "text": ["carto-darkmatter-nolabels"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map4",
+      "text": ["carto-positron"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map5",
+      "text": ["carto-positron-nolabels"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map6",
+      "text": ["carto-voyager"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map7",
+      "text": ["carto-voyager-nolabels"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    }
+  ],
+  "layout": {
+    "map": {
+      "zoom": 10,
+      "style": "basic",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.84, 0.96]
+      }
+    },
+    "map2": {
+      "zoom": 10,
+      "style": "carto-darkmatter",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.7, 0.82]
+      }
+    },
+    "map3": {
+      "zoom": 10,
+      "style": "carto-darkmatter-nolabels",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.56, 0.68]
+      }
+    },
+    "map4": {
+      "zoom": 10,
+      "style": "carto-darkmatter-nolabels",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.42, 0.54]
+      }
+    },
+    "map5": {
+      "zoom": 10,
+      "style": "carto-positron-nolabels",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.28, 0.4]
+      }
+    },
+    "map6": {
+      "zoom": 10,
+      "style": "carto-voyager",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.14, 0.26]
+      }
+    },
+    "map7": {
+      "zoom": 10,
+      "style": "carto-voyager-nolabels",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0, 0.12]
+      }
+    },
+    "height": 3000,
+    "width": 900,
+    "margin": {
+      "t": 50,
+      "b": 10,
+      "l": 10,
+      "r": 10
+    },
+    "showlegend": false,
+    "title": {
+      "text": "Predefined styles in maps",
+      "font": {
+        "size": 28,
+        "weight": 800,
+        "style": "italic"
+      }
+    },
+    "font": {
+      "color": "#777",
+      "size": 28
+    }
+  }
+}
diff --git a/test/image/mocks/map_predefined-styles2.json b/test/image/mocks/map_predefined-styles2.json
new file mode 100644
index 00000000000..dd1db6181a7
--- /dev/null
+++ b/test/image/mocks/map_predefined-styles2.json
@@ -0,0 +1,195 @@
+{
+  "data": [
+    {
+      "subplot": "map",
+      "text": ["dark"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map2",
+      "text": ["light"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map3",
+      "text": ["open-street-map"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map4",
+      "text": ["outdoors"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map5",
+      "text": ["satellite"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map6",
+      "text": ["white-bg"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    },
+    {
+      "subplot": "map7",
+      "text": ["streets"],
+      "textposition": "top center",
+      "marker": {
+        "size": [0]
+      },
+      "type": "scattermap",
+      "mode": "markers+text",
+      "lon": [-75],
+      "lat": [45.05]
+    }
+  ],
+  "layout": {
+    "map": {
+      "zoom": 10,
+      "style": "dark",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.84, 0.96]
+      }
+    },
+    "map2": {
+      "zoom": 10,
+      "style": "light",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.7, 0.82]
+      }
+    },
+    "map3": {
+      "zoom": 10,
+      "style": "open-street-map",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.56, 0.68]
+      }
+    },
+    "map4": {
+      "zoom": 10,
+      "style": "outdoors",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.42, 0.54]
+      }
+    },
+    "map5": {
+      "zoom": 10,
+      "style": "satellite",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.28, 0.4]
+      }
+    },
+    "map6": {
+      "zoom": 10,
+      "style": "white-bg",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0.14, 0.26]
+      }
+    },
+    "map7": {
+      "zoom": 10,
+      "style": "streets",
+      "center": {
+        "lon": -75,
+        "lat": 45
+      },
+      "domain": {
+        "x": [0, 1],
+        "y": [0, 0.12]
+      }
+    },
+    "height": 3000,
+    "width": 900,
+    "margin": {
+      "t": 50,
+      "b": 10,
+      "l": 10,
+      "r": 10
+    },
+    "showlegend": false,
+    "title": {
+      "text": "Predefined styles in maps",
+      "font": {
+        "size": 28,
+        "weight": 800,
+        "style": "italic"
+      }
+    },
+    "font": {
+      "color": "#777",
+      "size": 28
+    }
+  }
+}