Get a basic OSM renderer test to fire with some prepackaged data.

Author: Bonkles

.eslintignore

@@ -0,0 +1 @@
+test/spec/renderer/PixiRenderer.js

data/languages.json

@@ -34,7 +34,6 @@
   "as": {"nativeName": "অসমীয়া"},
   "asa": {"nativeName": "Kipare"},
   "ast": {"nativeName": "asturianu"},
-  "atj": {},
   "av": {},
   "avk": {},
   "awa": {},
@@ -51,7 +50,6 @@
   "bbc": {},
   "bbj": {},
   "be": {"nativeName": "беларуская"},
-  "be-tarask": {},
   "bej": {},
   "bem": {"nativeName": "Ichibemba"},
   "bew": {},
@@ -67,7 +65,6 @@
   "bjn": {},
   "bkm": {},
   "bla": {},
-  "blt": {},
   "bm": {"nativeName": "bamanakan"},
   "bn": {"nativeName": "বাংলা"},
   "bo": {"nativeName": "བོད་སྐད་"},
@@ -76,7 +73,7 @@
   "br": {"nativeName": "brezhoneg"},
   "bra": {},
   "brh": {},
-  "brx": {"nativeName": "बर’"},
+  "brx": {"nativeName": "बड़ो"},
   "bs": {"nativeName": "bosanski"},
   "bs-Cyrl": {"base": "bs", "script": "Cyrl"},
   "bs-Latn": {"base": "bs", "script": "Latn"},
@@ -107,25 +104,16 @@
   "chy": {},
   "cic": {},
   "ckb": {"nativeName": "کوردیی ناوەندی"},
-  "clc": {},
   "co": {},
   "cop": {},
   "cps": {},
   "cr": {},
-  "crg": {},
   "crh": {},
-  "crj": {},
-  "crk": {},
-  "crl": {},
-  "crm": {},
-  "crr": {},
   "crs": {},
   "cs": {"nativeName": "čeština"},
   "csb": {},
-  "csw": {},
   "cu": {},
   "cv": {},
-  "cwd": {},
   "cy": {"nativeName": "Cymraeg"},
   "da": {"nativeName": "dansk"},
   "dak": {},
@@ -217,24 +205,19 @@
   "hai": {},
   "hak": {},
   "haw": {"nativeName": "ʻŌlelo Hawaiʻi"},
-  "hax": {},
-  "hdn": {},
   "he": {"nativeName": "עברית"},
   "hi": {"nativeName": "हिन्दी"},
-  "hi-Latn": {"base": "en", "script": "Latn"},
   "hif": {},
   "hil": {},
   "hit": {},
   "hmn": {},
-  "hnj": {},
   "ho": {},
   "hr": {"nativeName": "hrvatski"},
   "hsb": {"nativeName": "hornjoserbšćina"},
   "hsn": {},
   "ht": {},
   "hu": {"nativeName": "magyar"},
   "hup": {},
-  "hur": {},
   "hy": {"nativeName": "հայերեն"},
   "hz": {},
   "ia": {"nativeName": "interlingua"},
@@ -245,8 +228,6 @@
   "ig": {"nativeName": "Igbo"},
   "ii": {"nativeName": "ꆈꌠꉙ"},
   "ik": {},
-  "ike": {},
-  "ikt": {},
   "ilo": {},
   "inh": {},
   "io": {},
@@ -280,7 +261,7 @@
   "ken": {},
   "kfo": {},
   "kg": {},
-  "kgp": {"nativeName": "kanhgág"},
+  "kgp": {},
   "kha": {},
   "kho": {},
   "khq": {"nativeName": "Koyra ciini"},
@@ -309,7 +290,6 @@
   "kru": {},
   "ks": {"nativeName": "کٲشُر"},
   "ks-Arab": {"base": "ks", "script": "Arab"},
-  "ks-Deva": {"base": "ks", "script": "Deva"},
   "ksb": {"nativeName": "Kishambaa"},
   "ksf": {"nativeName": "rikpa"},
   "ksh": {"nativeName": "Kölsch"},
@@ -318,7 +298,6 @@
   "kut": {},
   "kv": {},
   "kw": {"nativeName": "kernewek"},
-  "kwk": {},
   "ky": {"nativeName": "кыргызча"},
   "la": {},
   "lad": {},
