Testing file choose and upload in Spectron

Question

I have to write test for a electron GUI which contains a choose file dialog. I have no access to the implementation of the GUI.

I have wrote

await app.client.chooseFile('//*[@id="import-file"]/form/div/div/div[1]/input', path.join(__dirname, '..','..','..', 'Fahrtzeit.xlsx'))
.catch(function (error) {
  console.log(error);
}).getValue('//*[@id="import-file"]/form/div/div/div[1]/input').then(function (val) {

  console.log("value is :"+val);
  });

I get a console output

value is :

The value is empty

I am new to spectron. Am I missing something?

UPDATE: The DOM of the choose file element is

<div _ngcontent-c9="" class="mat-form-field-flex"><div _ngcontent-c9="" class="mat-form-field-infix"><input _ngcontent-c9="" class="mat-input-element unit-input ng-untouched ng-pristine ng-valid" formcontrolname="fileDisplay" readonly="" type="text" ng-reflect-name="fileDisplay" title="Auftragsdatei auswählen"></div><button _ngcontent-c9="" class="btn btn-link filepicker-btn unit-filepicker"><ui-icon _ngcontent-c9="" class="filepicker-icon" iconname="a_ic_attach_file" _nghost-c5="" ng-reflect-icon-name="a_ic_attach_file" id="import-file-icon"><div _ngcontent-c5="" class="a_ic_attach_file" ng-reflect-ng-class="a_ic_attach_file"></div></ui-icon></button><div _ngcontent-c9="" class="mat-form-field-underline"></div></div>

Your input tag type attribute is text. Choosefile is applied only when input type is file — Bharath Kumar S, Mar 27 '19 at 18:09

score 0 · Answer 1 · answered Mar 27 '19 at 10:48

0

it('Should upload a file',async ()=>{

    let toUpload = path.join(__dirname, '..', '..', 'fixtures', 'Fahrtzeit.xlsx')

    await app.client.chooseFile('//*[@id="import-file"]/form/div/div/div[1]/input', toUpload);

    let val =await app.client.getValue('//*[@id="import-file"]/form/div/div/div[1]/input');

// Do asserts and test the **val** 
})

reference : http://v4.webdriver.io/api/utility/chooseFile.html

just console val and test if this works.

answered Mar 27 '19 at 10:48

Bharath Kumar S

1,410
2
10
29

The same issue. The value is empty – FarFarAway Mar 27 '19 at 10:54
Can you upload your input field HTML i mean this element '//*[@id="import-file"]/form/div/div/div[1]/input' – Bharath Kumar S Mar 27 '19 at 10:55
File is getting uploaded or not. – Bharath Kumar S Mar 27 '19 at 10:56
Niether the file has been uploaded nor the text. I have added the DOM – FarFarAway Mar 27 '19 at 12:41
Your input tag attribute is of type text not file. Choose file will work only for input type is file. – Bharath Kumar S Mar 27 '19 at 17:31

Testing file choose and upload in Spectron

1 Answers1