diff --git a/test/image/baselines/mapbox_predefined-styles1.png b/test/image/baselines/mapbox_predefined-styles1.png
new file mode 100644
index 00000000000..fbd3e779b3c
Binary files /dev/null and b/test/image/baselines/mapbox_predefined-styles1.png differ
diff --git a/test/image/baselines/mapbox_predefined-styles2.png b/test/image/baselines/mapbox_predefined-styles2.png
new file mode 100644
index 00000000000..a4ad4b6b3cc
Binary files /dev/null and b/test/image/baselines/mapbox_predefined-styles2.png differ
diff --git a/test/image/mocks/mapbox_predefined-styles1.json b/test/image/mocks/mapbox_predefined-styles1.json
new file mode 100644
index 00000000000..e3ad4fde69c
--- /dev/null
+++ b/test/image/mocks/mapbox_predefined-styles1.json
@@ -0,0 +1,100 @@
+{
+ "data": [
+  {
+   "subplot": "mapbox",
+   "text": ["basic"],
+   "textposition": "top center",
+   "marker": {
+    "size": [0]
+   },
+   "type": "scattermapbox",
+   "mode": "markers+text",
+   "lon": [-75],
+   "lat": [45.05]
+  },
+  {
+   "subplot": "mapbox2",
+   "text": ["carto-darkmatter"],
+   "textposition": "top center",
+   "marker": {
+    "size": [0]
+   },
+   "type": "scattermapbox",
+   "mode": "markers+text",
+   "lon": [-75],
+   "lat": [45.05]
+  },
+  {
+   "subplot": "mapbox4",
+   "text": ["carto-positron"],
+   "textposition": "top center",
+   "marker": {
+    "size": [0]
+   },
+   "type": "scattermapbox",
+   "mode": "markers+text",
+   "lon": [-75],
+   "lat": [45.05]
+  }
+ ],
+ "layout": {
+  "mapbox": {
+   "zoom": 10,
+   "style": "basic",
+   "center": {
+    "lon": -75,
+    "lat": 45
+   },
+   "domain": {
+    "x": [0, 1],
+    "y": [0.84, 0.96]
+   }
+  },
+  "mapbox2": {
+   "zoom": 10,
+   "style": "carto-darkmatter",
+   "center": {
+    "lon": -75,
+    "lat": 45
+   },
+   "domain": {
+    "x": [0, 1],
+    "y": [0.7, 0.82]
+   }
+  },
+  "mapbox4": {
+    "zoom": 10,
+    "style": "carto-positron",
+    "center": {
+     "lon": -75,
+     "lat": 45
+    },
+    "domain": {
+     "x": [0, 1],
+     "y": [0.42, 0.54]
+    }
+   },
+
+  "height": 3000,
+  "width": 900,
+  "margin": {
+   "t": 50,
+   "b": 10,
+   "l": 10,
+   "r": 10
+  },
+  "showlegend": false,
+  "title": {
+   "text": "Predefined styles in mapbox",
+   "font": {
+    "size": 28,
+    "weight": 800,
+    "style": "italic"
+   }
+  },
+  "font": {
+   "color": "#777",
+   "size": 28
+  }
+ }
+}
diff --git a/test/image/mocks/mapbox_predefined-styles2.json b/test/image/mocks/mapbox_predefined-styles2.json
new file mode 100644
index 00000000000..4278ab4abc2
--- /dev/null
+++ b/test/image/mocks/mapbox_predefined-styles2.json
@@ -0,0 +1,195 @@
+{
+ "data": [
+  {
+   "subplot": "mapbox",
+   "text": ["dark"],
+   "textposition": "top center",
+   "marker": {
+    "size": [0]
+   },
+   "type": "scattermapbox",
+   "mode": "markers+text",
+   "lon": [-75],
+   "lat": [45.05]
+  },
+  {
+   "subplot": "mapbox2",
+   "text": ["light"],
+   "textposition": "top center",
+   "marker": {
+    "size": [0]
+   },
+   "type": "scattermapbox",
+   "mode": "markers+text",
+   "lon": [-75],
+   "lat": [45.05]
+  },
+  {
+   "subplot": "mapbox3",
+   "text": ["open-street-map"],
+   "textposition": "top center",
+   "marker": {
+    "size": [0]
+   },
+   "type": "scattermapbox",
+   "mode": "markers+text",
+   "lon": [-75],
+   "lat": [45.05]
+  },
+  {
+   "subplot": "mapbox4",
+   "text": ["outdoors"],
+   "textposition": "top center",
+   "marker": {
+    "size": [0]
+   },
+   "type": "scattermapbox",
+   "mode": "markers+text",
+   "lon": [-75],
+   "lat": [45.05]
+  },
+  {
+   "subplot": "mapbox5",
+   "text": ["satellite"],
+   "textposition": "top center",
+   "marker": {
+    "size": [0]
+   },
+   "type": "scattermapbox",
+   "mode": "markers+text",
+   "lon": [-75],
+   "lat": [45.05]
+  },
+  {
+   "subplot": "mapbox6",
+   "text": ["satellite-streets"],
+   "textposition": "top center",
+   "marker": {
+    "size": [0]
+   },
+   "type": "scattermapbox",
+   "mode": "markers+text",
+   "lon": [-75],
+   "lat": [45.05]
+  },
+  {
+   "subplot": "mapbox7",
+   "text": ["streets"],
+   "textposition": "top center",
+   "marker": {
+    "size": [0]
+   },
+   "type": "scattermapbox",
+   "mode": "markers+text",
+   "lon": [-75],
+   "lat": [45.05]
+  }
+ ],
+ "layout": {
+  "mapbox": {
+   "zoom": 10,
+   "style": "dark",
+   "center": {
+    "lon": -75,
+    "lat": 45
+   },
+   "domain": {
+    "x": [0, 1],
+    "y": [0.84, 0.96]
+   }
+  },
+  "mapbox2": {
+   "zoom": 10,
+   "style": "light",
+   "center": {
+    "lon": -75,
+    "lat": 45
+   },
+   "domain": {
+    "x": [0, 1],
+    "y": [0.7, 0.82]
+   }
+  },
+  "mapbox3": {
+   "zoom": 10,
+   "style": "open-street-map",
+   "center": {
+    "lon": -75,
+    "lat": 45
+   },
+   "domain": {
+    "x": [0, 1],
+    "y": [0.56, 0.68]
+   }
+  },
+  "mapbox4": {
+   "zoom": 10,
+   "style": "outdoors",
+   "center": {
+    "lon": -75,
+    "lat": 45
+   },
+   "domain": {
+    "x": [0, 1],
+    "y": [0.42, 0.54]
+   }
+  },
+  "mapbox5": {
+   "zoom": 10,
+   "style": "satellite",
+   "center": {
+    "lon": -75,
+    "lat": 45
+   },
+   "domain": {
+    "x": [0, 1],
+    "y": [0.28, 0.4]
+   }
+  },
+  "mapbox6": {
+   "zoom": 10,
+   "style": "satellite-streets",
+   "center": {
+    "lon": -75,
+    "lat": 45
+   },
+   "domain": {
+    "x": [0, 1],
+    "y": [0.14, 0.26]
+   }
+  },
+  "mapbox7": {
+   "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 mapbox",
+   "font": {
+    "size": 28,
+    "weight": 800,
+    "style": "italic"
+   }
+  },
+  "font": {
+   "color": "#777",
+   "size": 28
+  }
+ }
+}