diff --git a/rendering/cases/map-pan/expected.png b/rendering/cases/map-pan/expected.png
new file mode 100644
index 0000000000..ede48fc121
Binary files /dev/null and b/rendering/cases/map-pan/expected.png differ
diff --git a/rendering/cases/map-pan/main.js b/rendering/cases/map-pan/main.js
new file mode 100644
index 0000000000..e5569792cb
--- /dev/null
+++ b/rendering/cases/map-pan/main.js
@@ -0,0 +1,28 @@
+import Feature from '../../../src/ol/Feature.js';
+import Point from '../../../src/ol/geom/Point.js';
+import Map from '../../../src/ol/Map.js';
+import View from '../../../src/ol/View.js';
+import VectorLayer from '../../../src/ol/layer/Vector.js';
+import VectorSource from '../../../src/ol/source/Vector.js';
+
+const map = new Map({
+  pixelRatio: 1,
+  target: 'map',
+  layers: [
+    new VectorLayer({
+      source: new VectorSource({
+        features: [new Feature({
+          geometry: new Point([0, 0])
+        })]
+      })
+    })
+  ],
+  view: new View({
+    projection: 'EPSG:4326',
+    center: [0, 0],
+    resolution: 1
+  })
+});
+map.getView().setCenter([10, 10]);
+
+render();
diff --git a/rendering/cases/map/expected.png b/rendering/cases/map/expected.png
new file mode 100644
index 0000000000..d3e71854e8
Binary files /dev/null and b/rendering/cases/map/expected.png differ
diff --git a/rendering/cases/map/main.js b/rendering/cases/map/main.js
new file mode 100644
index 0000000000..21b9d0c36f
--- /dev/null
+++ b/rendering/cases/map/main.js
@@ -0,0 +1,27 @@
+import Feature from '../../../src/ol/Feature.js';
+import Point from '../../../src/ol/geom/Point.js';
+import Map from '../../../src/ol/Map.js';
+import View from '../../../src/ol/View.js';
+import VectorLayer from '../../../src/ol/layer/Vector.js';
+import VectorSource from '../../../src/ol/source/Vector.js';
+
+new Map({
+  pixelRatio: 1,
+  target: 'map',
+  layers: [
+    new VectorLayer({
+      source: new VectorSource({
+        features: [new Feature({
+          geometry: new Point([0, 0])
+        })]
+      })
+    })
+  ],
+  view: new View({
+    projection: 'EPSG:4326',
+    center: [0, 0],
+    resolution: 1
+  })
+});
+
+render();
diff --git a/test/rendering/ol/map.test.js b/test/rendering/ol/map.test.js
deleted file mode 100644
index 43d1f3f72c..0000000000
--- a/test/rendering/ol/map.test.js
+++ /dev/null
@@ -1,74 +0,0 @@
-import Feature from '../../../src/ol/Feature.js';
-import Point from '../../../src/ol/geom/Point.js';
-import Map from '../../../src/ol/Map.js';
-import View from '../../../src/ol/View.js';
-import VectorLayer from '../../../src/ol/layer/Vector.js';
-import VectorSource from '../../../src/ol/source/Vector.js';
-
-
-describe('ol.rendering.Map', function() {
-
-  let map;
-  function createMap(renderer) {
-    const MapConstructor = Map;
-    const LayerConstructor = VectorLayer;
-
-    const vectorLayer = new LayerConstructor({
-      source: new VectorSource({
-        features: [new Feature({
-          geometry: new Point([0, 0])
-        })]
-      })
-    });
-
-    map = new MapConstructor({
-      pixelRatio: 1,
-      target: createMapDiv(50, 50),
-      layers: [vectorLayer],
-      view: new View({
-        projection: 'EPSG:4326',
-        center: [0, 0],
-        resolution: 1
-      })
-    });
-  }
-
-  afterEach(function() {
-    if (map) {
-      disposeMap(map);
-    }
-    map = null;
-  });
-
-  describe('#updateSize()', function() {
-
-    it('tests the canvas renderer', function(done) {
-      createMap('canvas');
-      map.once('postrender', function() {
-        const initialSize = map.getSize();
-        map.updateSize();
-        expect(map.getSize()).to.eql(initialSize);
-        done();
-      });
-    });
-  });
-
-  describe('#render()', function() {
-
-    it('tests the canvas renderer', function(done) {
-      createMap('canvas');
-      expectResemble(
-        map, 'rendering/ol/expected/render-canvas.png', IMAGE_TOLERANCE, done);
-    });
-  });
-
-  describe('#pan()', function() {
-
-    it('tests the canvas renderer', function(done) {
-      createMap('canvas');
-      map.getView().setCenter([10, 10]);
-      expectResemble(
-        map, 'rendering/ol/expected/pan-canvas.png', IMAGE_TOLERANCE, done);
-    });
-  });
-});