import React from 'react';
import { render, screen } from '@testing-library/react';
import { testComponent } from 'lib/test-utils/common';
import { NumberInput, Props } from '../numberInput';

describe('<NumberInput>', () => {
    const defaultProps: Props = {
        value: '0',
        onChange: vi.fn(),
    };

    testComponent(NumberInput, defaultProps);

    test('applies style', () => {
        render(<NumberInput {...defaultProps} style={{ marginTop: 10 }} />);
        expect(screen.getByTestId('NumberInput')).toHaveStyle({ marginTop: '10px' });
    });
});