@luma.gl/test-utils 8.5.10 → 8.6.0-alpha.4

package/LICENSE

@@ -1,9 +1,16 @@
+Copyright (c) 2020 Urban Computing Foundation
+
+This software includes parts initially developed by Uber and open sourced under MIT license.
 Copyright (c) 2015 Uber Technologies, Inc.
 
 This software includes parts of PhiloGL (https://github.com/philogb/philogl)
 under MIT license. PhiloGL parts Copyright © 2013 Sencha Labs.
 
-This software includes adaptations of postprocessing code from THREE.js (https://github.com/mrdoob/three.js/) under MIT license. Additional attribution given in specific source files. THREE.js parts Copyright © 2010-2018 three.js authors.
+This software includes adaptations of some postprocessing code from 
+THREE.js (https://github.com/mrdoob/three.js/) under MIT license. 
+THREE.js parts Copyright © 2010-2018 three.js authors. 
+
+Additional attribution given in specific source files. 
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/create-headless-context.d.ts

@@ -0,0 +1,2 @@
+export declare function createHeadlessContext(options?: any): WebGLRenderingContext;
+//# sourceMappingURL=create-headless-context.d.ts.map

package/dist/create-headless-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-headless-context.d.ts","sourceRoot":"","sources":["../src/create-headless-context.ts"],"names":[],"mappings":"AAmBA,wBAAgB,qBAAqB,CAAC,OAAO,CAAC,EAAE,GAAG,GAAG,qBAAqB,CAgB1E"}

package/dist/create-headless-context.js

@@ -0,0 +1,37 @@
+import headlessGL from 'gl';
+const ERR_HEADLESSGL_FAILED = 'Failed to create WebGL context in Node.js, headless gl returned null';
+const ERR_HEADLESSGL_LOAD = "  luma.gl: loaded under Node.js without headless gl installed, meaning that WebGL   contexts can not be created. This may not be an error. For example, this is a   typical configuration for isorender applications running on the server.";
+const CONTEXT_DEFAULTS = {
+  width: 1,
+  height: 1,
+  debug: true,
+  throwOnError: false
+};
+export function createHeadlessContext(options) {
+  options = { ...CONTEXT_DEFAULTS,
+    ...options
+  };
+  const {
+    width,
+    height,
+    webgl1,
+    webgl2
+  } = options;
+
+  if (webgl2 && !webgl1) {
+    throw new Error('headless-gl does not support WebGL2');
+  }
+
+  if (!headlessGL) {
+    throw new Error(ERR_HEADLESSGL_LOAD);
+  }
+
+  const gl = headlessGL(width, height, options);
+
+  if (!gl) {
+    throw new Error(ERR_HEADLESSGL_FAILED);
+  }
+
+  return gl;
+}
+//# sourceMappingURL=create-headless-context.js.map

package/dist/create-headless-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/create-headless-context.ts"],"names":["headlessGL","ERR_HEADLESSGL_FAILED","ERR_HEADLESSGL_LOAD","CONTEXT_DEFAULTS","width","height","debug","throwOnError","createHeadlessContext","options","webgl1","webgl2","Error","gl"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,IAAvB;AAEA,MAAMC,qBAAqB,GACzB,sEADF;AAGA,MAAMC,mBAAmB,gPAAzB;AAKA,MAAMC,gBAAgB,GAAG;AACvBC,EAAAA,KAAK,EAAE,CADgB;AAEvBC,EAAAA,MAAM,EAAE,CAFe;AAGvBC,EAAAA,KAAK,EAAE,IAHgB;AAIvBC,EAAAA,YAAY,EAAE;AAJS,CAAzB;AASA,OAAO,SAASC,qBAAT,CAA+BC,OAA/B,EAAqE;AAC1EA,EAAAA,OAAO,GAAG,EAAC,GAAGN,gBAAJ;AAAsB,OAAGM;AAAzB,GAAV;AAEA,QAAM;AAACL,IAAAA,KAAD;AAAQC,IAAAA,MAAR;AAAgBK,IAAAA,MAAhB;AAAwBC,IAAAA;AAAxB,MAAkCF,OAAxC;;AAEA,MAAIE,MAAM,IAAI,CAACD,MAAf,EAAuB;AACrB,UAAM,IAAIE,KAAJ,CAAU,qCAAV,CAAN;AACD;;AACD,MAAI,CAACZ,UAAL,EAAiB;AACf,UAAM,IAAIY,KAAJ,CAAUV,mBAAV,CAAN;AACD;;AACD,QAAMW,EAAE,GAAGb,UAAU,CAACI,KAAD,EAAQC,MAAR,EAAgBI,OAAhB,CAArB;;AACA,MAAI,CAACI,EAAL,EAAS;AACP,UAAM,IAAID,KAAJ,CAAUX,qBAAV,CAAN;AACD;;AACD,SAAOY,EAAP;AACD","sourcesContent":["import headlessGL from 'gl';\n\nconst ERR_HEADLESSGL_FAILED =\n  'Failed to create WebGL context in Node.js, headless gl returned null';\n\nconst ERR_HEADLESSGL_LOAD = `\\\n  luma.gl: loaded under Node.js without headless gl installed, meaning that WebGL \\\n  contexts can not be created. This may not be an error. For example, this is a \\\n  typical configuration for isorender applications running on the server.`;\n\nconst CONTEXT_DEFAULTS = {\n  width: 1,\n  height: 1,\n  debug: true,\n  throwOnError: false\n};\n\n// Create headless gl context (for running under Node.js)\n// Create headless gl context (for running under Node.js)\nexport function createHeadlessContext(options?: any): WebGLRenderingContext {\n  options = {...CONTEXT_DEFAULTS, ...options};\n\n  const {width, height, webgl1, webgl2} = options;\n\n  if (webgl2 && !webgl1) {\n    throw new Error('headless-gl does not support WebGL2');\n  }\n  if (!headlessGL) {\n    throw new Error(ERR_HEADLESSGL_LOAD);\n  }\n  const gl = headlessGL(width, height, options);\n  if (!gl) {\n    throw new Error(ERR_HEADLESSGL_FAILED);\n  }\n  return gl;\n}\n"],"file":"create-headless-context.js"}

package/dist/create-test-context.d.ts

@@ -0,0 +1,2 @@
+export declare function createTestContext(opts?: Record<string, any>): WebGLRenderingContext | null;
+//# sourceMappingURL=create-test-context.d.ts.map

package/dist/create-test-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-test-context.d.ts","sourceRoot":"","sources":["../src/create-test-context.ts"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,CAAC,IAAI,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,GAAG,qBAAqB,GAAG,IAAI,CAG9F"}

package/dist/create-test-context.js

@@ -0,0 +1,6 @@
+import { createTestDevice } from "./create-test-device";
+export function createTestContext(opts = {}) {
+  const device = createTestDevice(opts);
+  return device && device.gl;
+}
+//# sourceMappingURL=create-test-context.js.map

package/dist/create-test-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/create-test-context.ts"],"names":["createTestDevice","createTestContext","opts","device","gl"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,sBAAjC;AAEA,OAAO,SAASC,iBAAT,CAA2BC,IAAyB,GAAG,EAAvD,EAAyF;AAC9F,QAAMC,MAAM,GAAGH,gBAAgB,CAACE,IAAD,CAA/B;AACA,SAAOC,MAAM,IAAIA,MAAM,CAACC,EAAxB;AACD","sourcesContent":["import { createTestDevice } from \"./create-test-device\";\n\nexport function createTestContext(opts: Record<string, any> = {}): WebGLRenderingContext | null {\n  const device = createTestDevice(opts);\n  return device && device.gl;\n}\n\n  /*\nimport {isBrowser} from 'probe.gl/env';\nimport {createGLContext, instrumentGLContext} from '@luma.gl/gltools';\nimport {createHeadlessContext} from './create-headless-context';\n\nexport function createTestContext(opts: Record<string, any> = {}): WebGLRenderingContext | null {\n  // try {\n    if (!isBrowser()) {\n      if (opts.webgl2 && !opts.webgl1) {\n        return null;\n      }\n      const gl = createHeadlessContext(opts);\n      return gl ? instrumentGLContext(gl) : null;\n    }\n    return createGLContext(opts);\n  // } catch {\n  //   if (opts.webgl2) {\n  //     return null;\n  //   }\n  // }\n}\n*/\n"],"file":"create-test-context.js"}

