Display webworker value

frontend/src/components/main.js

@@ -116,6 +116,7 @@ const getOuterWidth = () => ({
   key: 'outerWidth',
   title: 'Outer width',
   value: window.outerWidth,
+  // issues: checkWindowProperties('outerWidth'),
   issues: '',
 });
 
@@ -137,6 +138,7 @@ const getOuterHeight = () => ({
   key: 'outerHeight',
   title: 'Outer height',
   value: window.outerHeight,
+  // issues: checkWindowProperties('outerHeight'),
   issues: '',
 });
 
@@ -245,6 +247,25 @@ const checkScreenProperties = (key) => {
   return list.toString().split(',').join('<br />');
 };
 
+// const checkWindowProperties = (key) => {
+//   const list = [];
+//   if (
+//     Object.getOwnPropertyDescriptor(Window.prototype, key).value !== undefined
+//   ) {
+//     list.push('Failed descriptor.value undefined');
+//   }
+//   // try {
+//   //   // eslint-disable-next-line no-unused-vars
+//   //   const check = Window.prototype[key];
+//   //   list.push('Failed Navigator.prototype');
+//   // } catch (err) {
+//   //   // eslint-disable-next-line no-unused-vars
+//   //   const check = '';
+//   // }
+
+//   return list.toString().split(',').join('<br />');
+// };
+
 const checkWebWorker = (key, setWorkerData) => {
   let w;
   if (typeof w === 'undefined') {
@@ -256,7 +277,9 @@ const checkWebWorker = (key, setWorkerData) => {
       event.data !== undefined &&
       event.data.toString() !== navigator[key].toString()
     ) {
-      setWorkerData('<br />Did not match web worker');
+      setWorkerData(
+        `<br />Did not match web worker (${event.data.toString()})`
+      );
     }
   };
 };