diff --git a/test_rendering/spec/ol/layer/expected/2-layers-canvas-extent-hidpi.png b/test_rendering/spec/ol/layer/expected/2-layers-canvas-extent-hidpi.png
new file mode 100644
index 0000000000..fff644a675
Binary files /dev/null and b/test_rendering/spec/ol/layer/expected/2-layers-canvas-extent-hidpi.png differ
diff --git a/test_rendering/spec/ol/layer/expected/2-layers-canvas-extent-rotate-hidpi.png b/test_rendering/spec/ol/layer/expected/2-layers-canvas-extent-rotate-hidpi.png
new file mode 100644
index 0000000000..164e80b392
Binary files /dev/null and b/test_rendering/spec/ol/layer/expected/2-layers-canvas-extent-rotate-hidpi.png differ
diff --git a/test_rendering/spec/ol/layer/tile.test.js b/test_rendering/spec/ol/layer/tile.test.js
index c213ee9aa0..bf64f20188 100644
--- a/test_rendering/spec/ol/layer/tile.test.js
+++ b/test_rendering/spec/ol/layer/tile.test.js
@@ -19,11 +19,12 @@ describe('ol.rendering.layer.Tile', function() {
 
   var target, map;
 
-  function createMap(renderer, opt_center, opt_size) {
+  function createMap(renderer, opt_center, opt_size, opt_pixelRatio) {
     var size = opt_size !== undefined ? opt_size : [50, 50];
     target = createMapDiv(size[0], size[1]);
 
     map = new ol.Map({
+      pixelRatio: opt_pixelRatio || 1,
       target: target,
       renderer: renderer,
       view: new ol.View({
@@ -152,6 +153,24 @@ describe('ol.rendering.layer.Tile', function() {
             IMAGE_TOLERANCE, done);
       });
     });
+
+    it('tests canvas layer extent clipping (HiDPI)', function(done) {
+      map = createMap('canvas', undefined, undefined, 2);
+      waitForTiles([source1, source2], [{}, {extent: centerExtent(map)}], function() {
+        expectResemble(map, 'spec/ol/layer/expected/2-layers-canvas-extent-hidpi.png',
+            IMAGE_TOLERANCE, done);
+      });
+    });
+
+    it('tests canvas layer extent clipping with rotation (HiDPI)', function(done) {
+      map = createMap('canvas', undefined, undefined, 2);
+      map.getView().setRotation(Math.PI / 2);
+      waitForTiles([source1, source2], [{}, {extent: centerExtent(map)}], function() {
+        expectResemble(map, 'spec/ol/layer/expected/2-layers-canvas-extent-rotate-hidpi.png',
+            IMAGE_TOLERANCE, done);
+      });
+    });
+
   });
 
   describe('tile layer with opacity', function() {