wix-style-react/src/Dropzone/Dropzone.uni.driver.js

wix-style-react

import { baseUniDriverFactory } from 'wix-ui-test-utils/base-driver';
import { Simulate } from 'react-dom/test-utils';
import { dataHooks } from './constants';

const dataTransferFromFiles = files => ({
  files,
  items: files.map(f => ({
    kind: 'file',
    type: f.type,
    getAsFile: () => f,
  })),
  types: ['Files'],
});

export const dropzoneDriverFactory = (base, body) => {
  return {
    ...baseUniDriverFactory(base, body),

    /** Returns the content compound element inside the dropzone. */
    getContentElement: () => base.$(`[data-hook=${dataHooks.dropzoneContent}]`),

    /** Returns the overlay compound element inside the dropzone. */
    getOverlayElement: () => base.$(`[data-hook=${dataHooks.dropzoneOverlay}]`),

    /** Simulates a drop event with the given files. */
    dropFiles: files =>
      // eslint-disable-next-line no-restricted-properties
      base.getNative().then(el =>
        Simulate.drop(el, {
          dataTransfer: dataTransferFromFiles(files),
        }),
      ),
  };
};