package/dist/create-test-device.d.ts

@@ -0,0 +1,5 @@
+import { WebGLDevice, WebGLDeviceProps } from '@luma.gl/webgl';
+export declare function createTestDevice(props?: WebGLDeviceProps): WebGLDevice | null;
+export declare const webgl1TestDevice: WebGLDevice;
+export declare const webgl2TestDevice: WebGLDevice;
+//# sourceMappingURL=create-test-device.d.ts.map

package/dist/create-test-device.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-test-device.d.ts","sourceRoot":"","sources":["../src/create-test-device.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAiB7D,wBAAgB,gBAAgB,CAAC,KAAK,GAAE,gBAAqB,GAAG,WAAW,GAAG,IAAI,CASjF;AAED,eAAO,MAAM,gBAAgB,EAAE,WAA6D,CAAC;AAC7F,eAAO,MAAM,gBAAgB,EAAE,WAA6D,CAAC"}

package/dist/create-test-device.js

@@ -0,0 +1,32 @@
+import { isBrowser } from 'probe.gl/env';
+import { WebGLDevice } from '@luma.gl/webgl';
+import { createHeadlessContext } from './create-headless-context';
+const ERR_HEADLESSGL_FAILED = 'Failed to create WebGL context in Node.js, headless gl returned null';
+const ERR_HEADLESSGL_LOAD = "  luma.gl: loaded under Node.js without headless gl installed, meaning that WebGL   contexts can not be created. This may not be an error. For example, this is a   typical configuration for isorender applications running on the server.";
+const CONTEXT_DEFAULTS = {
+  width: 1,
+  height: 1,
+  debug: true
+};
+export function createTestDevice(props = {}) {
+  try {
+    const gl = !isBrowser() ? createHeadlessContext(props) : undefined;
+    props = { ...CONTEXT_DEFAULTS,
+      ...props,
+      gl
+    };
+    return new WebGLDevice(props);
+  } catch (error) {
+    console.error(error.message);
+    return null;
+  }
+}
+export const webgl1TestDevice = createTestDevice({
+  webgl1: true,
+  webgl2: false
+});
+export const webgl2TestDevice = createTestDevice({
+  webgl1: false,
+  webgl2: true
+});
+//# sourceMappingURL=create-test-device.js.map

