changes to issue #1558 regarding failed Jest test cases

assets/config/jest/cssTransform.js

@@ -1,14 +1,25 @@
-'use strict'
+// // This is a custom Jest transformer turning style imports into empty objects.
+// // http://facebook.github.io/jest/docs/en/webpack.html
 
-// This is a custom Jest transformer turning style imports into empty objects.
-// http://facebook.github.io/jest/docs/en/webpack.html
+// const cssTransform = {
+//   process() {
+//     return 'module.exports = {};';
+//   },
+//   getCacheKey() {
+//     // The output is always the same.
+//     return 'cssTransform';
+//   }
+// };
 
+const babelJest = require('babel-jest');
+
+// Export the transformer function
 module.exports = {
-  process () {
-    return 'module.exports = {};'
+  process(src, filename, config, options) {
+    return babelJest.process(src, filename, config, options);
   },
-  getCacheKey () {
-    // The output is always the same.
-    return 'cssTransform'
-  }
-}
+  'type': 'module',
+  extensionsToTreatAsEsm: ['.js', '.jsx']
+};
+
+

assets/src/components/d3/createHistogram.js

@@ -1,4 +1,4 @@
-import * as d3 from 'd3'
+import * as d3 from 'd3/dist/d3.min'
 import { adjustViewport } from '../../util/chart'
 import { roundToXDecimals } from '../../util/math'
 import { siteTheme } from '../../globals'

assets/src/globals.js

@@ -7,7 +7,7 @@ const mylaGlobals = mylaGlobalsEl ? JSON.parse(mylaGlobalsEl.textContent) : {}
 
 let cspNonce
 const cspMetaEl = document.querySelector('meta[name="csp-nonce"]')
-if (cspMetaEl !== null & cspMetaEl.hasAttribute('content')) {
+if (cspMetaEl !== null && cspMetaEl.hasAttribute('content')) {
   cspNonce = cspMetaEl.getAttribute('content')
 }