import { mount } from '@vue/test-utils';
import SchemaForm, { NumberField } from '../../lib/index';

describe('ObjectField', () => {
  it('should render properties to correct fields', async () => {
    let value = 0;
    const wrapper = mount(SchemaForm, {
      props: {
        schema: {
          type: 'number',
        },
        value: value,
        onChange: (v: number) => {
          value = v;
        },
      },
    });
    const numberField = wrapper.findComponent(NumberField);
    expect(numberField.exists()).toBeTruthy();
    // 给里面的 input 赋值， 并触发 input 事件
    const input = numberField.find('input');
    input.element.value = '100';
    input.trigger('input');
    // numberField 组件输出的最后是一个 number 类型的
    expect(value).toBe(100);
  });
});