fill-in-file

fill-in-file

A test util that helps to fill files in your file input element

Usage

fillInFile('#input-element', { url: 'base64content', name: 'example.jpg' })

Install

npm install fill-in-file

How

Please check this article for implementation details.

Variants

Simple mock

fillInFile('#input-element')

It automatically adds the mock js-base64 image and triggers the onchange event.

String

fillInFile('#input-element', 'base64content')

 or

fillInFile('#input-element', 'https://some-public-file-url.jpg');

Single file object

fillInFile('#input-element', { url: 'base64content', name: 'logo.jpg' });

 or

fillInFile('#input-element', { url: 'https://some-public-file-url.jpg', name:  'profile.jpg' });

It adds the given file to the file input and triggers the onchange event.

Multiple files

let files = [
  { url: 'base64content', name: 'logo.jpg' },
  { url: 'https://some-public-file-url.jpg', name:  'profile.jpg' }
];

fillInFile('#input-element', files);

API

Method: fillInFile

params:

name	type	required	description
domSelector	string	yes	dom query selector string for the input file element
files	undefined - string - file - [file]	optional	file contents to be added to the file element
options	object	optional	supports options like documentContext that lets you pass a custom document context, by default util uses global document

ember test helper

https://github.com/prakashchokalingam/ember-fill-in-file

Examples

Qunit: https://prakashchokalingam.github.io/fill-in-file/examples/qunit.html

Mocha: https://prakashchokalingam.github.io/fill-in-file/examples/mocha.html