How to clear field using nightwatch framework?

Question

I'm trying to clear input field using different ways:

clearValue() - doesn't work
send some combination ok keys - doesn't work

score 3 · Answer 1 · answered Dec 02 '20 at 13:01

3

I have the following code which worked for me

.setValue('field, [
    browser.Keys.CONTROL,
    "a",
    browser.Keys.DELETE,
  ])

answered Dec 02 '20 at 13:01

janardhan bobba

31
2

score 0 · Answer 2 · answered Aug 15 '19 at 04:59

0

Have you tried to clear value, setting empty value ? Like this

.setValue('field', '')

answered Aug 15 '19 at 04:59

a a

34
2

score 0 · Accepted Answer · answered Aug 15 '19 at 05:37

0

Have you tried removing the Input with the Webriver-Key commands?

In my Project i do it like this:

for (let i = 0; i < amountChars; i++) {
            browser.keys(WEBDRIVER_KEYS['Backspace']);
        }

WEBDRIVER_KEYS is part of the spectron-keys npm package.

answered Aug 15 '19 at 05:37

Lucas_Bo

142
1
9

.getValue('input[name="name"]', function(result) { console.log(result.value); (new Array(result.value.length)).fill().forEach(() => { browser.keys(browser.Keys.BACK_SPACE) }); it's working for me – Lev Boichenko Aug 15 '19 at 05:45

score 0 · Answer 4 · answered Dec 17 '20 at 19:45

I´ve made a custom command like this:

 this.waitForElementVisible(fieldSelector)
        .execute(
            function (fieldSelector) {
                const field = document.querySelector(fieldSelector);
                field.value = null;
            },
            [fieldSelector]
        );

And then in the test file i just call it like this:

browser.clearField(fieldSelector)

score 0 · Answer 5 · answered Apr 01 '21 at 13:55

For me, this works like a charm:

browser.getValue('css selector', '#id', (textValue) => {
        for(let i = 0; i < textValue.value.length; i ++) {
            this.setValue('#id', '\u0008'); 
        }
});

Had to come up with this kind of a solution, since any of the provided ones didn't work for me.

score 0 · Answer 6 · answered Apr 30 '21 at 00:12

0

browser.clearValue('yourTargetFieldSelector')

So in case of using Page object:

yourPageObjectInstance.clearValue('@yourTargetFieldSelector')

answered Apr 30 '21 at 00:12

Sulaiman Shaiakhmedov

1

score 0 · Answer 7 · answered Aug 15 '21 at 11:18

I really suffered with this one today, so I share my solution since none of the other solutions worked for me for chrome & firefox:

exports.command = function (fieldSelector) {
  const browserName = this.options.desiredCapabilities.browserName;

  if (browserName === 'chrome') {
    this.getValue(fieldSelector, function (result) {
      this.setValue(fieldSelector, [...(result.value || '')].map(char => '\u0008'));
    });
  } else {
    this.clearValue(fieldSelector);
  }

  return this;
};

This is a command to do one thing for chrome and other one for firefox

How to clear field using nightwatch framework?

7 Answers7