package/dist/create-test-device.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/create-test-device.ts"],"names":["isBrowser","WebGLDevice","createHeadlessContext","ERR_HEADLESSGL_FAILED","ERR_HEADLESSGL_LOAD","CONTEXT_DEFAULTS","width","height","debug","createTestDevice","props","gl","undefined","error","console","message","webgl1TestDevice","webgl1","webgl2","webgl2TestDevice"],"mappings":"AAAA,SAAQA,SAAR,QAAwB,cAAxB;AACA,SAAQC,WAAR,QAA4C,gBAA5C;AACA,SAAQC,qBAAR,QAAoC,2BAApC;AAEA,MAAMC,qBAAqB,GACzB,sEADF;AAGA,MAAMC,mBAAmB,gPAAzB;AAKA,MAAMC,gBAA2C,GAAG;AAClDC,EAAAA,KAAK,EAAE,CAD2C;AAElDC,EAAAA,MAAM,EAAE,CAF0C;AAGlDC,EAAAA,KAAK,EAAE;AAH2C,CAApD;AAMA,OAAO,SAASC,gBAAT,CAA0BC,KAAuB,GAAG,EAApD,EAA4E;AACjF,MAAI;AACF,UAAMC,EAAE,GAAG,CAACX,SAAS,EAAV,GAAeE,qBAAqB,CAACQ,KAAD,CAApC,GAA8CE,SAAzD;AACAF,IAAAA,KAAK,GAAG,EAAC,GAAGL,gBAAJ;AAAsB,SAAGK,KAAzB;AAAgCC,MAAAA;AAAhC,KAAR;AACA,WAAO,IAAIV,WAAJ,CAAgBS,KAAhB,CAAP;AACD,GAJD,CAIE,OAAOG,KAAP,EAAc;AACdC,IAAAA,OAAO,CAACD,KAAR,CAAcA,KAAK,CAACE,OAApB;AACA,WAAO,IAAP;AACD;AACF;AAED,OAAO,MAAMC,gBAA6B,GAAGP,gBAAgB,CAAC;AAACQ,EAAAA,MAAM,EAAE,IAAT;AAAeC,EAAAA,MAAM,EAAE;AAAvB,CAAD,CAAtD;AACP,OAAO,MAAMC,gBAA6B,GAAGV,gBAAgB,CAAC;AAACQ,EAAAA,MAAM,EAAE,KAAT;AAAgBC,EAAAA,MAAM,EAAE;AAAxB,CAAD,CAAtD","sourcesContent":["import {isBrowser} from 'probe.gl/env';\nimport {WebGLDevice, WebGLDeviceProps} from '@luma.gl/webgl';\nimport {createHeadlessContext} from './create-headless-context';\n\nconst ERR_HEADLESSGL_FAILED =\n  'Failed to create WebGL context in Node.js, headless gl returned null';\n\nconst ERR_HEADLESSGL_LOAD = `\\\n  luma.gl: loaded under Node.js without headless gl installed, meaning that WebGL \\\n  contexts can not be created. This may not be an error. For example, this is a \\\n  typical configuration for isorender applications running on the server.`;\n\nconst CONTEXT_DEFAULTS: Partial<WebGLDeviceProps> = {\n  width: 1,\n  height: 1,\n  debug: true\n};\n\nexport function createTestDevice(props: WebGLDeviceProps = {}): WebGLDevice | null {\n  try {\n    const gl = !isBrowser() ? createHeadlessContext(props) : undefined;\n    props = {...CONTEXT_DEFAULTS, ...props, gl};\n    return new WebGLDevice(props);\n  } catch (error) {\n    console.error(error.message);\n    return null;\n  }\n}\n\nexport const webgl1TestDevice: WebGLDevice = createTestDevice({webgl1: true, webgl2: false});\nexport const webgl2TestDevice: WebGLDevice = createTestDevice({webgl1: false, webgl2: true});\n"],"file":"create-test-device.js"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { default as SnapshotTestRunner } from './snapshot-test-runner';
+export { default as PerformanceTestRunner } from './performance-test-runner';
+export { createHeadlessContext } from './create-headless-context';
+export { createTestContext } from './create-test-context';
+export { createTestDevice, webgl1TestDevice, webgl2TestDevice } from './create-test-device';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAC,OAAO,IAAI,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAC,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+export { default as SnapshotTestRunner } from './snapshot-test-runner';
+export { default as PerformanceTestRunner } from './performance-test-runner';
+export { createHeadlessContext } from './create-headless-context';
+export { createTestContext } from './create-test-context';
+export { createTestDevice, webgl1TestDevice, webgl2TestDevice } from './create-test-device';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":["default","SnapshotTestRunner","PerformanceTestRunner","createHeadlessContext","createTestContext","createTestDevice","webgl1TestDevice","webgl2TestDevice"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,kBAAnB,QAA4C,wBAA5C;AACA,SAAQD,OAAO,IAAIE,qBAAnB,QAA+C,2BAA/C;AACA,SAAQC,qBAAR,QAAoC,2BAApC;AACA,SAAQC,iBAAR,QAAgC,uBAAhC;AACA,SAAQC,gBAAR,EAA0BC,gBAA1B,EAA4CC,gBAA5C,QAAmE,sBAAnE","sourcesContent":["export {default as SnapshotTestRunner} from './snapshot-test-runner';\nexport {default as PerformanceTestRunner} from './performance-test-runner';\nexport {createHeadlessContext} from './create-headless-context';\nexport {createTestContext} from './create-test-context';\nexport {createTestDevice, webgl1TestDevice, webgl2TestDevice} from './create-test-device';\n"],"file":"index.js"}

package/dist/performance-test-runner.d.ts

@@ -0,0 +1,10 @@
+import TestRunner, { TestRunnerOptions } from './test-runner';
+export default class PerformanceTestRunner extends TestRunner {
+    private _stats;
+    private _fps;
+    constructor(props: TestRunnerOptions);
+    initTestCase(testCase: any): void;
+    shouldRender(animationProps: any): boolean;
+    assert(testCase: any): void;
+}
+//# sourceMappingURL=performance-test-runner.d.ts.map

package/dist/performance-test-runner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance-test-runner.d.ts","sourceRoot":"","sources":["../src/performance-test-runner.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,EAAE,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;IAC3D,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,IAAI,CAAO;gBAEP,KAAK,EAAE,iBAAiB;IASpC,YAAY,CAAC,QAAQ,KAAA;IAMrB,YAAY,CAAC,cAAc,KAAA;IAY3B,MAAM,CAAC,QAAQ,KAAA;CAahB"}

package/dist/{esm/performance-test-runner.js → performance-test-runner.js}

