Add rendering tests to ensure correct circle and polygon rendering (#5189)

test_rendering/spec/ol/layer/vector.test.js

@@ -0,0 +1,77 @@
+goog.provide('ol.test.rendering.layer.Vector');
+
+describe('ol.rendering.layer.Vector', function() {
+
+  var center, target, map;
+
+  function createMap(renderer) {
+    target = createMapDiv(80, 80);
+    center = [1825927.7316762917, 6143091.089223046];
+
+    map = new ol.Map({
+      target: target,
+      renderer: renderer,
+      view: new ol.View({
+        center: center,
+        zoom: 13
+      })
+    });
+    return map;
+  }
+
+  var source;
+
+  function addCircle(r) {
+    source.addFeature(new ol.Feature(new ol.geom.Circle(center, r)));
+  }
+
+  function addPolygon(r) {
+    source.addFeature(new ol.Feature(new ol.geom.Polygon([
+      [
+        [center[0] - r, center[1] - r],
+        [center[0] + r, center[1] - r],
+        [center[0] + r, center[1] + r],
+        [center[0] - r, center[1] + r],
+        [center[0] - r, center[1] - r]
+      ]
+    ])))
+  }
+
+  describe('vector layer', function() {
+
+    beforeEach(function() {
+      source = new ol.source.Vector();
+    });
+
+    afterEach(function() {
+      disposeMap(map);
+    });
+
+    it('renders correctly with the canvas renderer', function(done) {
+      map = createMap('canvas');
+      addPolygon(100);
+      addCircle(200);
+      addPolygon(250);
+      addCircle(500);
+      addPolygon(600);
+      addPolygon(720);
+      map.addLayer(new ol.layer.Vector({
+        source: source
+      }));
+      map.once('postrender', function() {
+        expectResemble(map, 'spec/ol/layer/expected/vector-canvas.png',
+            17, done);
+      })
+    });
+
+  });
+
+});
+
+goog.require('ol.Map');
+goog.require('ol.View');
+goog.require('ol.Feature');
+goog.require('ol.geom.Circle');
+goog.require('ol.geom.Polygon');
+goog.require('ol.layer.Vector');
+goog.require('ol.source.Vector');