@gitlab/ui 92.2.0 → 92.3.0

package/src/vendor/bootstrap-vue/src/components/form-file/form-file.spec.js

@@ -1,885 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { waitNT, waitRAF } from '../../../tests/utils'
-import { BFormFile } from './form-file'
-
-describe('form-file', () => {
-  it('default has expected structure, classes and attributes', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo'
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('DIV')
-    expect(wrapper.classes()).toContain('custom-file')
-    expect(wrapper.attributes('id')).toBeDefined()
-    expect(wrapper.attributes('id')).toBe('foo__BV_file_outer_')
-
-    const $input = wrapper.find('input')
-    expect($input).toBeDefined()
-    expect($input.classes()).toContain('custom-file-input')
-    expect($input.attributes('type')).toBeDefined()
-    expect($input.attributes('type')).toBe('file')
-    expect($input.attributes('id')).toBeDefined()
-    expect($input.attributes('id')).toBe('foo')
-    expect($input.attributes('multiple')).toBeUndefined()
-    expect($input.attributes('disabled')).toBeUndefined()
-    expect($input.attributes('required')).toBeUndefined()
-    expect($input.attributes('aria-required')).toBeUndefined()
-    expect($input.attributes('capture')).toBeUndefined()
-    expect($input.attributes('accept')).toBeUndefined()
-    expect($input.attributes('name')).toBeUndefined()
-
-    const label = wrapper.find('label')
-    expect(label).toBeDefined()
-    expect(label.classes()).toContain('custom-file-label')
-    expect(label.attributes('for')).toBeDefined()
-    expect(label.attributes('for')).toBe('foo')
-
-    wrapper.destroy()
-  })
-
-  it('default has input attribute multiple when multiple=true', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        multiple: true
-      }
-    })
-
-    const $input = wrapper.find('input')
-    expect($input.attributes('multiple')).toBeDefined()
-
-    wrapper.destroy()
-  })
-
-  it('default has input attribute required when required=true', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        required: true
-      }
-    })
-
-    const $input = wrapper.find('input')
-    expect($input.attributes('required')).toBeDefined()
-    expect($input.attributes('aria-required')).toBeDefined()
-    expect($input.attributes('aria-required')).toBe('true')
-
-    wrapper.destroy()
-  })
-
-  it('default has input attribute disabled when disabled=true', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        disabled: true
-      }
-    })
-
-    const $input = wrapper.find('input')
-    expect($input.attributes('disabled')).toBeDefined()
-
-    wrapper.destroy()
-  })
-
-  it('default has input attribute capture when capture=true', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        capture: true
-      }
-    })
-
-    const $input = wrapper.find('input')
-    expect($input.attributes('capture')).toBeDefined()
-
-    wrapper.destroy()
-  })
-
-  it('default has input attribute accept when accept is set', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        accept: 'image/*'
-      }
-    })
-
-    const $input = wrapper.find('input')
-    expect($input.attributes('accept')).toBeDefined()
-    expect($input.attributes('accept')).toBe('image/*')
-
-    wrapper.destroy()
-  })
-
-  it('default has input attribute name when name is set', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        name: 'bar'
-      }
-    })
-
-    const $input = wrapper.find('input')
-    expect($input.attributes('name')).toBeDefined()
-    expect($input.attributes('name')).toBe('bar')
-
-    wrapper.destroy()
-  })
-
-  it('default has input attribute form when form is set', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        form: 'bar'
-      }
-    })
-
-    const $input = wrapper.find('input')
-    expect($input.attributes('form')).toBeDefined()
-    expect($input.attributes('form')).toBe('bar')
-
-    wrapper.destroy()
-  })
-
-  it('default has custom attributes transferred input element', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        foo: 'bar'
-      }
-    })
-
-    const $input = wrapper.find('input')
-    expect($input.attributes('foo')).toBeDefined()
-    expect($input.attributes('foo')).toEqual('bar')
-
-    wrapper.destroy()
-  })
-
-  it('default has class focus when input focused', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo'
-      }
-    })
-
-    const $input = wrapper.find('input')
-    expect($input).toBeDefined()
-    expect($input.classes()).not.toContain('focus')
-
-    await $input.trigger('focusin')
-    expect($input.classes()).toContain('focus')
-
-    await $input.trigger('focusout')
-    expect($input.classes()).not.toContain('focus')
-
-    wrapper.destroy()
-  })
-
-  it('has no wrapper div or label when plain=true', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        plain: true
-      }
-    })
-
-    expect(wrapper.element.tagName).toBe('INPUT')
-    expect(wrapper.attributes('type')).toBeDefined()
-    expect(wrapper.attributes('type')).toBe('file')
-    expect(wrapper.attributes('id')).toBeDefined()
-    expect(wrapper.attributes('id')).toBe('foo')
-    expect(wrapper.attributes('multiple')).toBeUndefined()
-
-    wrapper.destroy()
-  })
-
-  it('emits input event when file changed', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo'
-      }
-    })
-
-    const file = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-
-    // Emulate the files array
-    wrapper.vm.setFiles([file])
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(file)
-
-    // Setting to same array of files should not emit event
-    wrapper.vm.setFiles([file])
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-
-    wrapper.destroy()
-  })
-
-  it('emits input event when files changed in multiple mode', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        multiple: true
-      }
-    })
-
-    const file1 = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-    const file2 = new File(['foobar'], 'foobar.txt', {
-      type: 'text/plain',
-      lastModified: Date.now() - 1000
-    })
-    const files = [file1, file2]
-
-    // Emulate the files array
-    wrapper.vm.setFiles(files)
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(files)
-
-    // Setting to same array of files should not emit event
-    wrapper.vm.setFiles(files)
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-
-    // Setting to new array of same files should not emit event
-    wrapper.vm.setFiles([file1, file2])
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input').length).toEqual(1)
-
-    // Setting to array of new files should emit event
-    wrapper.vm.setFiles(files.slice().reverse())
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input').length).toEqual(2)
-    expect(wrapper.emitted('input')[1][0]).toEqual(files.slice().reverse())
-
-    wrapper.destroy()
-  })
-
-  it('emits input event when files changed in directory mode', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        multiple: true,
-        directory: true
-      }
-    })
-
-    const file1 = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-    const file2 = new File(['bar'], 'bar.txt', {
-      type: 'text/plain',
-      lastModified: Date.now() - 1000
-    })
-    const file3 = new File(['baz'], 'baz.txt', {
-      type: 'text/plain',
-      lastModified: Date.now() - 2000
-    })
-    const files = [[file1, file2], file3]
-
-    // Emulate the files array
-    wrapper.vm.setFiles(files)
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(files)
-
-    // Setting to same array of files should not emit event
-    wrapper.vm.setFiles(files)
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-
-    // Setting to new array of same files should not emit event
-    wrapper.vm.setFiles([[file1, file2], file3])
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input').length).toEqual(1)
-
-    // Setting to array of new files should emit event
-    wrapper.vm.setFiles(files.slice().reverse())
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input').length).toEqual(2)
-    expect(wrapper.emitted('input')[1][0]).toEqual(files.slice().reverse())
-
-    wrapper.destroy()
-  })
-
-  it('emits flat files array when `no-traverse` prop set', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        multiple: true,
-        directory: true,
-        noTraverse: true
-      }
-    })
-
-    const file1 = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-    const file2 = new File(['bar'], 'bar.txt', {
-      type: 'text/plain',
-      lastModified: Date.now() - 1000
-    })
-    const file3 = new File(['baz'], 'baz.txt', {
-      type: 'text/plain',
-      lastModified: Date.now() - 2000
-    })
-    const files = [[file1, file2], file3]
-
-    wrapper.vm.setFiles(files)
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual([file1, file2, file3])
-
-    wrapper.destroy()
-  })
-
-  it('native change event works', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo'
-      }
-    })
-
-    const file1 = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-
-    // Emulate the files array
-    wrapper.vm.setFiles([file1])
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('change')).toBeUndefined()
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(file1)
-
-    const $input = wrapper.find('input')
-    $input.element.value = ''
-    await $input.trigger('change')
-    expect(wrapper.emitted('change').length).toEqual(1)
-    expect(wrapper.emitted('input').length).toEqual(2)
-    expect(wrapper.emitted('input')[1][0]).toEqual(null)
-
-    wrapper.destroy()
-  })
-
-  it('reset() method works in single mode', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        multiple: false
-      }
-    })
-
-    const file1 = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-    const files = [file1]
-
-    // Emulate the files array
-    wrapper.vm.setFiles(files)
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(file1)
-
-    wrapper.vm.reset()
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input').length).toEqual(2)
-    expect(wrapper.emitted('input')[1][0]).toEqual(null)
-
-    wrapper.destroy()
-  })
-
-  it('reset() method works in multiple mode', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        multiple: true
-      }
-    })
-
-    const file1 = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-    const file2 = new File(['<html><body></body></html>'], 'bar.html', {
-      type: 'text/html',
-      lastModified: Date.now() - 500
-    })
-    const files = [file1, file2]
-
-    // Emulate the files array
-    wrapper.vm.setFiles(files)
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(files)
-
-    wrapper.vm.reset()
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input').length).toEqual(2)
-    expect(wrapper.emitted('input')[1][0]).toEqual([])
-
-    wrapper.destroy()
-  })
-
-  it('reset works in single mode by setting value', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        value: null
-      }
-    })
-
-    const file1 = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-
-    // Emulate the files array
-    wrapper.vm.setFiles([file1])
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(file1)
-
-    await wrapper.setProps({ value: null })
-    expect(wrapper.emitted('input').length).toEqual(1)
-
-    wrapper.destroy()
-  })
-
-  it('reset works in multiple mode by setting value', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        value: [],
-        multiple: true
-      }
-    })
-
-    const file1 = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-    const file2 = new File(['foo bar'], 'foobar.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-    const files = [file1, file2]
-
-    // Emulate the files array
-    wrapper.vm.setFiles(files)
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(files)
-
-    await wrapper.setProps({ value: null })
-    expect(wrapper.emitted('input').length).toEqual(2)
-    expect(wrapper.emitted('input')[1][0]).toEqual([])
-
-    wrapper.vm.setFiles(files)
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input').length).toEqual(3)
-    expect(wrapper.emitted('input')[2][0]).toEqual(files)
-
-    await wrapper.setProps({ value: [] })
-    expect(wrapper.emitted('input').length).toEqual(4)
-    expect(wrapper.emitted('input')[3][0]).toEqual([])
-
-    wrapper.destroy()
-  })
-
-  it('native reset event works', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        value: null
-      }
-    })
-
-    const file1 = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-
-    // Emulate the files array
-    wrapper.vm.setFiles([file1])
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(file1)
-
-    await wrapper.find('input').trigger('reset')
-    expect(wrapper.emitted('input').length).toEqual(2)
-    expect(wrapper.emitted('input')[1][0]).toEqual(null)
-
-    wrapper.destroy()
-  })
-
-  it('form native reset event triggers BFormFile reset', async () => {
-    const App = {
-      render(h) {
-        return h('form', {}, [h(BFormFile, { id: 'foo' })])
-      }
-    }
-    const wrapper = mount(App, {
-      attachTo: document.body
-    })
-
-    const file = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-
-    expect(wrapper.element.tagName).toBe('FORM')
-    const formFile = wrapper.findComponent(BFormFile)
-    expect(formFile.exists()).toBe(true)
-
-    // Emulate the files array
-    formFile.vm.setFiles([file])
-    await waitNT(wrapper.vm)
-    expect(formFile.emitted('input')).toBeDefined()
-    expect(formFile.emitted('input').length).toEqual(1)
-    expect(formFile.emitted('input')[0][0]).toEqual(file)
-
-    // Trigger form's native reset event
-    wrapper.find('form').trigger('reset')
-    await waitNT(wrapper.vm)
-    expect(formFile.emitted('input').length).toEqual(2)
-    expect(formFile.emitted('input')[1][0]).toEqual(null)
-
-    wrapper.destroy()
-  })
-
-  it('file-name-formatter works', async () => {
-    let called = false
-    let filesArray = null
-    let filesTraversedArray = null
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        fileNameFormatter: (files, filesTraversed) => {
-          called = true
-          filesArray = files
-          filesTraversedArray = filesTraversed
-          return 'some files'
-        }
-      }
-    })
-    const file = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-
-    // Emulate the files array
-    wrapper.vm.setFiles([file])
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(file)
-
-    // Formatter should have been called, and passed two arrays
-    expect(called).toBe(true)
-    expect(Array.isArray(filesArray)).toBe(true)
-    expect(filesArray).toEqual([file])
-    expect(Array.isArray(filesTraversedArray)).toBe(true)
-    expect(filesTraversedArray).toEqual([file])
-    // Should have our custom formatted "filename"
-    expect(wrapper.find('label').text()).toContain('some files')
-
-    wrapper.destroy()
-  })
-
-  it('file-name slot works', async () => {
-    let slotScope = null
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo'
-      },
-      scopedSlots: {
-        'file-name': scope => {
-          slotScope = scope
-          return 'foobar'
-        }
-      }
-    })
-    const file = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-
-    // Emulate the files array
-    wrapper.vm.setFiles([file])
-    await waitNT(wrapper.vm)
-    expect(wrapper.emitted('input')).toBeDefined()
-    expect(wrapper.emitted('input').length).toEqual(1)
-    expect(wrapper.emitted('input')[0][0]).toEqual(file)
-
-    // Scoped slot should have been called, with expected scope
-    expect(slotScope).toEqual({ files: [file], filesTraversed: [file], names: [file.name] })
-    // Should have our custom formatted "filename"
-    expect(wrapper.find('label').text()).toContain('foobar')
-
-    wrapper.destroy()
-  })
-
-  it('drag placeholder and drop works', async () => {
-    const wrapper = mount(BFormFile, {
-      propsData: {
-        id: 'foo',
-        placeholder: 'PLACEHOLDER',
-        dropPlaceholder: 'DROP_HERE',
-        noDropPlaceholder: 'NO_DROP_HERE',
-        noDrop: true
-      }
-    })
-
-    const file = new File(['foo'], 'foo.txt', {
-      type: 'text/plain',
-      lastModified: Date.now()
-    })
-
-    expect(wrapper.vm).toBeDefined()
-    const $label = wrapper.find('label')
-    expect($label.exists()).toBe(true)
-    expect($label.text()).toContain('PLACEHOLDER')
-    expect($label.text()).not.toContain('DROP_HERE')
-
-    await wrapper.trigger('dragenter')
-    expect($label.text()).toContain('PLACEHOLDER')
-    expect($label.text()).not.toContain('DROP_HERE')
-
-    await wrapper.trigger('dragover')
-    expect($label.text()).toContain('PLACEHOLDER')
-    expect($label.text()).not.toContain('DROP_HERE')
-
-    await wrapper.trigger('drop', {
-      dataTransfer: {
-        files: [file]
-      }
-    })
-    expect($label.text()).toContain('PLACEHOLDER')
-    expect($label.text()).not.toContain('DROP_HERE')
-    expect($label.text()).not.toContain(file.name)
-
-    await wrapper.setProps({ noDrop: false })
-    expect($label.text()).toContain('PLACEHOLDER')
-    expect($label.text()).not.toContain('DROP_HERE')
-
-    await wrapper.trigger('dragenter')
-    expect($label.text()).not.toContain('PLACEHOLDER')
-    expect($label.text()).toContain('NO_DROP_HERE')
-
-    await wrapper.trigger('dragover')
-    expect($label.text()).not.toContain('PLACEHOLDER')
-    expect($label.text()).toContain('NO_DROP_HERE')
-
-    await wrapper.trigger('dragleave')
-    expect($label.text()).toContain('PLACEHOLDER')
-    expect($label.text()).not.toContain('DROP_HERE')
-
-    await wrapper.trigger('dragover')
-    expect($label.text()).not.toContain('PLACEHOLDER')
-    expect($label.text()).toContain('DROP_HERE')
-
-    await wrapper.trigger('drop', {
-      dataTransfer: {
-        files: [file]
-      }
-    })
-    await waitNT(wrapper.vm)
-    expect($label.text()).not.toContain('PLACEHOLDER')
-    expect($label.text()).not.toContain('DROP_HERE')
-    expect($label.text()).toContain(file.name)
-
-    wrapper.destroy()
-  })
-
-  // These tests are wrapped in a new describe to limit the scope of the getBCR Mock
-  describe('prop `autofocus`', () => {
-    const origGetBCR = Element.prototype.getBoundingClientRect
-
-    beforeEach(() => {
-      // Mock `getBoundingClientRect()` so that the `isVisible(el)` test returns `true`
-      // In our test below, all pagination buttons would normally be visible
-      Element.prototype.getBoundingClientRect = jest.fn(() => ({
-        width: 24,
-        height: 24,
-        top: 0,
-        left: 0,
-        bottom: 0,
-        right: 0
-      }))
-    })
-
-    afterEach(() => {
-      // Restore prototype
-      Element.prototype.getBoundingClientRect = origGetBCR
-    })
-
-    it('works when true', async () => {
-      const wrapper = mount(BFormFile, {
-        attachTo: document.body,
-        propsData: {
-          autofocus: true
-        }
-      })
-
-      expect(wrapper.vm).toBeDefined()
-      await waitNT(wrapper.vm)
-      await waitRAF()
-
-      const $input = wrapper.find('input')
-      expect($input.exists()).toBe(true)
-      expect(document).toBeDefined()
-      expect(document.activeElement).toBe($input.element)
-
-      wrapper.destroy()
-    })
-  })
-
-  describe('accept methods', () => {
-    // Faked files (needs name and type properties only)
-    const fileText = { name: 'file.txt', type: 'text/plain' }
-    const fileHtml = { name: 'file.html', type: 'text/html' }
-    const fileJson = { name: 'file.json', type: 'application/json' }
-    const filePng = { name: 'file.png', type: 'image/png' }
-
-    it('isFileValid() works with accept not set', async () => {
-      const wrapper = mount(BFormFile)
-
-      const vm = wrapper.vm
-      expect(vm.isFileValid(fileText)).toBe(true)
-      expect(vm.isFileValid(fileHtml)).toBe(true)
-      expect(vm.isFileValid(fileJson)).toBe(true)
-      expect(vm.isFileValid(filePng)).toBe(true)
-      expect(vm.isFileValid()).toBe(false)
-
-      wrapper.destroy()
-    })
-
-    it('isFileValid() works with accept set to single extension', async () => {
-      const wrapper = mount(BFormFile, {
-        propsData: {
-          accept: '.txt'
-        }
-      })
-
-      const vm = wrapper.vm
-      expect(vm.isFileValid(fileText)).toBe(true)
-      expect(vm.isFileValid(fileHtml)).toBe(false)
-      expect(vm.isFileValid(fileJson)).toBe(false)
-      expect(vm.isFileValid(filePng)).toBe(false)
-      expect(vm.isFileValid()).toBe(false)
-
-      wrapper.destroy()
-    })
-
-    it('isFileValid() works with accept set to multiple extensions', async () => {
-      const wrapper = mount(BFormFile, {
-        propsData: {
-          accept: '.txt,.html, .png'
-        }
-      })
-
-      const vm = wrapper.vm
-      expect(vm.isFileValid(fileText)).toBe(true)
-      expect(vm.isFileValid(fileHtml)).toBe(true)
-      expect(vm.isFileValid(fileJson)).toBe(false)
-      expect(vm.isFileValid(filePng)).toBe(true)
-      expect(vm.isFileValid()).toBe(false)
-
-      wrapper.destroy()
-    })
-
-    it('isFileValid() works with accept set to single mime type', async () => {
-      const wrapper = mount(BFormFile, {
-        propsData: {
-          accept: 'text/plain'
-        }
-      })
-
-      const vm = wrapper.vm
-      expect(vm.isFileValid(fileText)).toBe(true)
-      expect(vm.isFileValid(fileHtml)).toBe(false)
-      expect(vm.isFileValid(fileJson)).toBe(false)
-      expect(vm.isFileValid(filePng)).toBe(false)
-      expect(vm.isFileValid()).toBe(false)
-
-      wrapper.destroy()
-    })
-
-    it('isFileValid() works with accept set to single wildcard mime type', async () => {
-      const wrapper = mount(BFormFile, {
-        propsData: {
-          accept: 'text/*'
-        }
-      })
-
-      const vm = wrapper.vm
-      expect(vm.isFileValid(fileText)).toBe(true)
-      expect(vm.isFileValid(fileHtml)).toBe(true)
-      expect(vm.isFileValid(fileJson)).toBe(false)
-      expect(vm.isFileValid(filePng)).toBe(false)
-      expect(vm.isFileValid()).toBe(false)
-
-      wrapper.destroy()
-    })
-
-    it('isFileValid() works with accept set to multiple mime types', async () => {
-      const wrapper = mount(BFormFile, {
-        propsData: {
-          accept: 'text/*, application/json'
-        }
-      })
-
-      const vm = wrapper.vm
-      expect(vm.isFileValid(fileText)).toBe(true)
-      expect(vm.isFileValid(fileHtml)).toBe(true)
-      expect(vm.isFileValid(fileJson)).toBe(true)
-      expect(vm.isFileValid(filePng)).toBe(false)
-      expect(vm.isFileValid()).toBe(false)
-
-      wrapper.destroy()
-    })
-
-    it('isFileValid() works with accept set to mime and extension', async () => {
-      const wrapper = mount(BFormFile, {
-        propsData: {
-          accept: '.png, application/json'
-        }
-      })
-
-      const vm = wrapper.vm
-      expect(vm.isFileValid(fileText)).toBe(false)
-      expect(vm.isFileValid(fileHtml)).toBe(false)
-      expect(vm.isFileValid(fileJson)).toBe(true)
-      expect(vm.isFileValid(filePng)).toBe(true)
-      expect(vm.isFileValid()).toBe(false)
-
-      wrapper.destroy()
-    })
-  })
-})