|
|
@ -27,11 +27,77 @@ describe('shortNumberFormat', () => {
|
|
|
|
|
|
|
|
|
|
|
|
test('formats numbers under 1,000,000', () => {
|
|
|
|
test('formats numbers under 1,000,000', () => {
|
|
|
|
render(<div data-testid='num'>{shortNumberFormat(5555)}</div>, undefined, null);
|
|
|
|
render(<div data-testid='num'>{shortNumberFormat(5555)}</div>, undefined, null);
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('5.6K');
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('5.55k');
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
test('formats numbers over 1,000,000', () => {
|
|
|
|
test('formats numbers over 1,000,000', () => {
|
|
|
|
render(<div data-testid='num'>{shortNumberFormat(5555555)}</div>, undefined, null);
|
|
|
|
render(<div data-testid='num'>{shortNumberFormat(5555555)}</div>, undefined, null);
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('5.6M');
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('5.55M');
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
test('formats a multitude of numbers', () => {
|
|
|
|
|
|
|
|
let result = render(<div data-testid='num'>{shortNumberFormat(0)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('0');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(1)}</div>);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('1');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(999)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('999');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(1000)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('1k');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(1001)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('1k');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(1005)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('1k');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(1006)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('1k');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(1010)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('1.01k');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(1530)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('1.53k');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(10530)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('10.5k');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(999500)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('999k');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(999999)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('999k');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(999499)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('999k');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(1000000)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('1M');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(3905558)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('3.9M');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
result = render(<div data-testid='num'>{shortNumberFormat(1031511)}</div>, undefined, null);
|
|
|
|
|
|
|
|
expect(screen.getByTestId('num')).toHaveTextContent('1.03M');
|
|
|
|
|
|
|
|
result.unmount();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|