fixed failing tests

Author: cybele-ripple

jest.config.js

@@ -15,6 +15,7 @@ module.exports = {
   },
   transformIgnorePatterns: ['node_modules/(?!arc)/(?!d3)'],
   moduleNameMapper: {
+    '\\.svg\\?url$': '<rootDir>/testUtils/svgUrlTransform.js',
     'd3-hexbin': '<rootDir>/node_modules/d3-hexbin/build/d3-hexbin.min.js',
     d3: '<rootDir>/node_modules/d3/dist/d3.min.js',
   },

src/containers/AMMRankings/AMMRankingsTable.tsx

@@ -135,10 +135,6 @@ const PoolDisplay: FC<{ amm: AMMPool }> = ({ amm }) => (
 
 export const AMMRankingsTable: FC<AMMRankingsTableProps> = ({
   amms,
-  sortField,
-  setSortField,
-  sortOrder,
-  setSortOrder,
   currencyMode,
 }) => {
   const { t } = useTranslation()
@@ -157,7 +153,7 @@ export const AMMRankingsTable: FC<AMMRankingsTableProps> = ({
       className="hover"
       onMouseOver={(e) => {
         const rect = e.currentTarget.getBoundingClientRect()
-        showTooltip('text', e, t(`${key}_tooltip`), {
+        showTooltip('text', e, t(`${key}_tooltip` as any), {
           x: rect.left + rect.width / 2,
           y: rect.top - yOffset,
         })
@@ -177,7 +173,6 @@ export const AMMRankingsTable: FC<AMMRankingsTableProps> = ({
     if (filterField) {
       result = result.filter(
         (amm) =>
-          amm.asset_class === filterField ||
           amm.asset_class_1 === filterField ||
           amm.asset_class_2 === filterField,
       )

src/containers/AMMRankings/GeneralInfoCard.tsx

@@ -68,7 +68,7 @@ export const GeneralInfoCard: FC<GeneralInfoCardProps> = ({
       className="hover"
       onMouseOver={(e) => {
         const rect = e.currentTarget.getBoundingClientRect()
-        showTooltip('text', e, t(`${key}_tooltip`), {
+        showTooltip('text', e, t(`${key}_tooltip` as any), {
           x: rect.left + rect.width / 2,
           y: rect.top - 60,
         })
@@ -117,7 +117,7 @@ export const GeneralInfoCard: FC<GeneralInfoCardProps> = ({
         </div>
 
         <div className="stat-row">
-          <div className="stat-label">{t('24h_volume')}</div>
+          <div className="stat-label">{t('volume_24h' as any)}</div>
           <div className="stat-value">
             {volume24h ? formatCurrencyAmount(volume24h) : DEFAULT_EMPTY_VALUE}
           </div>

src/containers/AMMRankings/index.tsx

@@ -148,7 +148,7 @@ export const AMMRankings: FC = () => {
             <TVLVolumeChart
               data={historicalData?.data_points || []}
               timeRange={timeRange}
-              setTimeRange={setTimeRange}
+              setTimeRange={(range: string) => setTimeRange(range as TimeRange)}
               showTVL={showTVL}
               showVolume={showVolume}
               currencyMode={currencyMode}

src/containers/AMMRankings/svg.d.ts

@@ -0,0 +1,5 @@
+declare module '*.svg?url' {
+  const content: string
+  export default content
+}
+

testUtils/svgUrlTransform.js

@@ -0,0 +1,4 @@
+// Mock module for SVG imports with ?url suffix
+// Returns a mock URL path for testing
+module.exports = '/mock-svg-url.svg'
+