Organize tests

2021-04-27 15:41:14 -07:00
parent 278e355795
commit 490cfabe91
599 changed files with 12374 additions and 1603 deletions
--- a/test/rendering/cases/text-style/main.js
+++ b/test/rendering/cases/text-style/main.js
@@ -0,0 +1,158 @@
+import Feature from '../../../../src/ol/Feature.js';
+import Fill from '../../../../src/ol/style/Fill.js';
+import Map from '../../../../src/ol/Map.js';
+import Point from '../../../../src/ol/geom/Point.js';
+import Stroke from '../../../../src/ol/style/Stroke.js';
+import Style from '../../../../src/ol/style/Style.js';
+import Text from '../../../../src/ol/style/Text.js';
+import VectorLayer from '../../../../src/ol/layer/Vector.js';
+import VectorSource from '../../../../src/ol/source/Vector.js';
+import View from '../../../../src/ol/View.js';
+
+const vectorSource = new VectorSource();
+let feature;
+
+// scale
+feature = new Feature({
+  geometry: new Point([-50, 50]),
+});
+feature.setStyle(
+  new Style({
+    text: new Text({
+      text: 'hello',
+      font: '12px Ubuntu',
+      scale: 2,
+      fill: new Fill({
+        color: 'red',
+      }),
+      stroke: new Stroke({
+        color: '#000',
+      }),
+    }),
+  })
+);
+vectorSource.addFeature(feature);
+
+// rotate
+feature = new Feature({
+  geometry: new Point([50, -50]),
+});
+feature.setStyle(
+  new Style({
+    text: new Text({
+      text: 'upside down',
+      font: '12px Ubuntu',
+      rotation: Math.PI,
+      stroke: new Stroke({
+        color: 'red',
+        width: 2,
+      }),
+    }),
+  })
+);
+vectorSource.addFeature(feature);
+
+// rotate with view
+feature = new Feature({
+  geometry: new Point([50, 50]),
+});
+feature.setStyle(
+  new Style({
+    text: new Text({
+      font: 'Ubuntu',
+      text: 'rotateWithView',
+      rotateWithView: true,
+      stroke: new Stroke({
+        color: [10, 10, 10, 0.5],
+      }),
+    }),
+  })
+);
+vectorSource.addFeature(feature);
+
+// align left
+feature = new Feature({
+  geometry: new Point([50, 50]),
+});
+feature.setStyle(
+  new Style({
+    text: new Text({
+      font: 'Ubuntu',
+      text: 'align left',
+      textAlign: 'left',
+      stroke: new Stroke({
+        color: [10, 10, 10, 0.5],
+      }),
+    }),
+  })
+);
+vectorSource.addFeature(feature);
+
+// background and padding
+feature = new Feature({
+  geometry: new Point([-10, 0]),
+});
+feature.setStyle(
+  new Style({
+    text: new Text({
+      text: 'hello',
+      font: '12px Ubuntu',
+      padding: [1, 2, 3, 5],
+      backgroundFill: new Fill({
+        color: 'rgba(55, 55, 55, 0.25)',
+      }),
+      backgroundStroke: new Stroke({
+        color: '#000',
+        width: 1,
+      }),
+    }),
+  })
+);
+vectorSource.addFeature(feature);
+
+// two dimensional scale
+feature = new Feature({
+  geometry: new Point([100, 20]),
+});
+feature.setStyle(
+  new Style({
+    text: new Text({
+      text: 'mirror',
+      font: '12px Ubuntu',
+      scale: [-1, 2],
+      rotateWithView: true,
+      fill: new Fill({
+        color: 'red',
+      }),
+      stroke: new Stroke({
+        color: '#000',
+      }),
+      padding: [1, 2, 3, 5],
+      backgroundFill: new Fill({
+        color: 'rgba(55, 55, 55, 0.25)',
+      }),
+      backgroundStroke: new Stroke({
+        color: '#000',
+        width: 1,
+      }),
+    }),
+  })
+);
+vectorSource.addFeature(feature);
+
+new Map({
+  pixelRatio: 1,
+  layers: [
+    new VectorLayer({
+      source: vectorSource,
+    }),
+  ],
+  target: 'map',
+  view: new View({
+    center: [0, 0],
+    resolution: 1,
+    rotation: Math.PI / 4,
+  }),
+});
+
+render({tolerance: 0.02});