unleash.unleash/frontend/src/component/common/PrettifyLargeNumber/PrettifyLargeNumber.test.tsx

import { render } from 'utils/testRenderer';
import { screen } from '@testing-library/react';
import { PrettifyLargeNumber } from './PrettifyLargeNumber';
import { LARGE_NUMBER_PRETTIFIED } from 'utils/testIds';

describe('PrettifyLargeNumber', () => {
    it('should render number with separator for value less than threshold', async () => {
        render(<PrettifyLargeNumber value={999999} threshold={1000000} />);

        const prettifiedText = screen.getByTestId(LARGE_NUMBER_PRETTIFIED);

        expect(prettifiedText.textContent).toHaveLength('999,999'.length);
    });

    it('should render prettified number for value equal to the threshold', async () => {
        render(<PrettifyLargeNumber value={1000000} threshold={1000000} />);

        const prettifiedText = screen.getByTestId(LARGE_NUMBER_PRETTIFIED);

        expect(prettifiedText.textContent).toBe('1M');
    });

    it('should render prettified number for value greater than threshold', async () => {
        render(<PrettifyLargeNumber value={12345678} threshold={1000000} />);

        const prettifiedText = screen.getByTestId(LARGE_NUMBER_PRETTIFIED);

        expect(prettifiedText.textContent).toBe('12.35M');
    });

    it('should render prettified number with tooltip having raw value for value greater than threshold', async () => {
        render(<PrettifyLargeNumber value={12345678} threshold={1000000} />);

        const prettifiedText = screen.getByTestId(LARGE_NUMBER_PRETTIFIED);

        expect(prettifiedText.getAttribute('aria-label')).toHaveLength(
            '12,345,678'.length,
        );
    });

    it('should render prettified number with provided significant figures for value greater than threshold', async () => {
        render(
            <PrettifyLargeNumber
                value={12345678}
                threshold={1000000}
                precision={4}
            />,
        );

        const prettifiedText = screen.getByTestId(LARGE_NUMBER_PRETTIFIED);

        expect(prettifiedText.textContent).toBe('12.3457M');
    });
});