Replaces circle.tests.js with new tests

Transforms the old rendering test for the CircleStyle to the new rendering test approach.
2019-03-14 11:43:32 +01:00
parent 1637cffbe9
commit de0f5d44a3
8 changed files with 9507 additions and 203 deletions
--- a/rendering/cases/point-style/main.js
+++ b/rendering/cases/point-style/main.js
@@ -0,0 +1,169 @@
+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';
+import CircleStyle from '../../../src/ol/style/Circle.js';
+import Fill from '../../../src/ol/style/Fill.js';
+import Style from '../../../src/ol/style/Style.js';
+import Stroke from '../../../src/ol/style/Stroke.js';
+
+const vectorSource = new VectorSource();
+
+let feature;
+feature = new Feature({
+  geometry: new Point([-20, 18])
+});
+feature.setStyle(new Style({
+  image: new CircleStyle({
+    radius: 2,
+    fill: new Fill({
+      color: '#91E339'
+    })
+  })
+}));
+vectorSource.addFeature(feature);
+
+feature = new Feature({
+  geometry: new Point([-10, 18])
+});
+feature.setStyle(new Style({
+  image: new CircleStyle({
+    radius: 4,
+    fill: new Fill({
+      color: '#5447E6'
+    })
+  })
+}));
+vectorSource.addFeature(feature);
+
+feature = new Feature({
+  geometry: new Point([4, 18])
+});
+feature.setStyle(new Style({
+  image: new CircleStyle({
+    radius: 6,
+    fill: new Fill({
+      color: '#92A8A6'
+    })
+  })
+}));
+vectorSource.addFeature(feature);
+
+feature = new Feature({
+  geometry: new Point([-20, 3])
+});
+feature.setStyle(new Style({
+  image: new CircleStyle({
+    radius: 2,
+    fill: new Fill({
+      color: '#91E339'
+    }),
+    stroke: new Stroke({
+      color: '#000000',
+      width: 1
+    })
+  })
+}));
+vectorSource.addFeature(feature);
+
+feature = new Feature({
+  geometry: new Point([-10, 3])
+});
+feature.setStyle(new Style({
+  image: new CircleStyle({
+    radius: 4,
+    fill: new Fill({
+      color: '#5447E6'
+    }),
+    stroke: new Stroke({
+      color: '#000000',
+      width: 2
+    })
+  })
+}));
+vectorSource.addFeature(feature);
+
+feature = new Feature({
+  geometry: new Point([4, 3])
+});
+feature.setStyle(new Style({
+  image: new CircleStyle({
+    radius: 6,
+    fill: new Fill({
+      color: '#92A8A6'
+    }),
+    stroke: new Stroke({
+      color: '#000000',
+      width: 3
+    })
+  })
+}));
+vectorSource.addFeature(feature);
+
+feature = new Feature({
+  geometry: new Point([-20, -15])
+});
+feature.setStyle(new Style({
+  image: new CircleStyle({
+    radius: 2,
+    stroke: new Stroke({
+      color: '#256308',
+      width: 1
+    })
+  })
+}));
+vectorSource.addFeature(feature);
+
+feature = new Feature({
+  geometry: new Point([-10, -15])
+});
+feature.setStyle(new Style({
+  image: new CircleStyle({
+    radius: 4,
+    fill: new Fill({
+      color: 'rgba(0, 0, 255, 0.3)'
+    }),
+    stroke: new Stroke({
+      color: '#256308',
+      width: 2
+    })
+  })
+}));
+vectorSource.addFeature(feature);
+
+feature = new Feature({
+  geometry: new Point([4, -15])
+});
+feature.setStyle(new Style({
+  image: new CircleStyle({
+    radius: 6,
+    fill: new Fill({
+      color: 'rgba(235, 45, 70, 0.6)'
+    }),
+    stroke: new Stroke({
+      color: '#256308',
+      width: 3
+    })
+  })
+}));
+vectorSource.addFeature(feature);
+
+const vectorLayer = new VectorLayer({
+  source: vectorSource
+});
+
+new Map({
+  layers: [
+    vectorLayer
+  ],
+  target: 'map',
+  view: new View({
+    projection: 'EPSG:4326',
+    center: [0, 0],
+    zoom: 1
+  })
+});
+
+render();