diff --git a/rendering/cases/map-text-align/expected.png b/rendering/cases/map-text-align/expected.png
new file mode 100644
index 0000000000..fea6e18ef3
Binary files /dev/null and b/rendering/cases/map-text-align/expected.png differ
diff --git a/rendering/cases/map-text-align/index.html b/rendering/cases/map-text-align/index.html
new file mode 100644
index 0000000000..8e0a85055f
--- /dev/null
+++ b/rendering/cases/map-text-align/index.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/rendering/cases/map-text-align/main.js b/rendering/cases/map-text-align/main.js
new file mode 100644
index 0000000000..723ac2dabc
--- /dev/null
+++ b/rendering/cases/map-text-align/main.js
@@ -0,0 +1,24 @@
+import Map from '../../../src/ol/Map.js';
+import View from '../../../src/ol/View.js';
+import TileLayer from '../../../src/ol/layer/Tile.js';
+import {fromLonLat} from '../../../src/ol/proj.js';
+import XYZ from '../../../src/ol/source/XYZ.js';
+
+
+new Map({
+ layers: [
+ new TileLayer({
+ source: new XYZ({
+ url: '/data/tiles/satellite/{z}/{x}/{y}.jpg'
+ })
+ })
+ ],
+ target: 'map',
+ view: new View({
+ rotation: Math.PI / 3,
+ center: fromLonLat([8.6, 50.1]),
+ zoom: 3
+ })
+});
+
+render();