@@ -331,7 +310,6 @@
   "lg": {"nativeName": "Luganda"},
   "li": {},
   "lij": {},
-  "lil": {},
   "liv": {},
   "lkt": {"nativeName": "Lakȟólʼiyapi"},
   "lmo": {},
@@ -380,7 +358,6 @@
   "mnc": {},
   "mni": {"nativeName": "মৈতৈলোন্"},
   "mni-Beng": {"base": "mni", "script": "Beng"},
-  "moe": {},
   "moh": {},
   "mos": {},
   "mr": {"nativeName": "मराठी"},
@@ -430,12 +407,6 @@
   "nzi": {},
   "oc": {"nativeName": "Occitan"},
   "oj": {},
-  "ojb": {},
-  "ojc": {},
-  "ojg": {},
-  "ojs": {},
-  "ojw": {},
-  "oka": {},
   "om": {"nativeName": "Oromoo"},
   "or": {"nativeName": "ଓଡ଼ିଆ"},
   "os": {"nativeName": "ирон"},
@@ -461,7 +432,6 @@
   "pms": {},
   "pnt": {},
   "pon": {},
-  "pqm": {},
   "prg": {},
   "pro": {},
   "ps": {"nativeName": "پښتو"},
@@ -473,13 +443,13 @@
   "rap": {},
   "rar": {},
   "rgn": {},
-  "rhg": {},
   "rif": {},
   "rm": {"nativeName": "rumantsch"},
   "rn": {"nativeName": "Ikirundi"},
   "ro": {"nativeName": "română"},
   "rof": {"nativeName": "Kihorombo"},
   "rom": {},
+  "root": {},
   "rtm": {},
   "ru": {"nativeName": "русский"},
   "rue": {},
@@ -498,7 +468,7 @@
   "saz": {},
   "sba": {},
   "sbp": {"nativeName": "Ishisangu"},
-  "sc": {"nativeName": "sardu"},
+  "sc": {},
   "scn": {},
   "sco": {},
   "sd": {"nativeName": "سنڌي"},
@@ -525,7 +495,6 @@
   "sid": {},
   "sk": {"nativeName": "slovenčina"},
   "sl": {"nativeName": "slovenščina"},
-  "slh": {},
   "sli": {},
   "sly": {},
   "sm": {},
@@ -547,7 +516,6 @@
   "ssy": {},
   "st": {},
   "stq": {},
-  "str": {},
   "su": {"nativeName": "Basa Sunda"},
   "su-Latn": {"base": "su", "script": "Latn"},
   "suk": {},
@@ -560,18 +528,15 @@
   "syr": {},
   "szl": {},
   "ta": {"nativeName": "தமிழ்"},
-  "tce": {},
   "tcy": {},
   "te": {"nativeName": "తెలుగు"},
   "tem": {},
   "teo": {"nativeName": "Kiteso"},
   "ter": {},
   "tet": {},
   "tg": {"nativeName": "тоҷикӣ"},
-  "tgx": {},
   "th": {"nativeName": "ไทย"},
-  "tht": {},
-  "ti": {"nativeName": "ትግርኛ"},
+  "ti": {"nativeName": "ትግር"},
   "tig": {},
   "tiv": {},
   "tk": {"nativeName": "türkmen dili"},
@@ -589,12 +554,10 @@
   "tr": {"nativeName": "Türkçe"},
   "tru": {},
   "trv": {},
-  "trw": {},
   "ts": {},
   "tsd": {},
   "tsi": {},
   "tt": {"nativeName": "татар"},
-  "ttm": {},
   "ttt": {},
   "tum": {},
   "tvl": {},
@@ -608,7 +571,6 @@
   "uga": {},
   "uk": {"nativeName": "українська"},
   "umb": {},
-  "und": {"nativeName": "und"},
   "ur": {"nativeName": "اردو"},
   "uz": {"nativeName": "o‘zbek"},
   "uz-Arab": {"base": "uz", "script": "Arab"},
@@ -645,7 +607,7 @@
   "ybb": {},
   "yi": {"nativeName": "ייִדיש"},
   "yo": {"nativeName": "Èdè Yorùbá"},
-  "yrl": {"nativeName": "nheẽgatu"},
+  "yrl": {},
   "yue": {"nativeName": "粵語"},
   "yue-Hans": {"base": "yue", "script": "Hans"},
   "yue-Hant": {"base": "yue", "script": "Hant"},

karma.conf.cjs

