issue #4028 fix : added fallback for clearValue command

lib/transport/selenium-webdriver/method-mappings.js

@@ -1,4 +1,4 @@
-const {WebElement, WebDriver, Origin, By, until, Condition} = require('selenium-webdriver');
+const {WebElement, WebDriver, Origin, Key, By, until, Condition} = require('selenium-webdriver');
 const {Locator} = require('../../element');
 const NightwatchLocator = require('../../element/locator-factory.js');
 const {isString} = require('../../utils');
@@ -586,6 +586,15 @@ module.exports = class MethodMappings {
         async clearElementValue(webElementOrId) {
           const element = this.getWebElement(webElementOrId);
           await element.clear();
+          try {
+            const value = await element.getProperty('value');
+            if (isString(value) && value.length !== 0) {
+              const backArr = value.split('').map(() => Key.BACK_SPACE);
+              await element.sendKeys(...backArr);
+            }
+          } catch {
+            // silent catch
+          }
 
           return null;
         },

test/src/api/commands/element/testClearValue.js

@@ -1,6 +1,7 @@
 const assert = require('assert');
 const MockServer  = require('../../../../lib/mockserver.js');
 const Nightwatch = require('../../../../lib/nightwatch.js');
+const {Key} = require('selenium-webdriver');
 
 describe('clearValue', function() {
 
@@ -118,6 +119,73 @@ describe('clearValue', function() {
     });
   });
 
+  it('client.clearValue() with webdriver protocol - ensuring that fallback is working', function (done) {
+    Nightwatch.initClient({
+      selenium: {
+        version2: false,
+        start_process: false,
+        host: null
+      },
+      output: true,
+      silent: false,
+      webdriver: {
+        host: 'localhost',
+        start_process: false
+      }
+    }).then((client) => {
+      const bArr = Array(6).fill(Key.BACK_SPACE);
+      const str = bArr.join('');
+      let sendKeysMockCalled = false;
+
+      MockServer.addMock(
+        {
+          url: '/session/13521-10219-202/element/5cc459b8-36a8-3042-8b4a-258883ea642b/clear',
+          response: {value: null}
+        },
+        true
+      );
+
+      MockServer.addMock(
+        {
+          url: '/session/13521-10219-202/element/5cc459b8-36a8-3042-8b4a-258883ea642b/property/value',
+          response: {value: 'sample'}
+        },
+        true
+      );
+
+
+      MockServer.addMock(
+        {
+          url: '/session/13521-10219-202/element/5cc459b8-36a8-3042-8b4a-258883ea642b/value',
+          method: 'POST',
+          postdata: {
+            text: str,
+            value: bArr
+          },
+          response: {
+            sessionId: '13521-10219-202',
+            status: 0
+          },
+          onRequest() {
+            sendKeysMockCalled = true;
+          },
+          statusCode: 200
+        },
+        true
+      );
+
+
+      client.api.sendKeys('css selector', '#webdriver', bArr, function callback(result) {
+        assert.strictEqual(sendKeysMockCalled, true);
+      }).clearValue('css selector', '#webdriver', function (result) {
+        assert.strictEqual(result.value, null);
+        // ensures fallback is working
+      });
+
+      client.start(done);
+    });
+  });
+
   it('client.clearValue() with webdriver protocol - element not found', function(done) {
     Nightwatch.initClient({
       selenium: {
@@ -163,4 +231,4 @@ describe('clearValue', function() {
       client.start(done);
     });
   });
-});
+});