Example for WDIO issue #5090

Author: nextlevelbeard

README.md

@@ -0,0 +1,16 @@
+WDIO issue
+https://github.com/webdriverio/webdriverio/issues/5090
+
+To reproduce:
+
+`npm run test:devtools`
+
+Both
+
+`npm run test:grid` 
+
+and 
+
+`npm run test:chromedriver`
+
+pass

configs/base.config.js

@@ -0,0 +1,14 @@
+const path = require('path');
+
+exports.config = {
+    hostname: 'localhost',
+    specs: [path.resolve('tests/*.*js')],
+    logLevel: 'trace',
+    framework: 'mocha',
+    outputDir: __dirname,
+    reporters: ['spec'],
+    mochaOpts: {
+        ui: 'bdd',
+        timeout: 60000
+    },
+};

configs/chromedriver.config.js

@@ -0,0 +1,14 @@
+const path = require('path')
+
+exports.config = {
+    ...require("./base.config").config,
+    port: 4444,
+    path: '/',
+    services: ['chromedriver'],
+    chromeDriverArgs: ['--port=4444'], // default for ChromeDriver
+    capabilities: [
+        {
+            browserName: 'chrome'
+        }
+    ]
+};

configs/devtools.config.js

@@ -0,0 +1,11 @@
+const path = require('path')
+
+exports.config = {
+    ...require("./base.config").config,
+    automationProtocol: 'devtools',
+    capabilities: [
+        {
+            browserName: 'chrome'
+        }
+    ]
+};

configs/grid.config.js

@@ -0,0 +1,11 @@
+exports.config = {
+    ...require("./base.config").config,
+    services: ['selenium-standalone'],
+    port: 4444,
+    path: '/wd/hub',
+    capabilities: [
+        {
+            browserName: 'chrome'
+        }
+    ]
+};

package.json

@@ -0,0 +1,40 @@
+{
+  "name": "wdio-repro-devtools-input",
+  "scripts": {
+    "test:chromedriver": "wdio configs/chromedriver.config.js",
+    "test:grid": "wdio configs/grid.config.js",
+    "test:devtools": "wdio configs/devtools.config.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@https://github.com/nextlevelbeard/wdio-repro-devtools-input.git"
+  },
+  "keywords": [
+    "e2e",
+    "tests",
+    "e2e-tests"
+  ],
+  "homepage": "https://github.com/nextlevelbeard/wdio-repro-devtools-input",
+  "dependencies": {
+    "@wdio/allure-reporter": "^5.18.6",
+    "@wdio/cli": "^5.19.0",
+    "@wdio/config": "^5.18.4",
+    "@wdio/local-runner": "^5.19.0",
+    "@wdio/logger": "^5.16.10",
+    "@wdio/mocha-framework": "^5.18.7",
+    "@wdio/runner": "^5.19.0",
+    "@wdio/selenium-standalone-service": "^5.16.10",
+    "@wdio/spec-reporter": "^5.18.7",
+    "@wdio/sync": "^5.18.7",
+    "chai": "latest",
+    "chromedriver": "latest",
+    "devtools": "^5.19.0",
+    "wdio-chromedriver-service": "^5.0.2",
+    "webdriver": "^5.19.0",
+    "webdriverio": "^5.19.0"
+  },
+  "engines": {
+    "node": ">=12.13.0",
+    "npm": ">=6.12.0"
+  }
+}

sample.txt

@@ -0,0 +1 @@
+this is a sample file

tests/repro.test.js

@@ -0,0 +1,14 @@
+const path = require("path");
+const expect = require("chai").expect;
+
+describe('webdriver.io', () => {
+    it('should upload sucessfully', () => {
+        const filename = "sample.txt";
+        browser.url('http://the-internet.herokuapp.com/upload');
+        const input =  $('#file-upload');
+        input.addValue(path.resolve(filename));
+        expect(input.getValue()).to.include(filename);
+        $("#file-submit").click();
+        expect($("#uploaded-files").getText()).to.include(filename)
+    })
+});