@veritone-ce/design-system 1.12.14 → 1.12.16

package/dist/components/FileUploader/__tests__/FileUploader.test.js

@@ -1,236 +1,226 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+var _helpers = require("../../../utils/tests/helpers");
+var _react = require("@testing-library/react");
+var axios = _interopRequireWildcard(require("axios"));
+var _ = _interopRequireDefault(require(".."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* eslint-disable @typescript-eslint/ban-ts-comment */
-import { render } from '../../../utils/tests/helpers';
-import { fireEvent, screen, act, waitFor } from '@testing-library/react';
-import * as axios from 'axios';
-import FileUploader from '..';
+
 jest.mock('axios');
 const mockedAxios = axios;
 describe('<FileUploader />', () => {
-    it('should render the FileUploader component', () => {
-        render(_jsx(FileUploader, {}));
-        expect(screen.getByTestId('file-uploader')).toBeInTheDocument();
-    });
-    it('should simulate a drop a file without upload link', () => __awaiter(void 0, void 0, void 0, function* () {
-        render(_jsx(FileUploader, {}));
-        const dropzone = screen.getByTestId('dropzone');
-        const exampleFile = new File(['file'], 'image.png', {
-            type: 'image/png'
-        });
-        Object.defineProperty(dropzone, 'files', {
-            value: [exampleFile]
-        });
-        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
-            fireEvent.drop(dropzone);
-        }));
-    }));
-    it('should simulate a drop a file with upload link and upload error', () => __awaiter(void 0, void 0, void 0, function* () {
-        const onError = jest.fn();
-        render(_jsx(FileUploader, { uploadUrl: "testing", onError: onError }));
-        const dropzone = screen.getByTestId('dropzone');
-        const exampleFile = new File(['file'], 'image.png', {
-            type: 'image/png'
-        });
-        Object.defineProperty(dropzone, 'files', {
-            value: [exampleFile]
-        });
-        mockedAxios.default.mockImplementation(() => Promise.reject({}));
-        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
-            fireEvent.drop(dropzone);
-        }));
-        yield waitFor(() => expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument());
-        expect(onError).toBeCalled();
+  it('should render the FileUploader component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}));
+    expect(_react.screen.getByTestId('file-uploader')).toBeInTheDocument();
+  });
+  it('should simulate a drop a file without upload link', async () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {}));
+    const dropzone = _react.screen.getByTestId('dropzone');
+    const exampleFile = new File(['file'], 'image.png', {
+      type: 'image/png'
+    });
+    Object.defineProperty(dropzone, 'files', {
+      value: [exampleFile]
+    });
+    await (0, _react.act)(async () => {
+      _react.fireEvent.drop(dropzone);
+    });
+  });
+  it('should simulate a drop a file with upload link and upload error', async () => {
+    const onError = jest.fn();
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      uploadUrl: "testing",
+      onError: onError
     }));
-    it('should simulate a drop a file without upload link and upload error', () => __awaiter(void 0, void 0, void 0, function* () {
-        const onError = jest.fn();
-        render(_jsx(FileUploader, { onError: onError }));
-        const dropzone = screen.getByTestId('dropzone');
-        const exampleFile = new File(['file'], 'image.png', {
-            type: 'image/png'
-        });
-        Object.defineProperty(dropzone, 'files', {
-            value: [exampleFile]
-        });
-        mockedAxios.default.mockImplementation(() => Promise.reject({}));
-        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
-            fireEvent.drop(dropzone);
-        }));
-        expect(onError).toBeCalled();
+    const dropzone = _react.screen.getByTestId('dropzone');
+    const exampleFile = new File(['file'], 'image.png', {
+      type: 'image/png'
+    });
+    Object.defineProperty(dropzone, 'files', {
+      value: [exampleFile]
+    });
+    mockedAxios.default.mockImplementation(() => Promise.reject({}));
+    await (0, _react.act)(async () => {
+      _react.fireEvent.drop(dropzone);
+    });
+    await (0, _react.waitFor)(() => expect(_react.screen.getAllByTestId('file-item')[0]).toBeInTheDocument());
+    expect(onError).toBeCalled();
+  });
+  it('should simulate a drop a file without upload link and upload error', async () => {
+    const onError = jest.fn();
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      onError: onError
     }));
