@rpldy/mock-sender

mock sender for testing purposes

Usage no npm install needed!

<script type="module">
  import rpldyMockSender from 'https://cdn.skypack.dev/@rpldy/mock-sender';
</script>

README

npm version circleci status codecov status bundlephobia badge rpldy storybook

Mock Sender

Provides a mock sender that can be used to replace a real sender for testing purposes.

It provides the same interface and events so the Uploader is unaware of its use.

On-progress events and abort functionality are supported

The best place to get started is at our: React-Uploady Documentation Website

Installation

#Yarn:
  $ yarn add @rpldy/mock-sender

#NPM:
  $ npm i @rpldy/mock-sender

Options

Name (* = mandatory) Type Default Description
delay number 500 time in ms for mocked upload to take
fileSize number 1e+6 file size of the mocked upload, used for progress calculation
progressIntervals number[] [10, 25, 50, 75, 100] mock intervals (percentages) to emit progress events at
response any {"mock": true, "success": true} mock response for upload request
responseStatus number 200 upload request status code

Usage

import Uploady from "@rpldy/uploady";
import UploadButton from "@rpldy/upload-button";
import { getMockSenderEnhancer } from "@rpldy/mock-sender";

const mockSenderEnhancer = getMockSenderEnhancer({
   delay: 1500, 
   progressIntervals: [20, 40, 75, 80, 90, 99]               
});

const App = () => <Uploady 
         destination={{ url: "mock-url"}}            
         enhancer={mockSenderEnhancer}
        >
            <UploadButton />
        </Uploady>;