test(numberfield): remove obsolete testid

Author: arturbien

src/components/NumberField/NumberField.js

@@ -140,7 +140,6 @@ const NumberField = React.forwardRef(function NumberField(props, ref) {
         type='number'
         ref={ref}
         width='100%'
-        data-testid='input'
         onBlur={onBlur}
       />
       <StyledButtonWrapper isFlat={variant === 'flat'}>

src/components/NumberField/NumberField.spec.js

@@ -38,10 +38,10 @@ describe('<NumberField />', () => {
   it('should not call onChange on blur, when clicked element is one of the spin buttons', () => {
     const handleChange = jest.fn();
 
-    const { getByTestId } = renderWithTheme(
+    const { getByTestId, container } = renderWithTheme(
       <NumberField onChange={handleChange} value={0} />
     );
-    const input = getByTestId('input');
+    const input = container.querySelector('input');
     const incrementButton = getByTestId('increment');
 
     input.focus();
@@ -53,21 +53,21 @@ describe('<NumberField />', () => {
   });
 
   it('should reach max value', () => {
-    const { getByTestId } = renderWithTheme(
+    const { getByTestId, container } = renderWithTheme(
       <NumberField defaultValue={90} min={0} max={100} step={10} />
     );
-    const input = getByTestId('input');
+    const input = container.querySelector('input');
     const incrementButton = getByTestId('increment');
     incrementButton.click();
 
     expect(input.value).toBe('100');
   });
 
   it('should reach min value', () => {
-    const { getByTestId } = renderWithTheme(
+    const { getByTestId, container } = renderWithTheme(
       <NumberField defaultValue={10} min={0} max={100} step={10} />
     );
-    const input = getByTestId('input');
+    const input = container.querySelector('input');
     const decrementButton = getByTestId('decrement');
     decrementButton.click();
 
@@ -76,30 +76,32 @@ describe('<NumberField />', () => {
 
   describe('prop: step', () => {
     it('should be 1 by default', () => {
-      const { getByTestId } = renderWithTheme(<NumberField defaultValue={0} />);
-      const input = getByTestId('input');
+      const { getByTestId, container } = renderWithTheme(
+        <NumberField defaultValue={0} />
+      );
+      const input = container.querySelector('input');
       const incrementButton = getByTestId('increment');
       incrementButton.click();
 
       expect(input.value).toBe('1');
     });
 
     it('should change value by specified step', () => {
-      const { getByTestId } = renderWithTheme(
+      const { getByTestId, container } = renderWithTheme(
         <NumberField defaultValue={10} step={3} />
       );
-      const input = getByTestId('input');
+      const input = container.querySelector('input');
       const decrementButton = getByTestId('decrement');
       decrementButton.click();
 
       expect(input.value).toBe('7');
     });
 
     it('should handle decimal step', () => {
-      const { getByTestId } = renderWithTheme(
+      const { getByTestId, container } = renderWithTheme(
         <NumberField defaultValue={10} step={0.3} />
       );
-      const input = getByTestId('input');
+      const input = container.querySelector('input');
       const decrementButton = getByTestId('decrement');
       decrementButton.click();
 
@@ -109,10 +111,10 @@ describe('<NumberField />', () => {
 
   describe('prop: disabled', () => {
     it('should render disabled', () => {
-      const { getByTestId } = renderWithTheme(
+      const { getByTestId, container } = renderWithTheme(
         <NumberField defaultValue={10} disabled />
       );
-      const input = getByTestId('input');
+      const input = container.querySelector('input');
       const incrementButton = getByTestId('increment');
       const decrementButton = getByTestId('decrement');
 
@@ -122,10 +124,10 @@ describe('<NumberField />', () => {
     });
 
     it('should not react to button clicks', () => {
-      const { getByTestId } = renderWithTheme(
+      const { getByTestId, container } = renderWithTheme(
         <NumberField defaultValue={10} disabled />
       );
-      const input = getByTestId('input');
+      const input = container.querySelector('input');
       const incrementButton = getByTestId('increment');
       const decrementButton = getByTestId('decrement');