feat: add tests for humanize (#1981)

apps/web/src/components/Notification/Type/CollectNotification/Amount.tsx

@@ -1,9 +1,9 @@
 import { CurrencyDollarIcon } from '@heroicons/react/outline';
-import humanize from '@lib/humanize';
 import { Trans } from '@lingui/macro';
 import type { NewCollectNotification } from 'lens';
 import type { FC } from 'react';
 import getTokenImage from 'utils/getTokenImage';
+import humanize from 'utils/humanize';
 
 interface CollectedAmountProps {
   notification: NewCollectNotification;

apps/web/src/components/Profile/Followerings.tsx

@@ -1,10 +1,10 @@
 import { Modal } from '@components/UI/Modal';
 import { UsersIcon } from '@heroicons/react/outline';
-import humanize from '@lib/humanize';
 import { t, Trans } from '@lingui/macro';
 import type { Profile } from 'lens';
 import type { FC } from 'react';
 import { useState } from 'react';
+import humanize from 'utils/humanize';
 
 import Followers from './Followers';
 import Following from './Following';

apps/web/src/components/Publication/Actions/Analytics/Stats.tsx

@@ -1,13 +1,13 @@
 import Loader from '@components/Shared/Loader';
 import { ErrorMessage } from '@components/UI/ErrorMessage';
 import HelpTooltip from '@components/UI/HelpTooltip';
-import humanize from '@lib/humanize';
 import { t } from '@lingui/macro';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { ERROR_MESSAGE, SIMPLEANALYTICS_API } from 'data/constants';
 import type { Publication } from 'lens';
 import type { FC } from 'react';
+import humanize from 'utils/humanize';
 
 const Stat: FC<{ title: string; helper: string; stat: number }> = ({ title, helper, stat }) => (
   <>

apps/web/src/components/Publication/Actions/Collect/CollectModule.tsx

@@ -21,7 +21,6 @@ import {
 import { CheckCircleIcon } from '@heroicons/react/solid';
 import { formatTime } from '@lib/formatTime';
 import getCoingeckoPrice from '@lib/getCoingeckoPrice';
-import humanize from '@lib/humanize';
 import { Mixpanel } from '@lib/mixpanel';
 import onError from '@lib/onError';
 import splitSignature from '@lib/splitSignature';
@@ -53,6 +52,7 @@ import formatHandle from 'utils/formatHandle';
 import getAssetAddress from 'utils/getAssetAddress';
 import getSignature from 'utils/getSignature';
 import getTokenImage from 'utils/getTokenImage';
+import humanize from 'utils/humanize';
 import { useAccount, useBalance, useContractRead, useContractWrite, useSignTypedData } from 'wagmi';
 
 import Splits from './Splits';

apps/web/src/components/Publication/Actions/Collect/index.tsx

@@ -5,7 +5,6 @@ import GetModuleIcon from '@components/utils/GetModuleIcon';
 import { CollectionIcon } from '@heroicons/react/outline';
 import { CollectionIcon as CollectionIconSolid } from '@heroicons/react/solid';
 import { getModule } from '@lib/getModule';
-import humanize from '@lib/humanize';
 import { Mixpanel } from '@lib/mixpanel';
 import nFormatter from '@lib/nFormatter';
 import { t } from '@lingui/macro';
@@ -16,6 +15,7 @@ import dynamic from 'next/dynamic';
 import type { FC } from 'react';
 import { useEffect, useState } from 'react';
 import { PUBLICATION } from 'src/tracking';
+import humanize from 'utils/humanize';
 
 const CollectModule = dynamic(() => import('./CollectModule'), {
   loading: () => <Loader message={t`Loading collect`} />

apps/web/src/components/Publication/Actions/Comment.tsx

@@ -1,12 +1,12 @@
 import { Tooltip } from '@components/UI/Tooltip';
 import { ChatAlt2Icon } from '@heroicons/react/outline';
-import humanize from '@lib/humanize';
 import nFormatter from '@lib/nFormatter';
 import { t } from '@lingui/macro';
 import { motion } from 'framer-motion';
 import type { Publication } from 'lens';
 import Link from 'next/link';
 import type { FC } from 'react';
+import humanize from 'utils/humanize';
 
 interface CommentProps {
   publication: Publication;

apps/web/src/components/Publication/Actions/Mirror.tsx

@@ -2,7 +2,6 @@ import type { ApolloCache } from '@apollo/client';
 import { Spinner } from '@components/UI/Spinner';
 import { Tooltip } from '@components/UI/Tooltip';
 import { SwitchHorizontalIcon } from '@heroicons/react/outline';
-import humanize from '@lib/humanize';
 import { publicationKeyFields } from '@lib/keyFields';
 import { Mixpanel } from '@lib/mixpanel';
 import nFormatter from '@lib/nFormatter';
@@ -25,6 +24,7 @@ import toast from 'react-hot-toast';
 import { useAppStore } from 'src/store/app';
 import { PUBLICATION } from 'src/tracking';
 import getSignature from 'utils/getSignature';
+import humanize from 'utils/humanize';
 import { useContractWrite, useSignTypedData } from 'wagmi';
 
 interface MirrorProps {

apps/web/src/components/StaffTools/Stats/index.tsx

@@ -14,7 +14,6 @@ import {
 } from '@heroicons/react/outline';
 import { PencilAltIcon } from '@heroicons/react/solid';
 import { getTimeAddedNDayUnix, getTimeMinusNDayUnix } from '@lib/formatTime';
-import humanize from '@lib/humanize';
 import { Mixpanel } from '@lib/mixpanel';
 import { t } from '@lingui/macro';
 import clsx from 'clsx';
@@ -25,6 +24,7 @@ import type { FC, ReactNode } from 'react';
 import { useEffect } from 'react';
 import Custom404 from 'src/pages/404';
 import { PAGEVIEW } from 'src/tracking';
+import humanize from 'utils/humanize';
 
 import StaffToolsSidebar from '../Sidebar';
 

apps/web/src/lib/nFormatter.ts

@@ -1,4 +1,4 @@
-import humanize from './humanize';
+import humanize from 'utils/humanize';
 
 /**
  *

tests/scripts/packages/utils/humanize.spec.ts

@@ -0,0 +1,15 @@
+import { expect, test } from '@playwright/test';
+import humanize from 'utils/humanize';
+
+test.describe('humanize', () => {
+  test('should return comma-separated thousands', () => {
+    expect(humanize(0)).toEqual('0');
+    expect(humanize(10)).toEqual('10');
+    expect(humanize(100)).toEqual('100');
+    expect(humanize(1000)).toEqual('1,000');
+    expect(humanize(10000)).toEqual('10,000');
+    expect(humanize(100000)).toEqual('100,000');
+    expect(humanize(1000000)).toEqual('1,000,000');
+    expect(humanize(123456789)).toEqual('123,456,789');
+  });
+});