CODEWITHSUNDEEP
javascriptnode.jsseleniumfile-uploadnightwatch.js
Jeffpowrs
Jeffpowrs

Reputation: 4550

Uploading an image file with Nightwatch.js

I'm running front-end tests using nightwatch.js using the Chrome Driver. I need to test that image uploading works properly, presumably through the provided file input since there are callbacks that run on a successful post.

I'm aware that this can be done using sendKeys method of the Selenium Web Driver.

How can you accomplish this using javascript and nightwatch.js? Can you access the Selenium webdriver or an interface with it?

Upvotes: 11

Views: 6629

Answers (6)

Sumit Basra
Sumit Basra

Reputation: 1

this worked for me.

.setValue('input[type="file"]', require('path').resolve('/home/My-PC/Desktop/img.png'))

Only thing maybe others running into might the different versions of firefox where it didn't work 2 yrs back for a co-worker.

Upvotes: 0

Mihai Sandu
Mihai Sandu

Reputation: 1

This solution worked for me:

.setValue('#file-upload', require('path').resolve('C:/Users/Mihai/Desktop/test.png'))

Upvotes: 0

Deepak Sisodiya
Deepak Sisodiya

Reputation: 848

In my case there is a div with id="Upload Icon" which has input with type="file"

.setValue('//div[@id="Upload Icon"]/input[@type="file"]', require('path').resolve(__dirname + '/categoryIcon.png'))

The above code working fine for me.

Upvotes: 1

Ankit K Gupta
Ankit K Gupta

Reputation: 564

Use this for uploading image from local desktop

.setValue('input[type="file"]', require('path').resolve('/home/My-PC/Desktop/img.png'))

Upvotes: 8

lacy
lacy

Reputation: 491

As someone above has mentioned, you can pass the absolute path to your input[type="file"] as if you were typing text into a field.

This uses nightwatch's setValue function. You can retrieve the current directory path using Node's __dirname global var.

For example: .setValue('#upload-input', __dirname + '\\upload.jpg')

Upvotes: 2

Ken Goo
Ken Goo

Reputation: 101

Use client.setValue function to set the absolute path of your image. Here is the working example in my project.

client.setValue('#editPictures .modal-body input[type="file"]', '/Users/testing/pictures/CAM00003.jpg');

Upvotes: 1

Related Questions