-    it('should call onUploadProgress', () => __awaiter(void 0, void 0, void 0, function* () {
-        const onSuccess = jest.fn();
-        render(_jsx(FileUploader, { uploadUrl: "testing", onSuccess: onSuccess }));
-        const dropzone = screen.getByTestId('dropzone');
-        const exampleFile = new File(['file'], 'image.png', {
-            type: 'image/png'
-        });
-        Object.defineProperty(dropzone, 'files', {
-            value: [exampleFile]
-        });
-        mockedAxios.default.mockImplementation(({ 
-        //@ts-ignore
-        onUploadProgress }) => {
-            onUploadProgress({ loaded: 100, total: 100 });
-            return Promise.resolve({});
-        });
-        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
-            fireEvent.drop(dropzone);
-        }));
-        yield waitFor(() => {
-            expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument();
-        });
-        expect(onSuccess).toBeCalled();
+    const dropzone = _react.screen.getByTestId('dropzone');
+    const exampleFile = new File(['file'], 'image.png', {
+      type: 'image/png'
+    });
+    Object.defineProperty(dropzone, 'files', {
+      value: [exampleFile]
+    });
+    mockedAxios.default.mockImplementation(() => Promise.reject({}));
+    await (0, _react.act)(async () => {
+      _react.fireEvent.drop(dropzone);
+    });
+    expect(onError).toBeCalled();
+  });
+  it('should call onUploadProgress', async () => {
+    const onSuccess = jest.fn();
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      uploadUrl: "testing",
+      onSuccess: onSuccess
     }));
