@instructure/ui-file-drop 10.19.2-snapshot-2 → 10.19.2-snapshot-4

package/src/FileDrop/__new-tests__/FileDrop.test.tsx

@@ -1,158 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import { render } from '@testing-library/react'
-import { vi } from 'vitest'
-import { runAxeCheck } from '@instructure/ui-axe-check'
-import '@testing-library/jest-dom'
-
-import { FileDrop } from '../index'
-import { FileDropProps } from '../props'
-
-describe('<FileDrop/>', () => {
-  it('should focus the input when focus is called', async () => {
-    let inputEl: any
-    const { container } = render(
-      <FileDrop
-        renderLabel="filedrop"
-        inputRef={(el: HTMLInputElement | null) => {
-          inputEl = el
-        }}
-      />
-    )
-    const input = container.querySelector('input[class$="-fileDrop__input"]')
-
-    inputEl.focus()
-
-    expect(input).toHaveFocus()
-  })
-
-  it('should provide an inputRef prop', async () => {
-    const inputRef = vi.fn()
-    const { container } = render(
-      <FileDrop renderLabel="filedrop" inputRef={inputRef} />
-    )
-    const input = container.querySelector('input[class$="-fileDrop__input"]')
-
-    expect(inputRef).toHaveBeenCalledWith(input)
-  })
-
-  it('should render', async () => {
-    const { container } = render(<FileDrop renderLabel="fake label" />)
-    const fileDrop = container.querySelector('[class$="-fileDrop__input"]')
-
-    expect(fileDrop).toBeInTheDocument()
-  })
-
-  it('should meet a11y standards', async () => {
-    const { container } = render(<FileDrop renderLabel="fake label" />)
-    const axeCheck = await runAxeCheck(container)
-    expect(axeCheck).toBe(true)
-  })
-
-  describe('interactions', async () => {
-    it('should functionally disable the input if `interaction` is set to disabled', async () => {
-      const { container } = render(
-        <FileDrop renderLabel="Some label" interaction="disabled" />
-      )
-      const fileDrop = container.querySelector('[class$="-fileDrop__input"]')
-
-      expect(fileDrop).toBeDisabled()
-    })
-
-    it('should functionally disable the input if `disabled` is set', async () => {
-      const { container } = render(
-        <FileDrop renderLabel="Some label" disabled />
-      )
-      const fileDrop = container.querySelector('[class$="-fileDrop__input"]')
-
-      expect(fileDrop).toBeDisabled()
-    })
-
-    it('should functionally disable the input if `interaction` is set to readonly', async () => {
-      const { container } = render(
-        <FileDrop renderLabel="Some label" interaction="readonly" />
-      )
-      const fileDrop = container.querySelector('[class$="-fileDrop__input"]')
-
-      expect(fileDrop).toBeDisabled()
-    })
-
-    it('should functionally disable the input if `readOnly` is set', async () => {
-      const { container } = render(
-        <FileDrop renderLabel="Some label" readOnly />
-      )
-      const fileDrop = container.querySelector('[class$="-fileDrop__input"]')
-
-      expect(fileDrop).toBeDisabled()
-    })
-  })
-
-  describe('label handling', async () => {
-    it('renders element label directly', async () => {
-      const label = <section id="test-id">This is an element label</section>
-      const { container } = render(<FileDrop renderLabel={label} />)
-
-      const renderedLabel = container.querySelector('[id="test-id"]')
-
-      expect(renderedLabel).toBeInTheDocument()
-    })
-
-    it('passes isDragAccepted and isDragRejected boolean props to component label', async () => {
-      type RenderLabelProps = {
-        isDragAccepted: boolean
-        isDragRejected: boolean
-        interaction?: string
-      }
-      let result: RenderLabelProps = {} as RenderLabelProps
-      const label: FileDropProps['renderLabel'] = (props) => {
-        result = { ...props }
-        return null
-      }
-
-      render(<FileDrop renderLabel={label} />)
-
-      expect(typeof result.isDragAccepted).toBe('boolean')
-      expect(typeof result.isDragRejected).toBe('boolean')
-    })
-
-    it(`label component's props are false by default`, async () => {
-      type RenderLabelProps = {
-        isDragAccepted: boolean
-        isDragRejected: boolean
-        interaction?: string
-      }
-      let result: RenderLabelProps = {} as RenderLabelProps
-      const label: FileDropProps['renderLabel'] = (props) => {
-        result = { ...props }
-        return null
-      }
-
-      render(<FileDrop renderLabel={label} />)
-
-      expect(result.isDragAccepted).toBe(false)
-      expect(result.isDragRejected).toBe(false)
-    })
-  })
-})

package/src/FileDrop/utils/__new-tests__/accepts.test.tsx

