@kalisio/kdk 1.3.5 → 1.4.2

package/lib/test/client/core/utils.js

@@ -0,0 +1,304 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFromStore = exports.waitForImagesLoaded = exports.chooseIcon = exports.uploadFile = exports.type = exports.clickSelect = exports.clickXPath = exports.click = exports.countElements = exports.isElementVisible = exports.elementExists = undefined;
+
+/* Helper function to check wether an element exists
+ * see: https://github.com/puppeteer/puppeteer/issues/545
+ */
+let elementExists = exports.elementExists = (() => {
+  var _ref = _asyncToGenerator(function* (page, selector) {
+    const exists = !!(yield page.$(selector));
+    debug(`Element ${selector} ` + (exists ? 'exists' : 'does not exist'));
+    return exists;
+  });
+
+  return function elementExists(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+})();
+
+/* Helper function to check wether an element is visible
+ * see: https://github.com/puppeteer/puppeteer/issues/545
+*/
+
+
+let isElementVisible = exports.isElementVisible = (() => {
+  var _ref2 = _asyncToGenerator(function* (page, selector) {
+    debug(`Checking if element ${selector} is visible`);
+    return page.evaluate(function (selector) {
+      const element = document.querySelector(selector);
+      if (!element) return false;
+      const style = window.getComputedStyle(element);
+      const visible = style && style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0';
+      return visible;
+    }, selector);
+  });
+
+  return function isElementVisible(_x3, _x4) {
+    return _ref2.apply(this, arguments);
+  };
+})();
+
+/* Count the elements that match the given XPath expresion
+ */
+
+
+let countElements = exports.countElements = (() => {
+  var _ref3 = _asyncToGenerator(function* (page, xpath) {
+    const elements = yield page.$x(xpath);
+    if (elements) return elements.length;
+    return 0;
+  });
+
+  return function countElements(_x5, _x6) {
+    return _ref3.apply(this, arguments);
+  };
+})();
+
+/* Helper function to click on a given selector
+ */
+
+
+let click = exports.click = (() => {
+  var _ref4 = _asyncToGenerator(function* (page, selector, wait = 250) {
+    try {
+      yield page.waitForSelector(selector, { timeout: 2000 });
+      yield page.click(selector);
+      yield page.waitForTimeout(wait);
+      debug(`Clicked target ${selector}`);
+    } catch (error) {
+      console.error(`click ${selector} failed.`);
+    }
+  });
+
+  return function click(_x7, _x8) {
+    return _ref4.apply(this, arguments);
+  };
+})();
+
+/* Helper function to click on a given xpath
+ */
+
+
+let clickXPath = exports.clickXPath = (() => {
+  var _ref5 = _asyncToGenerator(function* (page, xpath, wait = 250) {
+    try {
+      yield page.waitForXPath(xpath, { timeout: 2000 });
+      const elements = yield page.$x(xpath);
+      if (elements.length > 0) {
+        elements[0].click();
+        yield page.waitForTimeout(wait);
+        debug(`Clicked target ${xpath}`);
+      }
+    } catch (error) {
+      console.error(`click ${xpath} failed.`);
+    }
+  });
+
+  return function clickXPath(_x9, _x10) {
+    return _ref5.apply(this, arguments);
+  };
+})();
+
+/* Helper function to click on a given selector then select given entry
+ */
+
+
+let clickSelect = exports.clickSelect = (() => {
+  var _ref6 = _asyncToGenerator(function* (page, selector, entry, wait = 250) {
+    try {
+      yield page.waitForSelector(selector, { timeout: 2000 });
+      yield page.click(selector);
+      debug(`Clicked target ${selector}`);
+      // We handle single/multiple selection
+      if (Array.isArray(entry)) {
+        for (let i = 0; i < entry.length; i++) {
+          yield page.waitForSelector(entry[i]);
+          yield page.click(entry[i]);
+        }
+        // In this case we need to close the selector
+        yield page.click(selector);
+      } else {
+        yield page.waitForSelector(entry);
+        yield page.click(entry);
+      }
+      yield page.waitForTimeout(wait);
+      debug(`Clicked entry ${selector}`);
+    } catch (error) {
+      console.error(`select ${entry} in ${selector} failed.`);
+    }
+  });
+
+  return function clickSelect(_x11, _x12, _x13) {
+    return _ref6.apply(this, arguments);
+  };
+})();
+
+/* Helper function to input a test on a given selector
+ * set enter to true to run the press 'Enter' key
+ */
+
+
+let type = exports.type = (() => {
+  var _ref7 = _asyncToGenerator(function* (page, selector, text, enter = false, replace = false, wait = 250) {
+    try {
+      yield page.waitForSelector(selector, { timeout: 2000 });
+      if (replace) {
+        yield page.click(selector, { clickCount: 3 });
+        yield page.keyboard.press('Backspace');
+      } else {
+        yield page.click(selector);
+      }
+      yield page.type(selector, text);
+      if (enter) yield page.keyboard.press('Enter');
+      yield page.waitForTimeout(wait);
+    } catch (error) {
+      console.error(`type ${test} in ${selector} failed.`);
+    }
+  });
+
+  return function type(_x14, _x15, _x16) {
+    return _ref7.apply(this, arguments);
+  };
+})();
+
+/* Helper function to upload a file on a given selector
+ */
+
+
+let uploadFile = exports.uploadFile = (() => {
+  var _ref8 = _asyncToGenerator(function* (page, selector, filePath, wait = 2000) {
+    try {
+      const element = yield page.$(selector, { timeout: 2000 });
+      yield element.uploadFile(filePath);
+      yield page.waitForTimeout(wait);
+    } catch (error) {
+      console.error(`upload ${filePath} in ${selector} failed.`);
+    }
+  });
+
+  return function uploadFile(_x17, _x18, _x19) {
+    return _ref8.apply(this, arguments);
+  };
+})();
+
+/* Select an icon within the icon chooser
+ */
+
+
+let chooseIcon = exports.chooseIcon = (() => {
+  var _ref9 = _asyncToGenerator(function* (page, name, color, wait = 1000) {
+    const iconXpath = `//div[contains(@class, "q-dialog")]//i[contains(@class, "${name}")]`;
+    const icons = yield page.$x(iconXpath);
+    if (icons.length > 0) {
+      icons[0].click();
+      yield page.waitForTimeout(250);
+    }
+    const colorXpath = `//div[contains(@class, "q-dialog")]//button[contains(@class, "${color}")]`;
+    const colors = yield page.$x(colorXpath);
+    if (colors.length > 0) {
+      colors[0].click();
+      yield page.waitForTimeout(250);
+    }
+    yield click(page, '.q-dialog #choose-button', wait);
+  });
+
+  return function chooseIcon(_x20, _x21, _x22) {
+    return _ref9.apply(this, arguments);
+  };
+})();
+
+/* Helper function that wait until all images are loaded
+ */
+
+
+let waitForImagesLoaded = exports.waitForImagesLoaded = (() => {
+  var _ref10 = _asyncToGenerator(function* (page) {
+    yield page.evaluate(function () {
+      const imageSelectors = Array.from(document.querySelectorAll('img'));
+      const imgPromises = [];
+      imageSelectors.forEach(function (img) {
+        if (img.complete) return;
+        imgPromises.push(new Promise(function (resolve, reject) {
+          img.addEventListener('load', resolve);
+          img.addEventListener('error', reject);
+        }));
+      });
+      return Promise.all(imgPromises);
+    });
+  });
+
+  return function waitForImagesLoaded(_x23) {
+    return _ref10.apply(this, arguments);
+  };
+})();
+
+/* Return the Store value corresponding to the given path
+ */
+
+
+let getFromStore = exports.getFromStore = (() => {
+  var _ref11 = _asyncToGenerator(function* (page, path) {
+    return page.evaluate(function (path) {
+      return window.$store.get(path);
+    }, path);
+  });
+
+  return function getFromStore(_x24, _x25) {
+    return _ref11.apply(this, arguments);
+  };
+})();
+
+/* Given a reference screenshot  key and a run screenshot key, this
+ * will perform screenshot comparison and return the diffRatio as
+ * a percentage of the number of mismatched pixels.
+ * see: https://github.com/mapbox/pixelmatch
+ * threshold is a value [0, 1], smaller values make the comparison more
+ * sensitive.
+ * diffFilename is the filename where the diff of the images will be written,
+ * if null, no diff will be written
+ */
+
+
+exports.compareImages = compareImages;
+
+var _debug = require('debug');
+
+var _debug2 = _interopRequireDefault(_debug);
+
+var _fs = require('fs');
+
+var _fs2 = _interopRequireDefault(_fs);
+
+var _pngjs = require('pngjs');
+
+var _pngjs2 = _interopRequireDefault(_pngjs);
+
+var _pixelmatch = require('pixelmatch');
+
+var _pixelmatch2 = _interopRequireDefault(_pixelmatch);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
+
+const debug = (0, _debug2.default)('kdk:core:test:utils');function compareImages(image1, image2, threshold, diffFilename) {
+  const img1 = _pngjs2.default.PNG.sync.read(_fs2.default.readFileSync(image1));
+  const img2 = _pngjs2.default.PNG.sync.read(_fs2.default.readFileSync(image2));
+  const { width, height } = img1;
+  const diff = new _pngjs2.default.PNG({ width, height });
+  const options = {
+    alpha: 0.3,
+    diffColor: [255, 0, 0],
+    diffColorAlt: [0, 255, 0],
+    threshold: threshold
+  };
+  const numDiffs = (0, _pixelmatch2.default)(img1.data, img2.data, diff.data, width, height, options);
+  const diffRatio = 100.0 * (numDiffs / (width * height));
+  if (diffFilename) _fs2.default.writeFileSync(diffFilename, _pngjs2.default.PNG.sync.write(diff));
+  return { diffRatio, diff };
+}
+//# sourceMappingURL=utils.js.map

package/lib/test/client/core/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../test/client/core/utils.js"],"names":["page","selector","exists","$","debug","elementExists","evaluate","element","document","querySelector","style","window","getComputedStyle","visible","display","visibility","opacity","isElementVisible","xpath","elements","$x","length","countElements","wait","waitForSelector","timeout","click","waitForTimeout","error","console","waitForXPath","clickXPath","entry","Array","isArray","i","clickSelect","text","enter","replace","clickCount","keyboard","press","type","test","filePath","uploadFile","name","color","iconXpath","icons","colorXpath","colors","chooseIcon","imageSelectors","from","querySelectorAll","imgPromises","forEach","img","complete","push","Promise","resolve","reject","addEventListener","all","waitForImagesLoaded","path","$store","get","getFromStore","compareImages","image1","image2","threshold","diffFilename","img1","png","PNG","sync","read","fs","readFileSync","img2","width","height","diff","options","alpha","diffColor","diffColorAlt","numDiffs","data","diffRatio","writeFileSync","write"],"mappings":";;;;;;;AAOA;;;;+BAGO,WAA8BA,IAA9B,EAAoCC,QAApC,EAA8C;AACnD,UAAMC,SAAS,CAAC,EAAE,MAAMF,KAAKG,CAAL,CAAOF,QAAP,CAAR,CAAhB;AACAG,UAAO,WAAUH,QAAS,GAApB,IAA0BC,SAAS,QAAT,GAAoB,gBAA9C,CAAN;AACA,WAAOA,MAAP;AACD,G;;kBAJqBG,a;;;;;AAMtB;;;;;;gCAGO,WAAiCL,IAAjC,EAAuCC,QAAvC,EAAiD;AACtDG,UAAO,uBAAsBH,QAAS,aAAtC;AACA,WAAOD,KAAKM,QAAL,CAAc,UAACL,QAAD,EAAc;AACjC,YAAMM,UAAUC,SAASC,aAAT,CAAuBR,QAAvB,CAAhB;AACA,UAAI,CAACM,OAAL,EAAc,OAAO,KAAP;AACd,YAAMG,QAAQC,OAAOC,gBAAP,CAAwBL,OAAxB,CAAd;AACA,YAAMM,UAAWH,SAASA,MAAMI,OAAN,KAAkB,MAA3B,IAAqCJ,MAAMK,UAAN,KAAqB,QAA1D,IAAsEL,MAAMM,OAAN,KAAkB,GAAzG;AACA,aAAOH,OAAP;AACD,KANM,EAMJZ,QANI,CAAP;AAOD,G;;kBATqBgB,gB;;;;;AAWtB;;;;;gCAEO,WAA8BjB,IAA9B,EAAoCkB,KAApC,EAA2C;AAChD,UAAMC,WAAW,MAAMnB,KAAKoB,EAAL,CAAQF,KAAR,CAAvB;AACA,QAAIC,QAAJ,EAAc,OAAOA,SAASE,MAAhB;AACd,WAAO,CAAP;AACD,G;;kBAJqBC,a;;;;;AAMtB;;;;;gCAEO,WAAsBtB,IAAtB,EAA4BC,QAA5B,EAAsCsB,OAAO,GAA7C,EAAkD;AACvD,QAAI;AACF,YAAMvB,KAAKwB,eAAL,CAAqBvB,QAArB,EAA+B,EAAEwB,SAAS,IAAX,EAA/B,CAAN;AACA,YAAMzB,KAAK0B,KAAL,CAAWzB,QAAX,CAAN;AACA,YAAMD,KAAK2B,cAAL,CAAoBJ,IAApB,CAAN;AACAnB,YAAO,kBAAiBH,QAAS,EAAjC;AACD,KALD,CAKE,OAAO2B,KAAP,EAAc;AACdC,cAAQD,KAAR,CAAe,SAAQ3B,QAAS,UAAhC;AACD;AACF,G;;kBATqByB,K;;;;;AAWtB;;;;;gCAEO,WAA2B1B,IAA3B,EAAiCkB,KAAjC,EAAwCK,OAAO,GAA/C,EAAoD;AACzD,QAAI;AACF,YAAMvB,KAAK8B,YAAL,CAAkBZ,KAAlB,EAAyB,EAAEO,SAAS,IAAX,EAAzB,CAAN;AACA,YAAMN,WAAW,MAAMnB,KAAKoB,EAAL,CAAQF,KAAR,CAAvB;AACA,UAAIC,SAASE,MAAT,GAAkB,CAAtB,EAAyB;AACvBF,iBAAS,CAAT,EAAYO,KAAZ;AACA,cAAM1B,KAAK2B,cAAL,CAAoBJ,IAApB,CAAN;AACAnB,cAAO,kBAAiBc,KAAM,EAA9B;AACD;AACF,KARD,CAQE,OAAOU,KAAP,EAAc;AACdC,cAAQD,KAAR,CAAe,SAAQV,KAAM,UAA7B;AACD;AACF,G;;kBAZqBa,U;;;;;AActB;;;;;gCAEO,WAA4B/B,IAA5B,EAAkCC,QAAlC,EAA4C+B,KAA5C,EAAmDT,OAAO,GAA1D,EAA+D;AACpE,QAAI;AACF,YAAMvB,KAAKwB,eAAL,CAAqBvB,QAArB,EAA+B,EAAEwB,SAAS,IAAX,EAA/B,CAAN;AACA,YAAMzB,KAAK0B,KAAL,CAAWzB,QAAX,CAAN;AACAG,YAAO,kBAAiBH,QAAS,EAAjC;AACA;AACA,UAAIgC,MAAMC,OAAN,CAAcF,KAAd,CAAJ,EAA0B;AACxB,aAAK,IAAIG,IAAI,CAAb,EAAgBA,IAAIH,MAAMX,MAA1B,EAAkCc,GAAlC,EAAuC;AACrC,gBAAMnC,KAAKwB,eAAL,CAAqBQ,MAAMG,CAAN,CAArB,CAAN;AACA,gBAAMnC,KAAK0B,KAAL,CAAWM,MAAMG,CAAN,CAAX,CAAN;AACD;AACD;AACA,cAAMnC,KAAK0B,KAAL,CAAWzB,QAAX,CAAN;AACD,OAPD,MAOO;AACL,cAAMD,KAAKwB,eAAL,CAAqBQ,KAArB,CAAN;AACA,cAAMhC,KAAK0B,KAAL,CAAWM,KAAX,CAAN;AACD;AACD,YAAMhC,KAAK2B,cAAL,CAAoBJ,IAApB,CAAN;AACAnB,YAAO,iBAAgBH,QAAS,EAAhC;AACD,KAlBD,CAkBE,OAAO2B,KAAP,EAAc;AACdC,cAAQD,KAAR,CAAe,UAASI,KAAM,OAAM/B,QAAS,UAA7C;AACD;AACF,G;;kBAtBqBmC,W;;;;;AAwBtB;;;;;;gCAGO,WAAqBpC,IAArB,EAA2BC,QAA3B,EAAqCoC,IAArC,EAA2CC,QAAQ,KAAnD,EAA0DC,UAAU,KAApE,EAA2EhB,OAAO,GAAlF,EAAuF;AAC5F,QAAI;AACF,YAAMvB,KAAKwB,eAAL,CAAqBvB,QAArB,EAA+B,EAAEwB,SAAS,IAAX,EAA/B,CAAN;AACA,UAAIc,OAAJ,EAAa;AACX,cAAMvC,KAAK0B,KAAL,CAAWzB,QAAX,EAAqB,EAAEuC,YAAY,CAAd,EAArB,CAAN;AACA,cAAMxC,KAAKyC,QAAL,CAAcC,KAAd,CAAoB,WAApB,CAAN;AACD,OAHD,MAGO;AACL,cAAM1C,KAAK0B,KAAL,CAAWzB,QAAX,CAAN;AACD;AACD,YAAMD,KAAK2C,IAAL,CAAU1C,QAAV,EAAoBoC,IAApB,CAAN;AACA,UAAIC,KAAJ,EAAW,MAAMtC,KAAKyC,QAAL,CAAcC,KAAd,CAAoB,OAApB,CAAN;AACX,YAAM1C,KAAK2B,cAAL,CAAoBJ,IAApB,CAAN;AACD,KAXD,CAWE,OAAOK,KAAP,EAAc;AACdC,cAAQD,KAAR,CAAe,QAAOgB,IAAK,OAAM3C,QAAS,UAA1C;AACD;AACF,G;;kBAfqB0C,I;;;;;AAiBtB;;;;;gCAEO,WAA2B3C,IAA3B,EAAiCC,QAAjC,EAA2C4C,QAA3C,EAAqDtB,OAAO,IAA5D,EAAkE;AACvE,QAAI;AACF,YAAMhB,UAAU,MAAMP,KAAKG,CAAL,CAAOF,QAAP,EAAiB,EAAEwB,SAAS,IAAX,EAAjB,CAAtB;AACA,YAAMlB,QAAQuC,UAAR,CAAmBD,QAAnB,CAAN;AACA,YAAM7C,KAAK2B,cAAL,CAAoBJ,IAApB,CAAN;AACD,KAJD,CAIE,OAAOK,KAAP,EAAc;AACdC,cAAQD,KAAR,CAAe,UAASiB,QAAS,OAAM5C,QAAS,UAAhD;AACD;AACF,G;;kBARqB6C,U;;;;;AAUtB;;;;;gCAEO,WAA2B9C,IAA3B,EAAiC+C,IAAjC,EAAuCC,KAAvC,EAA8CzB,OAAO,IAArD,EAA2D;AAChE,UAAM0B,YAAa,4DAA2DF,IAAK,KAAnF;AACA,UAAMG,QAAQ,MAAMlD,KAAKoB,EAAL,CAAQ6B,SAAR,CAApB;AACA,QAAIC,MAAM7B,MAAN,GAAe,CAAnB,EAAsB;AACpB6B,YAAM,CAAN,EAASxB,KAAT;AACA,YAAM1B,KAAK2B,cAAL,CAAoB,GAApB,CAAN;AACD;AACD,UAAMwB,aAAc,iEAAgEH,KAAM,KAA1F;AACA,UAAMI,SAAS,MAAMpD,KAAKoB,EAAL,CAAQ+B,UAAR,CAArB;AACA,QAAIC,OAAO/B,MAAP,GAAgB,CAApB,EAAuB;AACrB+B,aAAO,CAAP,EAAU1B,KAAV;AACA,YAAM1B,KAAK2B,cAAL,CAAoB,GAApB,CAAN;AACD;AACD,UAAMD,MAAM1B,IAAN,EAAY,0BAAZ,EAAwCuB,IAAxC,CAAN;AACD,G;;kBAdqB8B,U;;;;;AAgBtB;;;;;iCAEO,WAAoCrD,IAApC,EAA0C;AAC/C,UAAMA,KAAKM,QAAL,CAAc,YAAM;AACxB,YAAMgD,iBAAiBrB,MAAMsB,IAAN,CAAW/C,SAASgD,gBAAT,CAA0B,KAA1B,CAAX,CAAvB;AACA,YAAMC,cAAc,EAApB;AACAH,qBAAeI,OAAf,CAAuB,UAACC,GAAD,EAAS;AAC9B,YAAIA,IAAIC,QAAR,EAAkB;AAClBH,oBAAYI,IAAZ,CAAiB,IAAIC,OAAJ,CAAY,UAACC,OAAD,EAAUC,MAAV,EAAqB;AAChDL,cAAIM,gBAAJ,CAAqB,MAArB,EAA6BF,OAA7B;AACAJ,cAAIM,gBAAJ,CAAqB,OAArB,EAA8BD,MAA9B;AACD,SAHgB,CAAjB;AAID,OAND;AAOA,aAAOF,QAAQI,GAAR,CAAYT,WAAZ,CAAP;AACD,KAXK,CAAN;AAYD,G;;kBAbqBU,mB;;;;;AAetB;;;;;iCAEO,WAA6BnE,IAA7B,EAAmCoE,IAAnC,EAAyC;AAC9C,WAAOpE,KAAKM,QAAL,CAAc,UAAC8D,IAAD;AAAA,aAAUzD,OAAO0D,MAAP,CAAcC,GAAd,CAAkBF,IAAlB,CAAV;AAAA,KAAd,EAAiDA,IAAjD,CAAP;AACD,G;;kBAFqBG,Y;;;;;AAItB;;;;;;;;;;;QASgBC,a,GAAAA,a;;AA/KhB;;;;AACA;;;;AACA;;;;AACA;;;;;;;;AAEA,MAAMpE,QAAQ,qBAAU,qBAAV,CAAd,CA0KO,SAASoE,aAAT,CAAwBC,MAAxB,EAAgCC,MAAhC,EAAwCC,SAAxC,EAAmDC,YAAnD,EAAiE;AACtE,QAAMC,OAAOC,gBAAIC,GAAJ,CAAQC,IAAR,CAAaC,IAAb,CAAkBC,aAAGC,YAAH,CAAgBV,MAAhB,CAAlB,CAAb;AACA,QAAMW,OAAON,gBAAIC,GAAJ,CAAQC,IAAR,CAAaC,IAAb,CAAkBC,aAAGC,YAAH,CAAgBT,MAAhB,CAAlB,CAAb;AACA,QAAM,EAAEW,KAAF,EAASC,MAAT,KAAoBT,IAA1B;AACA,QAAMU,OAAO,IAAIT,gBAAIC,GAAR,CAAY,EAAEM,KAAF,EAASC,MAAT,EAAZ,CAAb;AACA,QAAME,UAAU;AACdC,WAAO,GADO;AAEdC,eAAW,CAAC,GAAD,EAAM,CAAN,EAAS,CAAT,CAFG;AAGdC,kBAAc,CAAC,CAAD,EAAI,GAAJ,EAAS,CAAT,CAHA;AAIdhB,eAAWA;AAJG,GAAhB;AAMA,QAAMiB,WAAW,0BAAWf,KAAKgB,IAAhB,EAAsBT,KAAKS,IAA3B,EAAiCN,KAAKM,IAAtC,EAA4CR,KAA5C,EAAmDC,MAAnD,EAA2DE,OAA3D,CAAjB;AACA,QAAMM,YAAY,SAASF,YAAYP,QAAQC,MAApB,CAAT,CAAlB;AACA,MAAIV,YAAJ,EAAkBM,aAAGa,aAAH,CAAiBnB,YAAjB,EAA+BE,gBAAIC,GAAJ,CAAQC,IAAR,CAAagB,KAAb,CAAmBT,IAAnB,CAA/B;AAClB,SAAO,EAAEO,SAAF,EAAaP,IAAb,EAAP;AACD","file":"utils.js","sourcesContent":["import makeDebug from 'debug'\r\nimport fs from 'fs'\r\nimport png from 'pngjs'\r\nimport pixelmatch from 'pixelmatch'\r\n\r\nconst debug = makeDebug('kdk:core:test:utils')\r\n\r\n/* Helper function to check wether an element exists\r\n * see: https://github.com/puppeteer/puppeteer/issues/545\r\n */\r\nexport async function elementExists (page, selector) {\r\n  const exists = !!(await page.$(selector))\r\n  debug(`Element ${selector} ` + (exists ? 'exists' : 'does not exist'))\r\n  return exists\r\n}\r\n\r\n/* Helper function to check wether an element is visible\r\n * see: https://github.com/puppeteer/puppeteer/issues/545\r\n*/\r\nexport async function isElementVisible (page, selector) {\r\n  debug(`Checking if element ${selector} is visible`)\r\n  return page.evaluate((selector) => {\r\n    const element = document.querySelector(selector)\r\n    if (!element) return false\r\n    const style = window.getComputedStyle(element)\r\n    const visible = (style && style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0')\r\n    return visible\r\n  }, selector)\r\n}\r\n\r\n/* Count the elements that match the given XPath expresion\r\n */\r\nexport async function countElements (page, xpath) {\r\n  const elements = await page.$x(xpath)\r\n  if (elements) return elements.length\r\n  return 0\r\n}\r\n\r\n/* Helper function to click on a given selector\r\n */\r\nexport async function click (page, selector, wait = 250) {\r\n  try {\r\n    await page.waitForSelector(selector, { timeout: 2000 })\r\n    await page.click(selector)\r\n    await page.waitForTimeout(wait)\r\n    debug(`Clicked target ${selector}`)\r\n  } catch (error) {\r\n    console.error(`click ${selector} failed.`)\r\n  }\r\n}\r\n\r\n/* Helper function to click on a given xpath\r\n */\r\nexport async function clickXPath (page, xpath, wait = 250) {\r\n  try {\r\n    await page.waitForXPath(xpath, { timeout: 2000 })\r\n    const elements = await page.$x(xpath)\r\n    if (elements.length > 0) {\r\n      elements[0].click()\r\n      await page.waitForTimeout(wait)\r\n      debug(`Clicked target ${xpath}`)\r\n    }\r\n  } catch (error) {\r\n    console.error(`click ${xpath} failed.`)\r\n  }\r\n}\r\n\r\n/* Helper function to click on a given selector then select given entry\r\n */\r\nexport async function clickSelect (page, selector, entry, wait = 250) {\r\n  try {\r\n    await page.waitForSelector(selector, { timeout: 2000 })\r\n    await page.click(selector)\r\n    debug(`Clicked target ${selector}`)\r\n    // We handle single/multiple selection\r\n    if (Array.isArray(entry)) {\r\n      for (let i = 0; i < entry.length; i++) {\r\n        await page.waitForSelector(entry[i])\r\n        await page.click(entry[i])\r\n      }\r\n      // In this case we need to close the selector\r\n      await page.click(selector)\r\n    } else {\r\n      await page.waitForSelector(entry)\r\n      await page.click(entry)\r\n    }\r\n    await page.waitForTimeout(wait)\r\n    debug(`Clicked entry ${selector}`)\r\n  } catch (error) {\r\n    console.error(`select ${entry} in ${selector} failed.`)\r\n  }\r\n}\r\n\r\n/* Helper function to input a test on a given selector\r\n * set enter to true to run the press 'Enter' key\r\n */\r\nexport async function type (page, selector, text, enter = false, replace = false, wait = 250) {\r\n  try {\r\n    await page.waitForSelector(selector, { timeout: 2000 })\r\n    if (replace) {\r\n      await page.click(selector, { clickCount: 3 })\r\n      await page.keyboard.press('Backspace')\r\n    } else {\r\n      await page.click(selector)\r\n    }\r\n    await page.type(selector, text)\r\n    if (enter) await page.keyboard.press('Enter')\r\n    await page.waitForTimeout(wait)\r\n  } catch (error) {\r\n    console.error(`type ${test} in ${selector} failed.`)\r\n  }\r\n}\r\n\r\n/* Helper function to upload a file on a given selector\r\n */\r\nexport async function uploadFile (page, selector, filePath, wait = 2000) {\r\n  try {\r\n    const element = await page.$(selector, { timeout: 2000 })\r\n    await element.uploadFile(filePath)\r\n    await page.waitForTimeout(wait)\r\n  } catch (error) {\r\n    console.error(`upload ${filePath} in ${selector} failed.`)\r\n  }\r\n}\r\n\r\n/* Select an icon within the icon chooser\r\n */\r\nexport async function chooseIcon (page, name, color, wait = 1000) {\r\n  const iconXpath = `//div[contains(@class, \"q-dialog\")]//i[contains(@class, \"${name}\")]`\r\n  const icons = await page.$x(iconXpath)\r\n  if (icons.length > 0) {\r\n    icons[0].click()\r\n    await page.waitForTimeout(250)\r\n  }\r\n  const colorXpath = `//div[contains(@class, \"q-dialog\")]//button[contains(@class, \"${color}\")]`\r\n  const colors = await page.$x(colorXpath)\r\n  if (colors.length > 0) {\r\n    colors[0].click()\r\n    await page.waitForTimeout(250)\r\n  }\r\n  await click(page, '.q-dialog #choose-button', wait)\r\n}\r\n\r\n/* Helper function that wait until all images are loaded\r\n */\r\nexport async function waitForImagesLoaded (page) {\r\n  await page.evaluate(() => {\r\n    const imageSelectors = Array.from(document.querySelectorAll('img'))\r\n    const imgPromises = []\r\n    imageSelectors.forEach((img) => {\r\n      if (img.complete) return\r\n      imgPromises.push(new Promise((resolve, reject) => {\r\n        img.addEventListener('load', resolve)\r\n        img.addEventListener('error', reject)\r\n      }))\r\n    })\r\n    return Promise.all(imgPromises)\r\n  })\r\n}\r\n\r\n/* Return the Store value corresponding to the given path\r\n */\r\nexport async function getFromStore (page, path) {\r\n  return page.evaluate((path) => window.$store.get(path), path)\r\n}\r\n\r\n/* Given a reference screenshot  key and a run screenshot key, this\r\n * will perform screenshot comparison and return the diffRatio as\r\n * a percentage of the number of mismatched pixels.\r\n * see: https://github.com/mapbox/pixelmatch\r\n * threshold is a value [0, 1], smaller values make the comparison more\r\n * sensitive.\r\n * diffFilename is the filename where the diff of the images will be written,\r\n * if null, no diff will be written\r\n */\r\nexport function compareImages (image1, image2, threshold, diffFilename) {\r\n  const img1 = png.PNG.sync.read(fs.readFileSync(image1))\r\n  const img2 = png.PNG.sync.read(fs.readFileSync(image2))\r\n  const { width, height } = img1\r\n  const diff = new png.PNG({ width, height })\r\n  const options = {\r\n    alpha: 0.3,\r\n    diffColor: [255, 0, 0],\r\n    diffColorAlt: [0, 255, 0],\r\n    threshold: threshold\r\n  }\r\n  const numDiffs = pixelmatch(img1.data, img2.data, diff.data, width, height, options)\r\n  const diffRatio = 100.0 * (numDiffs / (width * height))\r\n  if (diffFilename) fs.writeFileSync(diffFilename, png.PNG.sync.write(diff))\r\n  return { diffRatio, diff }\r\n}\r\n"]}

package/lib/test/client/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.map = exports.core = undefined;
+
+var _core = require('./core');
+
+var core = _interopRequireWildcard(_core);
+
+var _map = require('./map');
+
+var map = _interopRequireWildcard(_map);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+exports.core = core;
+exports.map = map;
+//# sourceMappingURL=index.js.map

package/lib/test/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../test/client/index.js"],"names":["core","map"],"mappings":";;;;;;;AAAA;;IAAYA,I;;AACZ;;IAAYC,G;;;;QAEHD,I,GAAAA,I;QAAMC,G,GAAAA,G","file":"index.js","sourcesContent":["import * as core from './core'\r\nimport * as map from './map'\r\n\r\nexport { core, map }"]}

package/lib/test/client/map/catalog.js

@@ -0,0 +1,191 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createLayer = exports.connectLayer = exports.importLayer = exports.addLayer = exports.dropFile = exports.removeLayer = exports.clickLayer = exports.clickBaseLayer = exports.clickLayerCategory = exports.isLayerCategoryOpened = undefined;
+
+let isLayerCategoryOpened = exports.isLayerCategoryOpened = (() => {
+  var _ref = _asyncToGenerator(function* (page, category) {
+    const selector = `#${category} .q-expansion-item__content`;
+    return core.isElementVisible(page, selector);
+  });
+
+  return function isLayerCategoryOpened(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+})();
+
+let clickLayerCategory = exports.clickLayerCategory = (() => {
+  var _ref2 = _asyncToGenerator(function* (page, category, wait = 500) {
+    yield core.clickRightPaneAction(page, category, wait);
+  });
+
+  return function clickLayerCategory(_x3, _x4) {
+    return _ref2.apply(this, arguments);
+  };
+})();
+
+let clickBaseLayer = exports.clickBaseLayer = (() => {
+  var _ref3 = _asyncToGenerator(function* (page, layer, wait = 1000) {
+    const baseLayersCategoryId = getSystemLayerCategoryId('BASE_LAYERS');
+    const isCatalogOpened = yield core.isRightPaneVisible(page);
+    if (!isCatalogOpened) yield core.clickRightOpener(page);
+    const isCategoryOpened = yield isLayerCategoryOpened(page, baseLayersCategoryId);
+    if (!isCategoryOpened) yield clickLayerCategory(page, baseLayersCategoryId);
+    const selector = '#' + getSystemLayerId(layer);
+    yield core.click(page, selector);
+    if (!isCategoryOpened) yield clickLayerCategory(page, baseLayersCategoryId);
+    if (!isCatalogOpened) yield core.clickRightOpener(page);
+    yield core.waitForImagesLoaded(page);
+    yield page.waitForTimeout(wait);
+  });
+
+  return function clickBaseLayer(_x5, _x6) {
+    return _ref3.apply(this, arguments);
+  };
+})();
+
+let clickLayer = exports.clickLayer = (() => {
+  var _ref4 = _asyncToGenerator(function* (page, layer, category = null, wait = 1000) {
+    const isCatalogOpened = yield core.isRightPaneVisible(page);
+    if (!isCatalogOpened) yield core.clickRightOpener(page);
+    let isCategoryOpened;
+    if (category) {
+      isCategoryOpened = yield isLayerCategoryOpened(page, category);
+      if (!isCategoryOpened) yield clickLayerCategory(page, category);
+    }
+    yield core.click(page, `#${layer} .q-toggle`);
+    if (category) {
+      if (!isCategoryOpened) yield clickLayerCategory(page, category);
+    }
+    if (!isCatalogOpened) yield core.clickRightOpener(page);
+    yield core.waitForImagesLoaded(page);
+    yield page.waitForTimeout(wait);
+  });
+
+  return function clickLayer(_x7, _x8) {
+    return _ref4.apply(this, arguments);
+  };
+})();
+
+let removeLayer = exports.removeLayer = (() => {
+  var _ref5 = _asyncToGenerator(function* (page, layer, category = null, wait = 1000) {
+    const isCatalogOpened = yield core.isRightPaneVisible(page);
+    if (!isCatalogOpened) yield core.clickRightOpener(page);
+    let isCategoryOpened;
+    if (category) {
+      isCategoryOpened = yield isLayerCategoryOpened(page, category);
+      if (!isCategoryOpened) yield clickLayerCategory(page, category);
+    }
+    yield core.click(page, `#${layer} .q-btn`);
+    yield core.clickAction(page, 'remove');
+    yield core.click(page, '.q-dialog button:nth-child(2)', wait);
+  });
+
+  return function removeLayer(_x9, _x10) {
+    return _ref5.apply(this, arguments);
+  };
+})();
+
+let dropFile = exports.dropFile = (() => {
+  var _ref6 = _asyncToGenerator(function* (page, filePath, wait = 2000) {
+    const loaderSelector = '.leaflet-control-filelayer input[type="file"]';
+    const loader = yield page.$(loaderSelector);
+    yield loader.uploadFile(filePath);
+    yield page.waitForTimeout(wait);
+  });
+
+  return function dropFile(_x11, _x12) {
+    return _ref6.apply(this, arguments);
+  };
+})();
+
+let addLayer = exports.addLayer = (() => {
+  var _ref7 = _asyncToGenerator(function* (page) {
+    yield core.clickFab(page);
+    yield core.clickAction(page, 'add-layer');
+    yield page.waitForTimeout(1000);
+  });
+
+  return function addLayer(_x13) {
+    return _ref7.apply(this, arguments);
+  };
+})();
+
+let importLayer = exports.importLayer = (() => {
+  var _ref8 = _asyncToGenerator(function* (page, filePath, featureId, wait = 2000) {
+    yield addLayer(page);
+    yield core.uploadFile(page, '#file-field', filePath);
+    yield core.click(page, '#featureId-field', 500);
+    yield core.click(page, `#${featureId}`, 500);
+    yield core.clickAction(page, 'import-layer-action');
+    yield core.waitForImagesLoaded(page);
+    yield page.waitForTimeout(wait);
+  });
+
+  return function importLayer(_x14, _x15, _x16) {
+    return _ref8.apply(this, arguments);
+  };
+})();
+
+let connectLayer = exports.connectLayer = (() => {
+  var _ref9 = _asyncToGenerator(function* (page, service, layerId, wait = 2000) {
+    yield addLayer(page);
+    yield core.clickAction(page, 'connect-layer');
+    yield core.type(page, '#service-field', service, true, false, 5000);
+    yield core.click(page, '#layer-field', 500);
+    yield core.click(page, `#${layerId}`, 500);
+    yield core.clickAction(page, 'connect-layer-action', 2000);
+    yield core.waitForImagesLoaded(page);
+    yield page.waitForTimeout(wait);
+  });
+
+  return function connectLayer(_x17, _x18, _x19) {
+    return _ref9.apply(this, arguments);
+  };
+})();
+
+let createLayer = exports.createLayer = (() => {
+  var _ref10 = _asyncToGenerator(function* (page, layerName, schemaPath, featureId, wait = 2000) {
+    yield addLayer(page);
+    yield core.clickAction(page, 'create-layer');
+    yield core.type(page, '#name-field', layerName);
+    yield core.type(page, '#description-field', `${layerName} description`);
+    yield core.uploadFile(page, '#schema-field', schemaPath);
+    yield page.click(page, '#featureId-field', 500);
+    yield core.click(page, `#${featureId}`);
+    yield core.clickAction(page, 'create-layer-action', 1000);
+    yield page.waitForTimeout(wait);
+  });
+
+  return function createLayer(_x20, _x21, _x22, _x23) {
+    return _ref10.apply(this, arguments);
+  };
+})();
+
+exports.getSystemLayerCategoryId = getSystemLayerCategoryId;
+exports.getSystemLayerId = getSystemLayerId;
+
+var _lodash = require('lodash');
+
+var _lodash2 = _interopRequireDefault(_lodash);
+
+var _core = require('../core');
+
+var core = _interopRequireWildcard(_core);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
+
+function getSystemLayerCategoryId(category) {
+  return 'k-catalog-panel-' + _lodash2.default.kebabCase(category);
+}
+
+function getSystemLayerId(layer) {
+  return 'layers-' + _lodash2.default.kebabCase(layer);
+}
+//# sourceMappingURL=catalog.js.map

package/lib/test/client/map/catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../test/client/map/catalog.js"],"names":["page","category","selector","core","isElementVisible","isLayerCategoryOpened","wait","clickRightPaneAction","clickLayerCategory","layer","baseLayersCategoryId","getSystemLayerCategoryId","isCatalogOpened","isRightPaneVisible","clickRightOpener","isCategoryOpened","getSystemLayerId","click","waitForImagesLoaded","waitForTimeout","clickBaseLayer","clickLayer","clickAction","removeLayer","filePath","loaderSelector","loader","$","uploadFile","dropFile","clickFab","addLayer","featureId","importLayer","service","layerId","type","connectLayer","layerName","schemaPath","createLayer","_","kebabCase"],"mappings":"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","file":"catalog.js","sourcesContent":["import _ from 'lodash'\r\nimport * as core from '../core'\r\n\r\nexport function getSystemLayerCategoryId (category) {\r\n  return 'k-catalog-panel-' + _.kebabCase(category)\r\n}\r\n\r\nexport function getSystemLayerId (layer) {\r\n  return 'layers-' + _.kebabCase(layer)\r\n}\r\n\r\nexport async function isLayerCategoryOpened (page, category) {\r\n  const selector = `#${category} .q-expansion-item__content`\r\n  return core.isElementVisible(page, selector)\r\n}\r\n\r\nexport async function clickLayerCategory (page, category, wait = 500) {\r\n  await core.clickRightPaneAction(page, category, wait)\r\n}\r\n\r\nexport async function clickBaseLayer (page, layer, wait = 1000) {\r\n  const baseLayersCategoryId = getSystemLayerCategoryId('BASE_LAYERS')\r\n  const isCatalogOpened = await core.isRightPaneVisible(page)\r\n  if (!isCatalogOpened) await core.clickRightOpener(page)\r\n  const isCategoryOpened = await isLayerCategoryOpened(page, baseLayersCategoryId)\r\n  if (!isCategoryOpened) await clickLayerCategory(page, baseLayersCategoryId)\r\n  const selector = '#' + getSystemLayerId(layer)\r\n  await core.click(page, selector)\r\n  if (!isCategoryOpened) await clickLayerCategory(page, baseLayersCategoryId)\r\n  if (!isCatalogOpened) await core.clickRightOpener(page)\r\n  await core.waitForImagesLoaded(page)\r\n  await page.waitForTimeout(wait)\r\n}\r\n\r\nexport async function clickLayer (page, layer, category = null, wait = 1000) {\r\n  const isCatalogOpened = await core.isRightPaneVisible(page)\r\n  if (!isCatalogOpened) await core.clickRightOpener(page)\r\n  let isCategoryOpened\r\n  if (category) {\r\n    isCategoryOpened = await isLayerCategoryOpened(page, category)\r\n    if (!isCategoryOpened) await clickLayerCategory(page, category)\r\n  }\r\n  await core.click(page, `#${layer} .q-toggle`)\r\n  if (category) {\r\n    if (!isCategoryOpened) await clickLayerCategory(page, category)\r\n  }\r\n  if (!isCatalogOpened) await core.clickRightOpener(page)\r\n  await core.waitForImagesLoaded(page)\r\n  await page.waitForTimeout(wait)\r\n}\r\n\r\nexport async function removeLayer (page, layer, category = null, wait = 1000) {\r\n  const isCatalogOpened = await core.isRightPaneVisible(page)\r\n  if (!isCatalogOpened) await core.clickRightOpener(page)\r\n  let isCategoryOpened\r\n  if (category) {\r\n    isCategoryOpened = await isLayerCategoryOpened(page, category)\r\n    if (!isCategoryOpened) await clickLayerCategory(page, category)\r\n  }\r\n  await core.click(page, `#${layer} .q-btn`)\r\n  await core.clickAction(page, 'remove')\r\n  await core.click(page, '.q-dialog button:nth-child(2)', wait)\r\n}\r\n\r\nexport async function dropFile (page, filePath, wait = 2000) {\r\n  const loaderSelector = '.leaflet-control-filelayer input[type=\"file\"]'\r\n  const loader = await page.$(loaderSelector)\r\n  await loader.uploadFile(filePath)\r\n  await page.waitForTimeout(wait)\r\n}\r\n\r\nexport async function addLayer (page) {\r\n  await core.clickFab(page)\r\n  await core.clickAction(page, 'add-layer')\r\n  await page.waitForTimeout(1000)\r\n}\r\n\r\nexport async function importLayer (page, filePath, featureId, wait = 2000) {\r\n  await addLayer(page)\r\n  await core.uploadFile(page, '#file-field', filePath)\r\n  await core.click(page, '#featureId-field', 500)\r\n  await core.click(page, `#${featureId}`, 500)\r\n  await core.clickAction(page, 'import-layer-action')\r\n  await core.waitForImagesLoaded(page)\r\n  await page.waitForTimeout(wait)\r\n}\r\n\r\nexport async function connectLayer (page, service, layerId, wait = 2000) {\r\n  await addLayer(page)\r\n  await core.clickAction(page, 'connect-layer')\r\n  await core.type(page, '#service-field', service, true, false, 5000)\r\n  await core.click(page, '#layer-field', 500)\r\n  await core.click(page, `#${layerId}`, 500)\r\n  await core.clickAction(page, 'connect-layer-action', 2000)\r\n  await core.waitForImagesLoaded(page)\r\n  await page.waitForTimeout(wait)\r\n}\r\n\r\nexport async function createLayer (page, layerName, schemaPath, featureId, wait = 2000) {\r\n  await addLayer(page)\r\n  await core.clickAction(page, 'create-layer')\r\n  await core.type(page, '#name-field', layerName)\r\n  await core.type(page, '#description-field', `${layerName} description`)\r\n  await core.uploadFile(page, '#schema-field', schemaPath)\r\n  await page.click(page, '#featureId-field', 500)\r\n  await core.click(page, `#${featureId}`)\r\n  await core.clickAction(page, 'create-layer-action', 1000)\r\n  await page.waitForTimeout(wait)\r\n}\r\n"]}

package/lib/test/client/map/controls.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.zoomToPosition = exports.zoomToExtent = undefined;
+
+let zoomToExtent = exports.zoomToExtent = (() => {
+  var _ref = _asyncToGenerator(function* (page, bbox) {
+    const currentUrl = page.url();
+    const regexp = /\/-?[0-9.]*\/-?[0-9.]*\/-?[0-9.]*\/-?[0-9.]*/;
+    let newUrl = _lodash2.default.replace(currentUrl, regexp, '');
+    newUrl += `/${bbox[0]}/${bbox[1]}/${bbox[2]}/${bbox[3]}`;
+    // see https://stackoverflow.com/questions/62343404/puppeteer-page-goto-not-working-for-query-parameters
+    // and from the documentation: https://pptr.dev/#?product=Puppeteer&version=v10.2.0&show=api-pagegotourl-options
+    // NOTE page.goto either throws an error or returns a main resource response. The only exceptions are navigation to
+    // about:blank or navigation to the same URL with a different hash, which would succeed and return null.
+    yield page.goto(newUrl);
+    yield page.goto(newUrl);
+  });
+
+  return function zoomToExtent(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+})();
+
+let zoomToPosition = exports.zoomToPosition = (() => {
+  var _ref2 = _asyncToGenerator(function* (page, latitude, longitude) {
+    const currentLocation = yield core.getFromStore(page, 'geolocation.position');
+    page.setGeolocation({ latitude, longitude });
+    yield core.clickTopPaneAction(page, 'locate-user');
+    yield core.waitForImagesLoaded(page);
+    page.setGeolocation(currentLocation);
+  });
+
+  return function zoomToPosition(_x3, _x4, _x5) {
+    return _ref2.apply(this, arguments);
+  };
+})();
+
+var _lodash = require('lodash');
+
+var _lodash2 = _interopRequireDefault(_lodash);
+
+var _core = require('../core');
+
+var core = _interopRequireWildcard(_core);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
+//# sourceMappingURL=controls.js.map

package/lib/test/client/map/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../test/client/map/controls.js"],"names":["page","bbox","currentUrl","url","regexp","newUrl","_","replace","goto","zoomToExtent","latitude","longitude","currentLocation","core","getFromStore","setGeolocation","clickTopPaneAction","waitForImagesLoaded","zoomToPosition"],"mappings":";;;;;;;;+BAGO,WAA6BA,IAA7B,EAAmCC,IAAnC,EAAyC;AAC9C,UAAMC,aAAaF,KAAKG,GAAL,EAAnB;AACA,UAAMC,SAAS,8CAAf;AACA,QAAIC,SAASC,iBAAEC,OAAF,CAAUL,UAAV,EAAsBE,MAAtB,EAA8B,EAA9B,CAAb;AACAC,cAAW,IAAGJ,KAAK,CAAL,CAAQ,IAAGA,KAAK,CAAL,CAAQ,IAAGA,KAAK,CAAL,CAAQ,IAAGA,KAAK,CAAL,CAAQ,EAAvD;AACA;AACA;AACA;AACA;AACA,UAAMD,KAAKQ,IAAL,CAAUH,MAAV,CAAN;AACA,UAAML,KAAKQ,IAAL,CAAUH,MAAV,CAAN;AACD,G;;kBAXqBI,Y;;;;;;gCAaf,WAA+BT,IAA/B,EAAqCU,QAArC,EAA+CC,SAA/C,EAA0D;AAC/D,UAAMC,kBAAkB,MAAMC,KAAKC,YAAL,CAAkBd,IAAlB,EAAwB,sBAAxB,CAA9B;AACAA,SAAKe,cAAL,CAAoB,EAAEL,QAAF,EAAYC,SAAZ,EAApB;AACA,UAAME,KAAKG,kBAAL,CAAwBhB,IAAxB,EAA8B,aAA9B,CAAN;AACA,UAAMa,KAAKI,mBAAL,CAAyBjB,IAAzB,CAAN;AACAA,SAAKe,cAAL,CAAoBH,eAApB;AACD,G;;kBANqBM,c;;;;;AAhBtB;;;;AACA;;IAAYL,I","file":"controls.js","sourcesContent":["import _ from 'lodash'\r\nimport * as core from '../core'\r\n\r\nexport async function zoomToExtent (page, bbox) {\r\n  const currentUrl = page.url()\r\n  const regexp = /\\/-?[0-9.]*\\/-?[0-9.]*\\/-?[0-9.]*\\/-?[0-9.]*/\r\n  let newUrl = _.replace(currentUrl, regexp, '')\r\n  newUrl += `/${bbox[0]}/${bbox[1]}/${bbox[2]}/${bbox[3]}`\r\n  // see https://stackoverflow.com/questions/62343404/puppeteer-page-goto-not-working-for-query-parameters\r\n  // and from the documentation: https://pptr.dev/#?product=Puppeteer&version=v10.2.0&show=api-pagegotourl-options\r\n  // NOTE page.goto either throws an error or returns a main resource response. The only exceptions are navigation to\r\n  // about:blank or navigation to the same URL with a different hash, which would succeed and return null.\r\n  await page.goto(newUrl)\r\n  await page.goto(newUrl)\r\n}\r\n\r\nexport async function zoomToPosition (page, latitude, longitude) {\r\n  const currentLocation = await core.getFromStore(page, 'geolocation.position')\r\n  page.setGeolocation({ latitude, longitude })\r\n  await core.clickTopPaneAction(page, 'locate-user')\r\n  await core.waitForImagesLoaded(page)\r\n  page.setGeolocation(currentLocation)\r\n}\r\n"]}

package/lib/test/client/map/index.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _catalog = require('./catalog');
+
+Object.keys(_catalog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _catalog[key];
+    }
+  });
+});
+
+var _controls = require('./controls');
+
+Object.keys(_controls).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _controls[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/test/client/map/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../test/client/map/index.js"],"names":[],"mappings":";;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"index.js","sourcesContent":["export * from './catalog'\r\nexport * from './controls'\r\n"]}