@@ -1,8 +1,14 @@
-import { Stats } from 'probe.gl';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { Stats } from '@probe.gl/stats';
 import TestRunner from './test-runner';
 export default class PerformanceTestRunner extends TestRunner {
   constructor(props) {
     super(props);
+
+    _defineProperty(this, "_stats", void 0);
+
+    _defineProperty(this, "_fps", void 0);
+
     Object.assign(this.testOptions, {
       maxFramesToRender: 60,
       targetFPS: 50

package/dist/performance-test-runner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/performance-test-runner.ts"],"names":["Stats","TestRunner","PerformanceTestRunner","constructor","props","Object","assign","testOptions","maxFramesToRender","targetFPS","initTestCase","testCase","_stats","id","name","_fps","get","shouldRender","animationProps","timeEnd","timeStart","count","done","assert","fps","getHz","_pass","framesRendered","_fail","_next"],"mappings":";AAAA,SAAQA,KAAR,QAA0B,iBAA1B;AACA,OAAOC,UAAP,MAA4C,eAA5C;AAEA,eAAe,MAAMC,qBAAN,SAAoCD,UAApC,CAA+C;AAI5DE,EAAAA,WAAW,CAACC,KAAD,EAA2B;AACpC,UAAMA,KAAN;;AADoC;;AAAA;;AAGpCC,IAAAA,MAAM,CAACC,MAAP,CAAc,KAAKC,WAAnB,EAAgC;AAC9BC,MAAAA,iBAAiB,EAAE,EADW;AAE9BC,MAAAA,SAAS,EAAE;AAFmB,KAAhC;AAID;;AAEDC,EAAAA,YAAY,CAACC,QAAD,EAAW;AACrB,UAAMD,YAAN,CAAmBC,QAAnB;AACA,SAAKC,MAAL,GAAc,IAAIZ,KAAJ,CAAU;AAACa,MAAAA,EAAE,EAAEF,QAAQ,CAACG;AAAd,KAAV,CAAd;AACA,SAAKC,IAAL,GAAY,KAAKH,MAAL,CAAYI,GAAZ,CAAgB,KAAhB,CAAZ;AACD;;AAEDC,EAAAA,YAAY,CAACC,cAAD,EAAiB;AAC3B,SAAKH,IAAL,CAAUI,OAAV;;AACA,SAAKJ,IAAL,CAAUK,SAAV;;AAGA,QAAI,KAAKL,IAAL,CAAUM,KAAV,GAAkB,KAAKd,WAAL,CAAiBC,iBAAvC,EAA0D;AACxDU,MAAAA,cAAc,CAACI,IAAf;AACD;;AAED,WAAO,IAAP;AACD;;AAEDC,EAAAA,MAAM,CAACZ,QAAD,EAAW;AAEf,UAAMF,SAAS,GAAGE,QAAQ,CAACF,SAAT,IAAsB,KAAKF,WAAL,CAAiBE,SAAzD;AACA,UAAMY,KAAK,GAAG,KAAKN,IAAL,CAAUM,KAAxB;;AACA,UAAMG,GAAG,GAAG,KAAKT,IAAL,CAAUU,KAAV,EAAZ;;AAEA,QAAID,GAAG,IAAIf,SAAX,EAAsB;AACpB,WAAKiB,KAAL,CAAW;AAACF,QAAAA,GAAD;AAAMG,QAAAA,cAAc,EAAEN;AAAtB,OAAX;AACD,KAFD,MAEO;AACL,WAAKO,KAAL,CAAW;AAACJ,QAAAA,GAAD;AAAMG,QAAAA,cAAc,EAAEN;AAAtB,OAAX;AACD;;AACD,SAAKQ,KAAL;AACD;;AA3C2D","sourcesContent":["import {Stats, Stat} from '@probe.gl/stats';\nimport TestRunner, {TestRunnerOptions} from './test-runner';\n\nexport default class PerformanceTestRunner extends TestRunner {\n  private _stats: Stats;\n  private _fps: Stat;\n\n  constructor(props: TestRunnerOptions) {\n    super(props);\n\n    Object.assign(this.testOptions, {\n      maxFramesToRender: 60,\n      targetFPS: 50\n    });\n  }\n\n  initTestCase(testCase) {\n    super.initTestCase(testCase);\n    this._stats = new Stats({id: testCase.name});\n    this._fps = this._stats.get('fps');\n  }\n\n  shouldRender(animationProps) {\n    this._fps.timeEnd();\n    this._fps.timeStart();\n\n    // @ts-expect-error\n    if (this._fps.count > this.testOptions.maxFramesToRender) {\n      animationProps.done();\n    }\n\n    return true;\n  }\n\n  assert(testCase) {\n    // @ts-expect-error\n    const targetFPS = testCase.targetFPS || this.testOptions.targetFPS;\n    const count = this._fps.count;\n    const fps = this._fps.getHz();\n\n    if (fps >= targetFPS) {\n      this._pass({fps, framesRendered: count});\n    } else {\n      this._fail({fps, framesRendered: count});\n    }\n    this._next();\n  }\n}\n"],"file":"performance-test-runner.js"}

package/dist/snapshot-test-runner.d.ts

@@ -0,0 +1,9 @@
+import TestRunner, { TestRunnerOptions } from './test-runner';
+export default class SnapshotTestRunner extends TestRunner {
+    private isDiffing;
+    constructor(props: TestRunnerOptions);
+    initTestCase(testCase: any): void;
+    shouldRender(): boolean;
+    assert(testCase: any): void;
+}
+//# sourceMappingURL=snapshot-test-runner.d.ts.map

package/dist/snapshot-test-runner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-test-runner.d.ts","sourceRoot":"","sources":["../src/snapshot-test-runner.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,EAAE,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAI5D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;IACxD,OAAO,CAAC,SAAS,CAAkB;gBAEvB,KAAK,EAAE,iBAAiB;IAOpC,YAAY,CAAC,QAAQ,KAAA;IAOrB,YAAY;IAKZ,MAAM,CAAC,QAAQ,KAAA;CAiChB"}

package/dist/{esm/snapshot-test-runner.js → snapshot-test-runner.js}

@@ -1,8 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import TestRunner from './test-runner';
 import { getBoundingBoxInPage } from './utils';
 export default class SnapshotTestRunner extends TestRunner {
   constructor(props) {
     super(props);
+
+    _defineProperty(this, "isDiffing", false);
+
     this.testOptions.imageDiffOptions = {};
   }
 
@@ -10,7 +14,7 @@ export default class SnapshotTestRunner extends TestRunner {
     super.initTestCase(testCase);
 
     if (!testCase.goldenImage) {
-      throw new Error(`Test case ${testCase.name} does not have golden image`);
+      throw new Error("Test case ".concat(testCase.name, " does not have golden image"));
     }
   }
 

package/dist/snapshot-test-runner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/snapshot-test-runner.ts"],"names":["TestRunner","getBoundingBoxInPage","SnapshotTestRunner","constructor","props","testOptions","imageDiffOptions","initTestCase","testCase","goldenImage","Error","name","shouldRender","isDiffing","assert","diffOptions","Object","assign","region","_animationProps","canvas","window","browserTestDriver_captureAndDiffScreen","then","result","success","_pass","_fail","_next"],"mappings":";AAAA,OAAOA,UAAP,MAA4C,eAA5C;AACA,SAAQC,oBAAR,QAAmC,SAAnC;AAGA,eAAe,MAAMC,kBAAN,SAAiCF,UAAjC,CAA4C;AAGzDG,EAAAA,WAAW,CAACC,KAAD,EAA2B;AACpC,UAAMA,KAAN;;AADoC,uCAFT,KAES;;AAIpC,SAAKC,WAAL,CAAiBC,gBAAjB,GAAoC,EAApC;AACD;;AAEDC,EAAAA,YAAY,CAACC,QAAD,EAAW;AACrB,UAAMD,YAAN,CAAmBC,QAAnB;;AACA,QAAI,CAACA,QAAQ,CAACC,WAAd,EAA2B;AACzB,YAAM,IAAIC,KAAJ,qBAAuBF,QAAQ,CAACG,IAAhC,iCAAN;AACD;AACF;;AAEDC,EAAAA,YAAY,GAAG;AAEb,WAAO,CAAC,KAAKC,SAAb;AACD;;AAEDC,EAAAA,MAAM,CAACN,QAAD,EAAW;AACf,QAAI,KAAKK,SAAT,EAAoB;AAElB;AACD;;AACD,SAAKA,SAAL,GAAiB,IAAjB;AAEA,UAAME,WAAW,GAAGC,MAAM,CAACC,MAAP,CAClB,EADkB,EAGlB,KAAKZ,WAAL,CAAiBC,gBAHC,EAIlBE,QAAQ,CAACF,gBAJS,EAKlB;AACEG,MAAAA,WAAW,EAAED,QAAQ,CAACC,WADxB;AAGES,MAAAA,MAAM,EAAEjB,oBAAoB,CAAC,KAAKkB,eAAL,CAAqBC,MAAtB;AAH9B,KALkB,CAApB;AAcAC,IAAAA,MAAM,CAACC,sCAAP,CAA8CP,WAA9C,EAA2DQ,IAA3D,CAAiEC,MAAD,IAAY;AAE1E,UAAIA,MAAM,CAACC,OAAX,EAAoB;AAClB,aAAKC,KAAL,CAAWF,MAAX;AACD,OAFD,MAEO;AACL,aAAKG,KAAL,CAAWH,MAAX;AACD;;AAED,WAAKX,SAAL,GAAiB,KAAjB;;AACA,WAAKe,KAAL;AACD,KAVD;AAWD;;AAtDwD","sourcesContent":["import TestRunner, {TestRunnerOptions} from './test-runner';\nimport {getBoundingBoxInPage} from './utils';\n\n\nexport default class SnapshotTestRunner extends TestRunner {\n  private isDiffing: boolean = false;\n\n  constructor(props: TestRunnerOptions) {\n    super(props);\n\n    // @ts-expect-error\n    this.testOptions.imageDiffOptions = {};\n  }\n\n  initTestCase(testCase) {\n    super.initTestCase(testCase);\n    if (!testCase.goldenImage) {\n      throw new Error(`Test case ${testCase.name} does not have golden image`);\n    }\n  }\n\n  shouldRender() {\n    // wait for the current diffing to finish\n    return !this.isDiffing;\n  }\n\n  assert(testCase) {\n    if (this.isDiffing) {\n      // Already performing diffing\n      return;\n    }\n    this.isDiffing = true;\n\n    const diffOptions = Object.assign(\n      {},\n      // @ts-expect-error\n      this.testOptions.imageDiffOptions,\n      testCase.imageDiffOptions,\n      {\n        goldenImage: testCase.goldenImage,\n        // @ts-expect-error\n        region: getBoundingBoxInPage(this._animationProps.canvas)\n      }\n    );\n\n    // Take screenshot and compare\n    // @ts-expect-error\n    window.browserTestDriver_captureAndDiffScreen(diffOptions).then((result) => {\n      // invoke user callback\n      if (result.success) {\n        this._pass(result);\n      } else {\n        this._fail(result);\n      }\n\n      this.isDiffing = false;\n      this._next();\n    });\n  }\n}\n"],"file":"snapshot-test-runner.js"}

package/dist/test-runner.d.ts

@@ -0,0 +1,45 @@
+export declare type TestRunnerTestCase = {
+    name: string;
+    onInitialize: any;
+    onRender: any;
+    onFinalize: any;
+};
+export declare type TestRunnerOptions = {
+    onTestStart?: any;
+    onTestPass?: any;
+    onTestFail?: any;
+    timeout?: number;
+};
+export default class TestRunner {
+    props: any;
+    isRunning: boolean;
+    readonly testOptions: object;
+    readonly _animationProps: object;
+    private _testCases;
+    private _testCaseData;
+    /**
+     * props
+     *   AnimationLoop props
+     */
+    constructor(props?: {});
+    /**
+     * Add testCase(s)
+     */
+    /**
+     * Add testCase(s)
+     */
+    add(testCases: TestRunnerTestCase[]): this;
+    /**
+     * Returns a promise that resolves when all the test cases are done
+     */
+    run(options?: object): Promise<void>;
+    initTestCase(testCase: any): void;
+    shouldRender(animationProps: any): boolean;
+    assert(testCase: any): void;
+    _pass(result: any): void;
+    _fail(result: any): void;
+    _next(): void;
+    _onRender(animationProps: any): void;
+    _nextTestCase(): TestRunnerTestCase;
+}
+//# sourceMappingURL=test-runner.d.ts.map

package/dist/test-runner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-runner.d.ts","sourceRoot":"","sources":["../src/test-runner.ts"],"names":[],"mappings":"AAKA,oBAAY,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,GAAG,CAAC;IAClB,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,GAAG,CAAC;CACjB,CAAC;AAWF,oBAAY,iBAAiB,GAAG;IAE9B,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IAGjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAYF,MAAM,CAAC,OAAO,OAAO,UAAU;IAC7B,KAAK,MAAC;IACN,SAAS,UAAS;IAClB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAM;IACtC,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,aAAa,CAAQ;IAE7B;;;OAGG;gBACS,KAAK,KAAK;IAStB;;OAEG;IACH;;OAEG;IACF,GAAG,CAAC,SAAS,EAAE,kBAAkB,EAAE,GAAG,IAAI;IAU1C;;OAEG;IACJ,GAAG,CAAC,OAAO,GAAE,MAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IA0BxC,YAAY,CAAC,QAAQ,KAAA;IAYrB,YAAY,CAAC,cAAc,KAAA;IAI3B,MAAM,CAAC,QAAQ,KAAA;IAOf,KAAK,CAAC,MAAM,KAAA;IAKZ,KAAK,CAAC,MAAM,KAAA;IAKZ,KAAK;IAML,SAAS,CAAC,cAAc,KAAA;IAqCxB,aAAa;CAqDd"}

package/dist/{esm/test-runner.js → test-runner.js}

@@ -1,5 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { AnimationLoop } from '@luma.gl/core';
-import { pushContextState, popContextState } from '@luma.gl/gltools';
+import { pushContextState, popContextState } from '@luma.gl/webgl';
 
 function noop() {}
 
@@ -12,18 +13,26 @@ const DEFAULT_TEST_CASE = {
   onFinalize: noop
 };
 const DEFAULT_TEST_OPTIONS = {
-  onTestStart: testCase => console.log(`# ${testCase.name}`),
-  onTestPass: testCase => console.log(`ok ${testCase.name} passed`),
-  onTestFail: testCase => console.log(`not ok ${testCase.name} failed`),
+  onTestStart: testCase => console.log("# ".concat(testCase.name)),
+  onTestPass: testCase => console.log("ok ".concat(testCase.name, " passed")),
+  onTestFail: testCase => console.log("not ok ".concat(testCase.name, " failed")),
   timeout: 2000
 };
 export default class TestRunner {
   constructor(props = {}) {
+    _defineProperty(this, "props", void 0);
+
+    _defineProperty(this, "isRunning", false);
+
+    _defineProperty(this, "testOptions", void 0);
+
+    _defineProperty(this, "_animationProps", {});
+
+    _defineProperty(this, "_testCases", []);
+
+    _defineProperty(this, "_testCaseData", null);
+
     this.props = props;
-    this.isRunning = false;
-    this._animationProps = {};
-    this._testCases = [];
-    this._testCaseData = null;
     this.isHeadless = Boolean(window.browserTestDriver_isHeadless);
     this.testOptions = Object.assign({}, DEFAULT_TEST_OPTIONS);
   }

package/dist/test-runner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/test-runner.ts"],"names":["AnimationLoop","pushContextState","popContextState","noop","DEFAULT_TEST_CASE","name","onInitialize","onRender","done","onFinalize","DEFAULT_TEST_OPTIONS","onTestStart","testCase","console","log","onTestPass","onTestFail","timeout","TestRunner","constructor","props","isHeadless","Boolean","window","browserTestDriver_isHeadless","testOptions","Object","assign","add","testCases","Array","isArray","_testCases","push","run","options","Promise","resolve","_animationLoop","_onRender","bind","isRunning","start","isDiffing","_currentTestCase","catch","error","_fail","message","initTestCase","animationLoop","key","shouldRender","animationProps","assert","_pass","_next","result","_nextTestCase","_animationProps","stop","isDone","testCaseAnimationProps","_testCaseData","startTime","_currentTestCaseStartTime","time","tick","_currentTestCaseStartTick","value","delete","gl","shift","then","userData"],"mappings":"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","sourcesContent":["// @ts-nocheck TODO remove\n/* eslint-disable no-console */\nimport {AnimationLoop} from '@luma.gl/core';\nimport {pushContextState, popContextState} from '@luma.gl/webgl';\n\nexport type TestRunnerTestCase = {\n  name: string;\n  onInitialize: any;\n  onRender: any;\n  onFinalize: any;\n};\n\nfunction noop() {}\n\nconst DEFAULT_TEST_CASE: TestRunnerTestCase = {\n  name: 'Unnamed test',\n  onInitialize: noop,\n  onRender: ({done}) => done(),\n  onFinalize: noop\n};\n\nexport type TestRunnerOptions = {\n  // test lifecycle callback\n  onTestStart?: any;\n  onTestPass?: any;\n  onTestFail?: any;\n\n  // milliseconds to wait for each test case before aborting\n  timeout?: number;\n};\n\nconst DEFAULT_TEST_OPTIONS: Required<TestRunnerOptions> = {\n  // test lifecycle callback\n  onTestStart: (testCase) => console.log(`# ${testCase.name}`),\n  onTestPass: (testCase) => console.log(`ok ${testCase.name} passed`),\n  onTestFail: (testCase) => console.log(`not ok ${testCase.name} failed`),\n\n  // milliseconds to wait for each test case before aborting\n  timeout: 2000\n};\n\nexport default class TestRunner {\n  props;\n  isRunning = false;\n  readonly testOptions: object;\n  readonly _animationProps: object = {};\n  private _testCases: TestRunnerTestCase[] = [];\n  private _testCaseData = null;\n\n  /**\n   * props\n   *   AnimationLoop props\n   */\n  constructor(props = {}) {\n    this.props = props;\n\n    // @ts-expect-error\n    this.isHeadless = Boolean(window.browserTestDriver_isHeadless);\n\n    this.testOptions = Object.assign({}, DEFAULT_TEST_OPTIONS);\n  }\n\n  /**\n   * Add testCase(s)\n   */\n  /**\n   * Add testCase(s)\n   */\n   add(testCases: TestRunnerTestCase[]): this {\n    if (!Array.isArray(testCases)) {\n      testCases = [testCases];\n    }\n    for (const testCase of testCases) {\n      this._testCases.push(testCase);\n    }\n    return this;\n  }\n\n   /**\n    * Returns a promise that resolves when all the test cases are done\n    */\n  run(options: object = {}): Promise<void>  {\n    Object.assign(this.testOptions, options);\n\n    return new Promise<void>(resolve => {\n      this._animationLoop = new AnimationLoop(\n        // @ts-expect-error TODO\n        Object.assign({}, this.props, {\n          onRender: this._onRender.bind(this),\n          onFinalize: () => {\n            this.isRunning = false;\n            resolve();\n          }\n        })\n      );\n      this._animationLoop.start(this.props);\n\n      this.isRunning = true;\n      this.isDiffing = false;\n      this._currentTestCase = null;\n    }).catch((error) => {\n      this._fail({error: error.message});\n    });\n  }\n\n  /* Lifecycle methods for subclassing */\n\n  initTestCase(testCase) {\n    const {animationLoop} = testCase;\n    if (animationLoop) {\n      testCase.onInitialize = animationLoop.onInitialize.bind(animationLoop);\n      testCase.onRender = animationLoop.onRender.bind(animationLoop);\n      testCase.onFinalize = animationLoop.onFinalize.bind(animationLoop);\n    }\n    for (const key in DEFAULT_TEST_CASE) {\n      testCase[key] = testCase[key] || DEFAULT_TEST_CASE[key];\n    }\n  }\n\n  shouldRender(animationProps) {\n    return true;\n  }\n\n  assert(testCase) {\n    this._pass(testCase);\n    this._next();\n  }\n\n  /* Utilities */\n\n  _pass(result) {\n    // @ts-expect-error\n    this.testOptions.onTestPass(this._currentTestCase, result);\n  }\n\n  _fail(result) {\n    // @ts-expect-error\n    this.testOptions.onTestFail(this._currentTestCase, result);\n  }\n\n  _next() {\n    this._nextTestCase();\n  }\n\n  /* Private methods */\n\n  _onRender(animationProps) {\n    this._animationProps = animationProps;\n\n    const testCase = this._currentTestCase || this._nextTestCase();\n    if (!testCase) {\n      // all test cases are done\n      this._animationLoop.stop();\n      return;\n    }\n\n    let isDone = false;\n    const testCaseAnimationProps = Object.assign({}, animationProps, this._testCaseData, {\n      // tick/time starts from 0 for each test case\n      startTime: this._currentTestCaseStartTime,\n      time: animationProps.time - this._currentTestCaseStartTime,\n      tick: animationProps.tick - this._currentTestCaseStartTick,\n      // called by the test case when it is done rendering and ready for capture and diff\n      done: () => {\n        isDone = true;\n      }\n    });\n\n    if (this._testCaseData && this.shouldRender(testCaseAnimationProps)) {\n      // test case is initialized, render frame\n      testCase.onRender(testCaseAnimationProps);\n    }\n\n    const timeout = testCase.timeout || this.testOptions.timeout;\n    if (timeout && testCaseAnimationProps.time > timeout) {\n      isDone = true;\n    }\n\n    if (isDone) {\n      this.assert(testCase);\n    }\n  }\n\n  _nextTestCase() {\n    const animationProps = this._animationProps;\n\n    // finalize the current test case\n    if (this._testCaseData) {\n      for (const key in this._testCaseData) {\n        const value = this._testCaseData[key];\n        if (value && value.delete) {\n          value.delete();\n        }\n      }\n      this._currentTestCase.onFinalize(Object.assign({}, animationProps, this._testCaseData));\n\n      // reset WebGL context\n      popContextState(animationProps.gl);\n\n      this._currentTestCase = null;\n      this._testCaseData = null;\n    }\n\n    // get the next test case\n    const testCase = this._testCases.shift();\n    if (testCase) {\n      // start new test case\n      this._currentTestCase = testCase;\n      this._currentTestCaseStartTime = animationProps.time;\n      this._currentTestCaseStartTick = animationProps.tick;\n      this.initTestCase(testCase);\n\n      // initialize test case\n\n      // save WebGL context\n      pushContextState(animationProps.gl);\n\n      // aligned with the behavior of AnimationLoop.onInitialized\n      // onInitialized could return a plain object or a promise\n      Promise.resolve(\n        testCase.onInitialize(\n          Object.assign({}, animationProps, {\n            // tick/time starts from 0 for each test case\n            startTime: animationProps.time,\n            time: 0,\n            tick: 0\n          })\n        )\n      ).then((userData) => {\n        this._testCaseData = userData || {};\n      });\n      // invoke user callback\n      this.testOptions.onTestStart(testCase);\n    }\n    return testCase;\n  }\n}\n"],"file":"test-runner.js"}

package/dist/utils.d.ts

@@ -0,0 +1,7 @@
+export declare function getBoundingBoxInPage(domElement: any): {
+    x: any;
+    y: any;
+    width: any;
+    height: any;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AACA,wBAAgB,oBAAoB,CAAC,UAAU,KAAA;;;;;EAQ9C"}

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.ts"],"names":["getBoundingBoxInPage","domElement","bbox","getBoundingClientRect","x","window","scrollX","y","scrollY","width","height"],"mappings":"AACA,OAAO,SAASA,oBAAT,CAA8BC,UAA9B,EAA0C;AAC/C,QAAMC,IAAI,GAAGD,UAAU,CAACE,qBAAX,EAAb;AACA,SAAO;AACLC,IAAAA,CAAC,EAAEC,MAAM,CAACC,OAAP,GAAiBJ,IAAI,CAACE,CADpB;AAELG,IAAAA,CAAC,EAAEF,MAAM,CAACG,OAAP,GAAiBN,IAAI,CAACK,CAFpB;AAGLE,IAAAA,KAAK,EAAEP,IAAI,CAACO,KAHP;AAILC,IAAAA,MAAM,EAAER,IAAI,CAACQ;AAJR,GAAP;AAMD","sourcesContent":["// Get the bounding box of a DOMElement relative to the page\nexport function getBoundingBoxInPage(domElement) {\n  const bbox = domElement.getBoundingClientRect();\n  return {\n    x: window.scrollX + bbox.x,\n    y: window.scrollY + bbox.y,\n    width: bbox.width,\n    height: bbox.height\n  };\n}\n"],"file":"utils.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luma.gl/test-utils",
-  "version": "8.5.10",
+  "version": "8.6.0-alpha.4",
   "description": "Automated WebGL testing utilities with Puppeteer and image diffing",
   "license": "MIT",
   "publishConfig": {
@@ -16,26 +16,28 @@
     "automation",
     "testing"
   ],
-  "types": "src/index.d.ts",
-  "main": "dist/es5/index.js",
-  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "files": [
     "src",
     "dist",
     "README.md"
   ],
+  "browser": {
+    "gl": false
+  },
   "scripts": {
     "pre-build": "echo test utils has no bundle"
   },
   "dependencies": {
-    "probe.gl": "^3.4.0"
+    "@probe.gl/env": "^3.5.0"
   },
   "peerDependencies": {
-    "@luma.gl/core": "^8.4.0",
-    "@luma.gl/debug": "^8.4.0",
-    "@luma.gl/gltools": "^8.4.0",
-    "@luma.gl/webgl": "^8.4.0",
-    "@probe.gl/test-utils": "^3.4.0"
+    "@luma.gl/core": "8.6.0-alpha.1",
+    "@luma.gl/debug": "8.6.0-alpha.1",
+    "@luma.gl/webgl": "8.6.0-alpha.1",
+    "@probe.gl/test-utils": "^3.5.0"
   },
-  "gitHead": "830155841c1e574d36061c2d71880a28d68b3cb3"
+  "gitHead": "c1c84f1bcaa6e6ff4f1e96f5d294baf8ce39846c"
 }

package/src/create-headless-context.ts

@@ -0,0 +1,36 @@
+import headlessGL from 'gl';
+
+const ERR_HEADLESSGL_FAILED =
+  'Failed to create WebGL context in Node.js, headless gl returned null';
+
+const ERR_HEADLESSGL_LOAD = `\
+  luma.gl: loaded under Node.js without headless gl installed, meaning that WebGL \
+  contexts can not be created. This may not be an error. For example, this is a \
+  typical configuration for isorender applications running on the server.`;
+
+const CONTEXT_DEFAULTS = {
+  width: 1,
+  height: 1,
+  debug: true,
+  throwOnError: false
+};
+
+// Create headless gl context (for running under Node.js)
+// Create headless gl context (for running under Node.js)
+export function createHeadlessContext(options?: any): WebGLRenderingContext {
+  options = {...CONTEXT_DEFAULTS, ...options};
+
+  const {width, height, webgl1, webgl2} = options;
+
+  if (webgl2 && !webgl1) {
+    throw new Error('headless-gl does not support WebGL2');
+  }
+  if (!headlessGL) {
+    throw new Error(ERR_HEADLESSGL_LOAD);
+  }
+  const gl = headlessGL(width, height, options);
+  if (!gl) {
+    throw new Error(ERR_HEADLESSGL_FAILED);
+  }
+  return gl;
+}

package/src/create-test-context.ts

@@ -0,0 +1,29 @@
+import { createTestDevice } from "./create-test-device";
+
+export function createTestContext(opts: Record<string, any> = {}): WebGLRenderingContext | null {
+  const device = createTestDevice(opts);
+  return device && device.gl;
+}
+
+  /*
+import {isBrowser} from 'probe.gl/env';
+import {createGLContext, instrumentGLContext} from '@luma.gl/gltools';
+import {createHeadlessContext} from './create-headless-context';
+
+export function createTestContext(opts: Record<string, any> = {}): WebGLRenderingContext | null {
+  // try {
+    if (!isBrowser()) {
+      if (opts.webgl2 && !opts.webgl1) {
+        return null;
+      }
+      const gl = createHeadlessContext(opts);
+      return gl ? instrumentGLContext(gl) : null;
+    }
+    return createGLContext(opts);
+  // } catch {
+  //   if (opts.webgl2) {
+  //     return null;
+  //   }
+  // }
+}
+*/

package/src/create-test-device.ts

@@ -0,0 +1,31 @@
+import {isBrowser} from 'probe.gl/env';
+import {WebGLDevice, WebGLDeviceProps} from '@luma.gl/webgl';
+import {createHeadlessContext} from './create-headless-context';
+
+const ERR_HEADLESSGL_FAILED =
+  'Failed to create WebGL context in Node.js, headless gl returned null';
+
+const ERR_HEADLESSGL_LOAD = `\
+  luma.gl: loaded under Node.js without headless gl installed, meaning that WebGL \
+  contexts can not be created. This may not be an error. For example, this is a \
+  typical configuration for isorender applications running on the server.`;
+
+const CONTEXT_DEFAULTS: Partial<WebGLDeviceProps> = {
+  width: 1,
+  height: 1,
+  debug: true
+};
+
+export function createTestDevice(props: WebGLDeviceProps = {}): WebGLDevice | null {
+  try {
+    const gl = !isBrowser() ? createHeadlessContext(props) : undefined;
+    props = {...CONTEXT_DEFAULTS, ...props, gl};
+    return new WebGLDevice(props);
+  } catch (error) {
+    console.error(error.message);
+    return null;
+  }
+}
+
+export const webgl1TestDevice: WebGLDevice = createTestDevice({webgl1: true, webgl2: false});
+export const webgl2TestDevice: WebGLDevice = createTestDevice({webgl1: false, webgl2: true});

package/src/index.ts

@@ -0,0 +1,5 @@
+export {default as SnapshotTestRunner} from './snapshot-test-runner';
+export {default as PerformanceTestRunner} from './performance-test-runner';
+export {createHeadlessContext} from './create-headless-context';
+export {createTestContext} from './create-test-context';
+export {createTestDevice, webgl1TestDevice, webgl2TestDevice} from './create-test-device';

package/src/{performance-test-runner.js → performance-test-runner.ts}

@@ -1,8 +1,11 @@
-import {Stats} from 'probe.gl';
-import TestRunner from './test-runner';
+import {Stats, Stat} from '@probe.gl/stats';
+import TestRunner, {TestRunnerOptions} from './test-runner';
 
 export default class PerformanceTestRunner extends TestRunner {
-  constructor(props) {
+  private _stats: Stats;
+  private _fps: Stat;
+
+  constructor(props: TestRunnerOptions) {
     super(props);
 
     Object.assign(this.testOptions, {
@@ -21,7 +24,7 @@ export default class PerformanceTestRunner extends TestRunner {
     this._fps.timeEnd();
     this._fps.timeStart();
 
-    // @ts-ignore
+    // @ts-expect-error
     if (this._fps.count > this.testOptions.maxFramesToRender) {
       animationProps.done();
     }
@@ -30,7 +33,7 @@ export default class PerformanceTestRunner extends TestRunner {
   }
 
   assert(testCase) {
-    // @ts-ignore
+    // @ts-expect-error
     const targetFPS = testCase.targetFPS || this.testOptions.targetFPS;
     const count = this._fps.count;
     const fps = this._fps.getHz();

package/src/{snapshot-test-runner.js → snapshot-test-runner.ts}

@@ -1,11 +1,14 @@
-import TestRunner from './test-runner';
+import TestRunner, {TestRunnerOptions} from './test-runner';
 import {getBoundingBoxInPage} from './utils';
 
+
 export default class SnapshotTestRunner extends TestRunner {
-  constructor(props) {
+  private isDiffing: boolean = false;
+
+  constructor(props: TestRunnerOptions) {
     super(props);
 
-    // @ts-ignore
+    // @ts-expect-error
     this.testOptions.imageDiffOptions = {};
   }
 
@@ -30,19 +33,19 @@ export default class SnapshotTestRunner extends TestRunner {
 
     const diffOptions = Object.assign(
       {},
-      // @ts-ignore
+      // @ts-expect-error
       this.testOptions.imageDiffOptions,
       testCase.imageDiffOptions,
       {
         goldenImage: testCase.goldenImage,
-        // @ts-ignore
+        // @ts-expect-error
         region: getBoundingBoxInPage(this._animationProps.canvas)
       }
     );
 
     // Take screenshot and compare
-    // @ts-ignore
-    window.browserTestDriver_captureAndDiffScreen(diffOptions).then(result => {
+    // @ts-expect-error
+    window.browserTestDriver_captureAndDiffScreen(diffOptions).then((result) => {
       // invoke user callback
       if (result.success) {
         this._pass(result);