@@ -1,72 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-import { expect } from 'vitest'
-import { accepts } from '../accepts'
-
-describe('accepts', () => {
-  const dropImage = new File([], 'whale whale whale.jpg', {
-    type: 'image/jpeg'
-  })
-  const dropFile = new File([], 'whale oil production.pdf', {
-    type: 'application/pdf'
-  })
-  const chromeDragEnterFile = new File([], '', { type: 'image/jpeg' })
-  const firefoxDragEnterFile = new File([], '', {
-    type: 'application/x-moz-file'
-  })
-
-  it('should take image/* to mean any image type', () => {
-    expect(accepts(dropImage, 'image/*')).toBe(true)
-  })
-
-  it('should reject anything that is not an image, given image/*', () => {
-    expect(accepts(dropFile, 'image/*')).toBe(false)
-  })
-
-  it('should match the exact file extensions given', () => {
-    expect(accepts(dropImage, '.jpg')).toBe(true)
-    expect(accepts(dropImage, '.jpg, .png')).toBe(true)
-    expect(accepts(dropImage, '.png')).toBe(false)
-    expect(accepts(dropFile, '.jpg, .pdf')).toBe(true)
-    expect(accepts(dropFile, '.jpg, .pdf')).toBe(true)
-  })
-
-  it('should handle chrome dragenter file data', () => {
-    expect(accepts(chromeDragEnterFile, 'image/*')).toBe(true)
-    expect(accepts(chromeDragEnterFile, '.jpeg')).toBe(true)
-    expect(accepts(chromeDragEnterFile, '.png')).not.toBe(true)
-    expect(accepts(chromeDragEnterFile, '.pdf')).not.toBe(true)
-  })
-
-  it(`should always be true for firefox's dragenter file data`, () => {
-    expect(accepts(firefoxDragEnterFile, 'image/*')).toBe(true)
-    expect(accepts(firefoxDragEnterFile, '.jpeg')).toBe(true)
-    expect(accepts(firefoxDragEnterFile, '.png')).toBe(true)
-    expect(accepts(firefoxDragEnterFile, '.pdf')).toBe(true)
-  })
-
-  it('allows extensions without leading dot', () => {
-    expect(accepts(dropImage, 'jpg, png')).toBe(true)
-  })
-})

package/src/FileDrop/utils/__new-tests__/getEventFiles.test.tsx

@@ -1,86 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import React from 'react'
-import { expect } from 'vitest'
-import { getEventFiles } from '../getEventFiles'
-
-describe('getEventFiles', () => {
-  const chromeDragEnter = {
-    dataTransfer: {
-      dropEffect: 'none',
-      effectAllowed: 'all',
-      files: [],
-      items: [
-        {
-          kind: 'file',
-          type: 'image/jpeg'
-        }
-      ],
-      types: ['Files']
-    }
-  }
-
-  const firefoxDragEnter = {
-    dataTransfer: {
-      dropEffect: 'move',
-      effectAllowed: 'uninitialized',
-      files: [],
-      items: [
-        {
-          kind: 'file',
-          type: 'application/x-moz-file'
-        }
-      ],
-      types: ['application/x-moz-file', 'Files']
-    }
-  }
-
-  const safariDragEnter = {
-    dataTransfer: {
-      dropEffect: 'none',
-      effectAllowed: 'all',
-      files: [],
-      types: []
-    }
-  }
-
-  it('should return items on chrome dragenter event', () => {
-    expect(
-      getEventFiles(chromeDragEnter as unknown as React.DragEvent)
-    ).toEqual(chromeDragEnter.dataTransfer.items)
-  })
-
-  it('should return items on a firefox dragenter event', () => {
-    expect(
-      getEventFiles(firefoxDragEnter as unknown as React.DragEvent)
-    ).toEqual(firefoxDragEnter.dataTransfer.items)
-  })
-
-  it('should return empty array on a safari dragenter event', () => {
-    expect(
-      getEventFiles(safariDragEnter as unknown as React.DragEvent).length
-    ).toEqual(0)
-  })
-})

package/types/FileDrop/__new-tests__/FileDrop.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=FileDrop.test.d.ts.map

package/types/FileDrop/__new-tests__/FileDrop.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileDrop.test.d.ts","sourceRoot":"","sources":["../../../src/FileDrop/__new-tests__/FileDrop.test.tsx"],"names":[],"mappings":"AA2BA,OAAO,2BAA2B,CAAA"}

package/types/FileDrop/utils/__new-tests__/accepts.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=accepts.test.d.ts.map

package/types/FileDrop/utils/__new-tests__/accepts.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accepts.test.d.ts","sourceRoot":"","sources":["../../../../src/FileDrop/utils/__new-tests__/accepts.test.tsx"],"names":[],"mappings":""}

package/types/FileDrop/utils/__new-tests__/getEventFiles.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=getEventFiles.test.d.ts.map

package/types/FileDrop/utils/__new-tests__/getEventFiles.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getEventFiles.test.d.ts","sourceRoot":"","sources":["../../../../src/FileDrop/utils/__new-tests__/getEventFiles.test.tsx"],"names":[],"mappings":""}