fix tests

Author: jpinsonneau

web/src/components/netflow-record/__tests__/record-field.spec.tsx

@@ -18,8 +18,7 @@ describe('<RecordField />', () => {
     //datetime column will produce a single field
     const wrapper = shallow(<RecordField flow={FlowsSample[0]} column={DefaultColumns[0]} {...mocks} />);
     expect(wrapper.find(RecordField)).toBeTruthy();
-    expect(wrapper.find('.record-field-content')).toHaveLength(1);
-    expect(wrapper.find('.m')).toHaveLength(1);
+    expect(wrapper.find('.record-field-content.m')).toHaveLength(1);
   });
   it('should filter', async () => {
     const wrapper = shallow(

web/src/components/netflow-table/netflow-table.tsx

@@ -80,7 +80,8 @@ const NetflowTable: React.FC<{
     const containsDoubleLine = columns.find(c => doubleSizeColumnIds.includes(c.id)) !== undefined;
 
     function convertRemToPixels(rem: number) {
-      return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
+      //get fontSize from document or fallback to 16 for jest
+      return rem * (parseFloat(getComputedStyle(document.documentElement).fontSize) || 16);
     }
 
     switch (size) {
@@ -92,7 +93,7 @@ const NetflowTable: React.FC<{
       default:
         return convertRemToPixels(containsDoubleLine ? 4 : 2.5);
     }
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [columns, size]);
 
   //update table container height on window resize