Test a rotated view

2018-11-10 08:31:36 -07:00
parent 14d59623aa
commit 0ebc023223
8 changed files with 56 additions and 24 deletions
@@ -0,0 +1,22 @@
 <!DOCTYPE html>
 <html>
  <head>
    <style>
      html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
      }
      #map {
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script src="main.js"></script>
  </body>
  </script>
 </html>
@@ -0,0 +1,34 @@
 import Map from '../../../src/ol/Map.js';
 import View from '../../../src/ol/View.js';
 import {Vector as VectorLayer, Tile as TileLayer} from '../../../src/ol/layer.js';
 import {Vector as VectorSource, OSM} from '../../../src/ol/source.js';
 import Point from '../../../src/ol/geom/Point.js';
 import Feature from '../../../src/ol/Feature.js';
 import {fromLonLat} from '../../../src/ol/proj.js';
 const center = fromLonLat([-111, 45.7]);
 new Map({
  layers: [
    new TileLayer({
      source: new OSM()
    }),
    new VectorLayer({
      source: new VectorSource({
        features: [
          new Feature(
            new Point(center)
          )
        ]
      })
    })
  ],
  target: 'map',
  view: new View({
    center: center,
    zoom: 4,
    rotation: Math.PI / 4
  })
 });
 render();
@@ -127,14 +127,6 @@ describe('ol.rendering.layer.Tile', function() {
      });
    });
    it('tests the canvas renderer', function(done) {
      createMap('canvas');
      waitForTiles([source1, source2], {}, function() {
        expectResemble(map, 'rendering/ol/layer/expected/2-layers-canvas.png',
          IMAGE_TOLERANCE, done);
      });
    });
    where('WebGL').it('tests the WebGL renderer', function(done) {
      assertWebGL();
      createMap('webgl');
@@ -98,14 +98,6 @@ describe('ol.rendering.Map', function() {
  describe('#rotate()', function() {
    it('tests the canvas renderer', function(done) {
      createMap('canvas');
      map.getView().setRotation(90);
      map.getView().setCenter([10, 10]);
      expectResemble(
        map, 'rendering/ol/expected/rotate-canvas.png', 2.8, done);
    });
    where('WebGL').it('tests the WebGL renderer', function(done) {
      assertWebGL();
      createMap('webgl');
@@ -118,14 +110,6 @@ describe('ol.rendering.Map', function() {
  describe('#zoom()', function() {
    it('tests the canvas renderer', function(done) {
      createMap('canvas');
      map.getView().setCenter([10, 10]);
      map.getView().setResolution(2);
      expectResemble(
        map, 'rendering/ol/expected/zoom-canvas.png', IMAGE_TOLERANCE, done);
    });
    where('WebGL').it('tests the WebGL renderer', function(done) {
      assertWebGL();
      createMap('webgl');