import { render, fireEvent } from '@testing-library/vue'
import MetaObjectFieldset from '@/metaform/fieldset/MetaObjectFieldset.vue'

import { ulid } from 'ulid'

async function renderComponent (propsData: any) {
  return render(MetaObjectFieldset, {
    props: propsData
  })
}

describe('BaseButton.vue', () => {
  it('should find input element by label', async () => {
    const { getByLabelText } = await renderComponent({
      template: [
        {
          type: 'string',
          key: 'name',
          label: 'Name',
          inputId: ulid()
        }
      ],
      value: {}
    })
    const input = getByLabelText(/Name/i)
    await fireEvent.update(input, 'Bob')
  })
})