diff --git a/test/rendering/cases/webgl-data-tile-tilepixelratio2/expected.png b/test/rendering/cases/webgl-data-tile-tilepixelratio2/expected.png
new file mode 100644
index 0000000000..a8f8bcfc6a
Binary files /dev/null and b/test/rendering/cases/webgl-data-tile-tilepixelratio2/expected.png differ
diff --git a/test/rendering/cases/webgl-data-tile-tilepixelratio2/main.js b/test/rendering/cases/webgl-data-tile-tilepixelratio2/main.js
new file mode 100644
index 0000000000..32b0c30e4d
--- /dev/null
+++ b/test/rendering/cases/webgl-data-tile-tilepixelratio2/main.js
@@ -0,0 +1,32 @@
+import DataTile from '../../../../src/ol/source/DataTile.js';
+import Map from '../../../../src/ol/Map.js';
+import TileLayer from '../../../../src/ol/layer/WebGLTile.js';
+import View from '../../../../src/ol/View.js';
+
+const size = 512;
+
+const data = new Uint8Array(size * size);
+for (let row = 0; row < size; ++row) {
+  for (let col = 0; col < size; ++col) {
+    data[row * size + col] = (row + col) % 2 === 0 ? 255 : 0;
+  }
+}
+
+new Map({
+  target: 'map',
+  layers: [
+    new TileLayer({
+      source: new DataTile({
+        maxZoom: 0,
+        loader: () => data,
+        tilePixelRatio: 2,
+      }),
+    }),
+  ],
+  view: new View({
+    center: [0, 0],
+    zoom: 4,
+  }),
+});
+
+render();