diff --git a/apps/governance/src/setup-tests.ts b/apps/governance/src/setup-tests.ts index 691f2fd79..d1a19b13c 100644 --- a/apps/governance/src/setup-tests.ts +++ b/apps/governance/src/setup-tests.ts @@ -6,6 +6,7 @@ import '@testing-library/jest-dom'; import dev from './i18n/translations/dev.json'; import i18n from 'i18next'; import { initReactI18next } from 'react-i18next'; +import ResizeObserver from 'resize-observer-polyfill'; // Set up i18n instance so that components have the correct default // en translations @@ -22,3 +23,5 @@ i18n.use(initReactI18next).init({ ns: ['translations'], defaultNS: 'translations', }); + +global.ResizeObserver = ResizeObserver; diff --git a/libs/datagrid/src/lib/ag-grid/ag-grid-lazy-themed.tsx b/libs/datagrid/src/lib/ag-grid/ag-grid-lazy-themed.tsx index b69c7069b..ee66cf6d9 100644 --- a/libs/datagrid/src/lib/ag-grid/ag-grid-lazy-themed.tsx +++ b/libs/datagrid/src/lib/ag-grid/ag-grid-lazy-themed.tsx @@ -1,7 +1,7 @@ import React, { useCallback, useRef } from 'react'; import type { ReactElement, ReactNode } from 'react'; import type { AgGridReactProps, AgReactUiProps } from 'ag-grid-react'; -import type { ColumnResizedEvent } from 'ag-grid-community'; +import type { ColumnResizedEvent, ColDef } from 'ag-grid-community'; import { AgGridReact } from 'ag-grid-react'; import { useThemeSwitcher } from '@vegaprotocol/react-helpers'; import { useColumnSizes } from './use-column-sizes'; @@ -49,9 +49,12 @@ export const AgGridThemed = ({ id && props?.columnDefs ? { ...props, - columnDefs: props.columnDefs.map((columnDef) => ({ + columnDefs: props.columnDefs.map((columnDef: ColDef) => ({ ...columnDef, - width: sizes[columnDef.colId || columnDef.field], + width: + (columnDef.colId && sizes[columnDef.colId]) || + (columnDef.field && sizes[columnDef.field]) || + undefined, })), } : props; diff --git a/libs/datagrid/src/lib/ag-grid/use-column-sizes.ts b/libs/datagrid/src/lib/ag-grid/use-column-sizes.ts index fe18083e9..970dc8f08 100644 --- a/libs/datagrid/src/lib/ag-grid/use-column-sizes.ts +++ b/libs/datagrid/src/lib/ag-grid/use-column-sizes.ts @@ -43,11 +43,12 @@ export const useColumnSizes = ({ ] => { const sizes = useColumnSizesStore((store) => store.sizes[id] || {}); const valueSetter = useColumnSizesStore((store) => store.valueSetter); - const getWidthOfAll = useCallback(() => { - return ( - (container?.current as HTMLDivElement)?.getBoundingClientRect().width ?? 0 - ); - }, [container]); + const getWidthOfAll = useCallback( + () => + (container?.current as HTMLDivElement)?.getBoundingClientRect().width ?? + 0, + [container] + ); const recalculateSizes = useCallback( (sizes: Record) => { const width = getWidthOfAll(); diff --git a/libs/fills/src/setup-tests.ts b/libs/fills/src/setup-tests.ts index 7b0828bfa..68773380a 100644 --- a/libs/fills/src/setup-tests.ts +++ b/libs/fills/src/setup-tests.ts @@ -1 +1,4 @@ import '@testing-library/jest-dom'; +import ResizeObserver from 'resize-observer-polyfill'; + +global.ResizeObserver = ResizeObserver; diff --git a/libs/liquidity/src/setup-tests.ts b/libs/liquidity/src/setup-tests.ts index 7b0828bfa..68773380a 100644 --- a/libs/liquidity/src/setup-tests.ts +++ b/libs/liquidity/src/setup-tests.ts @@ -1 +1,4 @@ import '@testing-library/jest-dom'; +import ResizeObserver from 'resize-observer-polyfill'; + +global.ResizeObserver = ResizeObserver; diff --git a/libs/orders/src/setup-tests.ts b/libs/orders/src/setup-tests.ts index 7b0828bfa..68773380a 100644 --- a/libs/orders/src/setup-tests.ts +++ b/libs/orders/src/setup-tests.ts @@ -1 +1,4 @@ import '@testing-library/jest-dom'; +import ResizeObserver from 'resize-observer-polyfill'; + +global.ResizeObserver = ResizeObserver; diff --git a/libs/proposals/src/setup-tests.ts b/libs/proposals/src/setup-tests.ts index 7b0828bfa..68773380a 100644 --- a/libs/proposals/src/setup-tests.ts +++ b/libs/proposals/src/setup-tests.ts @@ -1 +1,4 @@ import '@testing-library/jest-dom'; +import ResizeObserver from 'resize-observer-polyfill'; + +global.ResizeObserver = ResizeObserver; diff --git a/libs/trades/src/setup-tests.ts b/libs/trades/src/setup-tests.ts index 7b0828bfa..68773380a 100644 --- a/libs/trades/src/setup-tests.ts +++ b/libs/trades/src/setup-tests.ts @@ -1 +1,4 @@ import '@testing-library/jest-dom'; +import ResizeObserver from 'resize-observer-polyfill'; + +global.ResizeObserver = ResizeObserver; diff --git a/libs/withdraws/src/setup-tests.ts b/libs/withdraws/src/setup-tests.ts index 7b0828bfa..68773380a 100644 --- a/libs/withdraws/src/setup-tests.ts +++ b/libs/withdraws/src/setup-tests.ts @@ -1 +1,4 @@ import '@testing-library/jest-dom'; +import ResizeObserver from 'resize-observer-polyfill'; + +global.ResizeObserver = ResizeObserver;