text: import React from 'react';
  import renderer from 'react-test-renderer';
  import Adapter from 'enzyme-adapter-react-16';
  import { configure, mount } from 'enzyme';
  
  import {
    Form,
    Field,
    Button,
  } from '../../../../src';
  import { telInputNoRules } from '../../../fixtures';
  
  configure({ adapter: new Adapter() });
  
  test('Render Form with tel input | tel input no rules', () => {
    const myComponent = (
      <Form>
        <div>
          <div>tel</div>
          <Field type="tel" id="tel" />
        </div>
        <div>
          <Button id="submit" type="submit" onClick={(state) => state}>submit</Button>
        </div>
      </Form>
    );
  
    const tree = renderer.create(myComponent).toJSON();
    const wrapper = mount(myComponent);
    const state = wrapper.state();
  
    expect(state).toEqual(telInputNoRules);
    expect(tree).toMatchSnapshot();
  });
  