@@ -6,7 +6,7 @@ module.exports = function (config) {
     // base path that will be used to resolve all patterns (eg. files, exclude)
     basePath: '',
 
-    plugins: ['karma-coverage', 'karma-mocha', 'karma-chrome-launcher'],
+    plugins: ['karma-coverage', 'karma-mocha', 'karma-chrome-launcher', 'karma-json-fixtures-preprocessor'],
 
     // frameworks to use
     // available frameworks: https://www.npmjs.com/search?q=keywords:karma-adapter
@@ -22,8 +22,10 @@ module.exports = function (config) {
       { pattern: 'dist/iD.js', included: true },
       { pattern: 'dist/iD.css', included: true },
       { pattern: 'dist/**/*', included: false },
+      { pattern: 'test/spec/renderer/*.json', included: true, served: true},
       'test/spec/spec_helpers.js',
-      'test/spec/**/*.js',
+      // 'test/spec/**/*.js',
+      'test/spec/renderer/*.js',
     ],
 
     // list of files / patterns to exclude
@@ -42,7 +44,8 @@ module.exports = function (config) {
     // preprocess matching files before serving them to the browser
     // available preprocessors: https://www.npmjs.com/search?q=keywords:karma-preprocessor
     preprocessors: {
-      'dist/iD.js': ['coverage']
+      'dist/iD.js': ['coverage'],
+      'test/spec/renderer/*.json': ['json_fixtures']
     },
 
     // test results reporter to use

modules/pixi/PixiLayerOsm.js

@@ -3,6 +3,7 @@ import geojsonRewind from '@mapbox/geojson-rewind';
 
 import { services } from '../services';
 import { presetManager } from '../presets';
+import { JXON } from '../util/jxon';
 
 import { PixiLayer } from './PixiLayer';
 import { PixiFeatureLine } from './PixiFeatureLine';
@@ -35,6 +36,9 @@ export class PixiLayerOsm extends PixiLayer {
     this._service = null;
     this.getService();
 
+    this._alreadyDownloaded = false;
+    this._saveCannedData = false;
+
     // Setup Scene
     //
     // A few definitions:
@@ -90,6 +94,24 @@ export class PixiLayerOsm extends PixiLayer {
     return this._service;
   }
 
+  downloadFile(data, fileName) {
+      let a = document.createElement('a');   // Create an invisible A element
+      a.style.display = 'none';
+      document.body.appendChild(a);
+
+      // Set the HREF to a Blob representation of the data to be downloaded
+      a.href = window.URL.createObjectURL(new Blob([data]));
+
+      // Use download attribute to set set desired file name
+      a.setAttribute('download', fileName);
+
+      // Trigger the download by simulating click
+      a.click();
+
+      // Cleanup
+      window.URL.revokeObjectURL(a.href);
+      document.body.removeChild(a);
+    }
 
   /**
    * render
@@ -128,6 +150,20 @@ export class PixiLayerOsm extends PixiLayer {
         }
       });
 
+
+      //Instructions to save 'canned' entity data for use in the renderer test suite:
+      //Set a breakpoint at the next line, then modify `this._saveCannedData` to be 'true'
+      //continuing will fire off the download of the data into a file called 'canned_data.json'.
+      //move the data into the test/spec/renderer directory.
+      if (this._saveCannedData && !this._alreadyDownloaded) {
+        let viewData = { 'zoom': zoom, 'projection': projection, 'data': data , 'entities': context.graph().base().entities};
+          let cannedData = JSON.stringify(viewData);
+          this.downloadFile(cannedData,'canned_osm_data.json');
+
+        this._alreadyDownloaded = true;
+      }
+
+
       // // Gather all child nodes of visible lines
       // data.lines.forEach(line => {
       //   graph.childNodes(line).forEach(node => data.vertices.add(node));

package.json

@@ -57,6 +57,7 @@
     "esbuild": "^0.14.38",
     "fast-deep-equal": "~3.1.1",
     "fast-json-stable-stringify": "2.1.0",
+    "karma-json-fixtures-preprocessor": "^0.0.6",
     "lodash-es": "~4.17.15",
     "marked": "~4.0.15",
     "node-diff3": "~3.1.0",
@@ -126,4 +127,4 @@
   "browserslist": [
     "> 0.2%, last 3 major versions, Firefox ESR, maintained node versions"
   ]
-}
+}