Organize tests

test/rendering/cases/multiple-layers/main.js

@@ -0,0 +1,49 @@
+import Feature from '../../../../src/ol/Feature.js';
+import GeoJSON from '../../../../src/ol/format/GeoJSON.js';
+import Map from '../../../../src/ol/Map.js';
+import Point from '../../../../src/ol/geom/Point.js';
+import View from '../../../../src/ol/View.js';
+import {Stroke, Style} from '../../../../src/ol/style.js';
+import {
+  Tile as TileLayer,
+  Vector as VectorLayer,
+} from '../../../../src/ol/layer.js';
+import {Vector as VectorSource, XYZ} from '../../../../src/ol/source.js';
+
+const map = new Map({
+  layers: [
+    new VectorLayer({
+      zIndex: 1,
+      style: new Style({
+        stroke: new Stroke({
+          color: 'rgba(255,255,255,0.5)',
+          width: 0.75,
+        }),
+      }),
+      source: new VectorSource({
+        url: '/data/countries.json',
+        format: new GeoJSON(),
+      }),
+    }),
+    new TileLayer({
+      source: new XYZ({
+        url: '/data/tiles/satellite/{z}/{x}/{y}.jpg',
+        maxZoom: 3,
+      }),
+    }),
+  ],
+  target: 'map',
+  view: new View({
+    center: [0, 0],
+    zoom: 2,
+  }),
+});
+
+const unmanaged = new VectorLayer({
+  source: new VectorSource({
+    features: [new Feature(new Point([0, 0]))],
+  }),
+});
+unmanaged.setMap(map);
+
+render({tolerance: 0.01});