Add Page#uploadFile (#541)

* Adds Page#uploadFile
amir20 · Aug 31, 2016 · 7553c7e · 7553c7e
1 parent 0c884c9
commit 7553c7e
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -332,6 +332,16 @@ page.invokeMethod('evaluate', function(selector) {
 });
 ```
 
+### `page#uploadFile`
+
+A file can be inserted into file input fields using the `#uploadFile(selector, file)` method.
+
+```js
+page.uploadFile('#selector', '/path/to/file').then(function() {
+
+});
+```
+
 
 ## Tests
 

diff --git a/src/page.js b/src/page.js
@@ -104,7 +104,8 @@ const methods = [
     'stop',
     'switchToFrame',
     'switchToMainFrame',
-    'goBack'
+    'goBack',
+    'uploadFile'
 ];
 
 asyncMethods.forEach(method => {

diff --git a/src/spec/page_spec.js b/src/spec/page_spec.js
@@ -14,6 +14,8 @@ describe('Page', () => {
                 response.end('window.fooBar = 2;');
             } else if (request.url === '/test.html') {
                 response.end('<html><head><title>Page Title</title></head><body>Test</body></html>');
+            } else if (request.url === '/upload.html') {
+                response.end('<html><head><title>Page Title</title></head><body><input type="file" id="upload" /></body></html>');
             } else {
                 response.end('hi, ' + request.url);
             }
@@ -631,4 +633,15 @@ describe('Page', () => {
             return page.goBack();
         });
     });
+
+    it('#uploadFile() inserts file into file input field', function*() {
+        let page = yield phantom.createPage();
+        yield page.open('http://localhost:8888/upload.html');
+        yield page.uploadFile('#upload', process.env.PWD + '/package.json');
+        let response = yield page.evaluate(function () {
+            return document.querySelector("#upload").files[0].name;
+        });
+        expect(response).toEqual('package.json');
+    });
+
 });