blog for file upload example for V5

[caoxu2000]

Proposed changes

Types of changes

• Bugfix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist

• I have read the CONTRIBUTING doc
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

Further comments

Reviewers: @webdriverio/technical-committee

[jsf-clabot]

All committers have signed the CLA.

[codecov]

Codecov Report

Merging #3365 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master    #3365   +/-   ##
=======================================
  Coverage   97.77%   97.77%           
=======================================
  Files         140      140           
  Lines        3010     3010           
  Branches      660      660           
=======================================
  Hits         2943     2943           
  Misses         63       63           
  Partials        4        4

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 6d7bda5...ff64ade. Read the comment docs.

[wswebcreation]

Hi @caoxu2000

This might also help, I did an investigation for a customer of us and created this project.

Currently I can't migrate it to V5 because there is a bug in the @wdio/firefox-profile-service, but the rest wouldn't change.

[christian-bromann]

Some wording and formatting changes I would suggest.

Additionally I would love to add a section where the file command is used to upload a file to a remote Selenium standalone server (in case you don't run your test on the local machine).

@wswebcreation can you create an issue so we can get it fixed and extend this blog post with an example running on Sauce Labs?

[christian-bromann]

Suggested change

[wswebcreation]

@christian-bromann

This link in my comment is already linking to the issue I created a few days ago, but here it is again #3297

[diachedelic]

Perhaps a more elegant solution than manually displaying a hidden <input type="file"> is to use elementSendKeys? I had success with this custom command:

browser.addCommand('chooseFile', function(filePath) {
  this.elementSendKeys(this.elementId, filePath.split(''))
}, true)

[tnypxl]

Is there a reason you aren't passing in the located web element as an argument?

[christian-bromann]

Closing in favor of #3632