fix: Use virtual-webgl to circumvent browser limits on WebGL contexts

jest.setup.ts

@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom';
 import { TextDecoder, TextEncoder } from 'util';
 import { performance } from 'perf_hooks';
-import 'jest-canvas-mock';
+import 'jest-webgl-canvas-mock';
 import './__mocks__/dh-core';
 import Log from '@deephaven/log';
 import { TestUtils } from '@deephaven/test-utils';

package.json

@@ -117,7 +117,7 @@
     "identity-obj-proxy": "^3.0.0",
     "jasmine": "4.0.2",
     "jest": "^29.3.1",
-    "jest-canvas-mock": "^2.4.0",
+    "jest-webgl-canvas-mock": "2.5.3",
     "jest-environment-jsdom": "^29.3.1",
     "jest-runner-eslint": "^1.1.0",
     "jest-runner-stylelint": "^2.3.7",

packages/chart/src/index.ts

@@ -1,3 +1,16 @@
+import Log from '@deephaven/log';
+import { initializeVirtualWebGL } from './virtual-webgl';
+
+const log = Log.module('@deephaven/chart index');
+
+try {
+  // Used to show many WebGL plots on the same page
+  // https://github.com/plotly/plotly.js/?tab=readme-ov-file#need-to-have-several-webgl-graphs-on-a-page
+  initializeVirtualWebGL();
+} catch (e) {
+  log.warn('Failed to initialize virtual WebGL', e);
+}
+
 export { default as Chart } from './LazyChart';
 export { default as ChartModelFactory } from './ChartModelFactory';
 export { default as ChartModel } from './ChartModel';