Как я могу загрузить файл в Protractor Visual Studio?

Question

Я не могу загрузить файл и получить эту ошибку:

Ошибка: неизвестная ошибка: невозможно сфокусировать элемент.

Здесь вы найдете несколько хороших примеров загрузки файлов . Что не так с моим кодом? Спасибо.

         
//This is what I was using 
var path = require('path');
var remote = require('C://Users//meli//node_modules//protractor//node_modules//selenium-webdriver//remote');
browser.setFileDetector(new remote.FileDetector());
var fileToUpload = '..//sample.txt';
var absolutePath = path.resolve(__dirname, fileToUpload);
var fileElem = element(by.xpath('//span[@class="mat-button-wrapper"][text()=" Select File "]'));
browser.executeScript("arguments[0].style.visibility = 'visible'; arguments[0].style.height = '1px'; arguments[0].style.width = '1px';  arguments[0].style.opacity = 1", fileElem.getWebElement());
fileElem.sendKeys(absolutePath);
browser.driver.sleep(100);
element(by.xpath('//span[@class="mat-button-wrapper"][text()=" Upload File "]')).click(); 

var path = require('path');
var fileToUpload = 'C:/Users/meli/node_modules/protractor/node_modules/selenium-webdriver/remote/sample.txt';
var absolutePath = path.resolve(__dirname, fileToUpload);
element(by.xpath('//span[@class="mat-button-wrapper"][text()=" Select File "]')).sendKeys(absolutePath);
element(by.xpath('//span[@class="mat-button-wrapper"][text()=" Upload File "]')).click();

<button _ngcontent-c41="" color="primary" mat-raised-button="" class="mat-raised-button mat-primary" ng-reflect-color="primary">
  <span class="mat-button-wrapper"> Select File </span>
  <div class="mat-button-ripple mat-ripple" matripple="" ng-reflect-centered="false" ng-reflect-disabled="false" ng-reflect-trigger="[object HTMLButtonElement]"></div>
  <div class="mat-button-focus-overlay"></div>
</button>
<span class="mat-button-wrapper"> Select File </span>
#mat-dialog-3 > app-inspection-modal > form > mat-dialog-content > table > tbody > tr:nth-child(3) > td:nth-child(2) > div > button:nth-child(2) > div.mat-button-ripple.mat-ripplev #mat-dialog-3 > app-inspection-modal > form > mat-dialog-content > table > tbody > tr:nth-child(3) > td:nth-child(2) > div > button:nth-child(2) > div.mat-button-ripple.mat-ripple
<div class="mat-button-focus-overlay"></div>