-    /*   it('should simulate a drop a file with upload link and upload success', async () => {
-      const onSuccess = jest.fn()
-      render(<FileUploader uploadUrl="testing" onSuccess={onSuccess} />)
-  
-      const dropzone = screen.getByTestId('dropzone')
-  
-      const exampleFile = new File(['file'], 'image.png', {
-        type: 'image/png'
-      })
-  
-      Object.defineProperty(dropzone, 'files', {
-        value: [exampleFile]
-      })
-  
-      jest.spyOn(uploadFile, 'uploadFile').mockImplementation(
-        jest.fn((_a, _b, setProgress) => {
-          setProgress(43)
-          return new Promise((resolve) => resolve({} as axios.AxiosResponse))
-        })
-      )
-  
-      await act(async () => {
-        fireEvent.drop(dropzone)
-      })
-  
-      await waitFor(() => {
-        expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument()
-  
-        expect(screen.getAllByTestId('file-progress-bar')[0]).toBeInTheDocument()
-      })
-  
-      await waitFor(() => {
-        const progressStyles = getComputedStyle(
-          screen.getAllByTestId('file-progress-bar')[0]
-        )
-        expect(progressStyles.width).toBe('43%')
-      })
-  
-      expect(onSuccess).toBeCalled()
+    const dropzone = _react.screen.getByTestId('dropzone');
+    const exampleFile = new File(['file'], 'image.png', {
+      type: 'image/png'
+    });
+    Object.defineProperty(dropzone, 'files', {
+      value: [exampleFile]
+    });
+    mockedAxios.default.mockImplementation(({
+      //@ts-ignore
+      onUploadProgress
+    }) => {
+      onUploadProgress({
+        loaded: 100,
+        total: 100
+      });
+      return Promise.resolve({});
+    });
+    await (0, _react.act)(async () => {
+      _react.fireEvent.drop(dropzone);
+    });
+    await (0, _react.waitFor)(() => {
+      expect(_react.screen.getAllByTestId('file-item')[0]).toBeInTheDocument();
+    });
+    expect(onSuccess).toBeCalled();
+  });
+
+  /*   it('should simulate a drop a file with upload link and upload success', async () => {
+    const onSuccess = jest.fn()
+    render(<FileUploader uploadUrl="testing" onSuccess={onSuccess} />)
+     const dropzone = screen.getByTestId('dropzone')
+     const exampleFile = new File(['file'], 'image.png', {
+      type: 'image/png'
     })
-  
-    it('should call files function after drop files', async () => {
-      const files = jest.fn()
-      render(<FileUploader uploadUrl="testing" files={files} />)
-  
-      const dropzone = screen.getByTestId('dropzone')
-  
-      const exampleFile = new File(['file'], 'image.png', {
-        type: 'image/png'
-      })
-  
-      Object.defineProperty(dropzone, 'files', {
-        value: [exampleFile]
+     Object.defineProperty(dropzone, 'files', {
+      value: [exampleFile]
+    })
+     jest.spyOn(uploadFile, 'uploadFile').mockImplementation(
+      jest.fn((_a, _b, setProgress) => {
+        setProgress(43)
+        return new Promise((resolve) => resolve({} as axios.AxiosResponse))
       })
-  
-      jest.spyOn(uploadFile, 'uploadFile').mockImplementation(
-        jest.fn((_a, _b, setProgress) => {
-          setProgress(43)
-          return new Promise((resolve) => resolve({} as axios.AxiosResponse))
-        })
+    )
+     await act(async () => {
+      fireEvent.drop(dropzone)
+    })
+     await waitFor(() => {
+      expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument()
+       expect(screen.getAllByTestId('file-progress-bar')[0]).toBeInTheDocument()
+    })
+     await waitFor(() => {
+      const progressStyles = getComputedStyle(
+        screen.getAllByTestId('file-progress-bar')[0]
       )
-  
-      await act(async () => {
-        fireEvent.drop(dropzone)
-      })
-  
-      await waitFor(() => {
-        expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument()
-  
-        expect(screen.getAllByTestId('file-progress-bar')[0]).toBeInTheDocument()
-      })
-  
-      await waitFor(() => {
-        const progressStyles = getComputedStyle(
-          screen.getAllByTestId('file-progress-bar')[0]
-        )
-        expect(progressStyles.width).toBe('43%')
-      })
-  
-      expect(files).toBeCalled()
+      expect(progressStyles.width).toBe('43%')
     })
-  
-    it('should list a uploaded file', async () => {
-      const files = jest.fn()
-      render(<FileUploader uploadUrl="testing" files={files} />)
-  
-      const dropzone = screen.getByTestId('dropzone')
-  
-      const exampleFile = new File(['file'], 'image.png', {
-        type: 'image/png'
-      })
-  
-      Object.defineProperty(dropzone, 'files', {
-        value: [exampleFile]
+     expect(onSuccess).toBeCalled()
+  })
+   it('should call files function after drop files', async () => {
+    const files = jest.fn()
+    render(<FileUploader uploadUrl="testing" files={files} />)
+     const dropzone = screen.getByTestId('dropzone')
+     const exampleFile = new File(['file'], 'image.png', {
+      type: 'image/png'
+    })
+     Object.defineProperty(dropzone, 'files', {
+      value: [exampleFile]
+    })
+     jest.spyOn(uploadFile, 'uploadFile').mockImplementation(
+      jest.fn((_a, _b, setProgress) => {
+        setProgress(43)
+        return new Promise((resolve) => resolve({} as axios.AxiosResponse))
       })
-  
-      jest.spyOn(uploadFile, 'uploadFile').mockImplementation(
-        jest.fn((_a, _b, setProgress) => {
-          setProgress(100)
-          return new Promise((resolve) => resolve({} as axios.AxiosResponse))
-        })
+    )
+     await act(async () => {
+      fireEvent.drop(dropzone)
+    })
+     await waitFor(() => {
+      expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument()
+       expect(screen.getAllByTestId('file-progress-bar')[0]).toBeInTheDocument()
+    })
+     await waitFor(() => {
+      const progressStyles = getComputedStyle(
+        screen.getAllByTestId('file-progress-bar')[0]
       )
-  
-      await act(async () => {
-        fireEvent.drop(dropzone)
-      })
-  
-      await waitFor(() => {
-        expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument()
-  
-        expect(screen.getAllByTestId('file-item-size')[0]).toBeInTheDocument()
+      expect(progressStyles.width).toBe('43%')
+    })
+     expect(files).toBeCalled()
+  })
+   it('should list a uploaded file', async () => {
+    const files = jest.fn()
+    render(<FileUploader uploadUrl="testing" files={files} />)
+     const dropzone = screen.getByTestId('dropzone')
+     const exampleFile = new File(['file'], 'image.png', {
+      type: 'image/png'
+    })
+     Object.defineProperty(dropzone, 'files', {
+      value: [exampleFile]
+    })
+     jest.spyOn(uploadFile, 'uploadFile').mockImplementation(
+      jest.fn((_a, _b, setProgress) => {
+        setProgress(100)
+        return new Promise((resolve) => resolve({} as axios.AxiosResponse))
       })
-  
-      expect(files).toBeCalled()
+    )
+     await act(async () => {
+      fireEvent.drop(dropzone)
+    })
+     await waitFor(() => {
+      expect(screen.getAllByTestId('file-item')[0]).toBeInTheDocument()
+       expect(screen.getAllByTestId('file-item-size')[0]).toBeInTheDocument()
     })
-    */
-    it('should delete a file on list', () => __awaiter(void 0, void 0, void 0, function* () {
-        const files = jest.fn();
-        render(_jsx(FileUploader, { uploadUrl: "testing", files: files }));
-        const dropzone = screen.getByTestId('dropzone');
-        const exampleFile = new File(['file'], 'image.png', {
-            type: 'image/png'
-        });
-        Object.defineProperty(dropzone, 'files', {
-            value: [exampleFile]
-        });
-        mockedAxios.default.mockImplementation(({ 
-        //@ts-ignore
-        onUploadProgress }) => {
-            onUploadProgress({ loaded: 0, total: 100 });
-            return Promise.resolve({});
-        });
-        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
-            fireEvent.drop(dropzone);
-        }));
-        expect(files).toBeCalled();
-        yield act(() => __awaiter(void 0, void 0, void 0, function* () {
-            fireEvent.click(screen.getAllByTestId('file-item-delete-button')[0]);
-        }));
-        yield waitFor(() => {
-            expect(screen.queryAllByTestId('file-item')).toHaveLength(0);
-        });
+     expect(files).toBeCalled()
+  })
+  */
+
+  it('should delete a file on list', async () => {
+    const files = jest.fn();
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      uploadUrl: "testing",
+      files: files
     }));
-});
+    const dropzone = _react.screen.getByTestId('dropzone');
+    const exampleFile = new File(['file'], 'image.png', {
+      type: 'image/png'
+    });
+    Object.defineProperty(dropzone, 'files', {
+      value: [exampleFile]
+    });
+    mockedAxios.default.mockImplementation(({
+      //@ts-ignore
+      onUploadProgress
+    }) => {
+      onUploadProgress({
+        loaded: 0,
+        total: 100
+      });
+      return Promise.resolve({});
+    });
+    await (0, _react.act)(async () => {
+      _react.fireEvent.drop(dropzone);
+    });
+    expect(files).toBeCalled();
+    await (0, _react.act)(async () => {
+      _react.fireEvent.click(_react.screen.getAllByTestId('file-item-delete-button')[0]);
+    });
+    await (0, _react.waitFor)(() => {
+      expect(_react.screen.queryAllByTestId('file-item')).toHaveLength(0);
+    });
+  });
+});