How to set value into textarea attribute using nightwatch.js

Question

I am working on nighwatch.js for web ui testing, I want to set value to a textarea, and textarea has an attribute which has my actual text, I am writing full textarea and how I am setting in following.

<div class="textarea-description">
    <textarea cols="50" class="myClass setText" data-def placeholder="text to be replaced using nightwatch"/>
</div>

I am trying to set value in above textarea's attribute data-def placeholder as following ways

browser.setValue('.textarea-description textarea[type=text]','nightwatch'); or
browser.setValue('.textarea-description textarea[data-def placeholder=text]','nightwatch'); or
browser.setValue('.textarea-description textarea[type=data-def placeholder]','nightwatch');

but nothing is working.

score 1 · Answer 1 · answered Jan 29 '16 at 16:27

1

This might not be the best solution but it works:

browser
.execute("document.querySelector('.textarea-description .myClass').setAttribute('placeholder', 'nightwatch');")

If you have jQuery you can make it a bit nicer:

browser
.execute("$('.textarea-description .myClass').attr('placeholder', 'nightwatch');")

answered Jan 29 '16 at 16:27

Fredrik Schöld

1,588
13
20

Did you try both JavaScript and jQuery? – Fredrik Schöld Jan 29 '16 at 16:58
No, i tried only first one., i will try second one and let you know. – Ashish-BeJovial Jan 31 '16 at 22:34
Your textarea does not have a closing tag (see the edit I made on your question) and I think that might be an issue as well. – Fredrik Schöld Feb 01 '16 at 07:20

score 1 · Accepted Answer · edited Jun 09 '17 at 02:53

1

Thank you for your all valuable suggestions, all suggestions provided by you was able to give good knowledge but unfortunately none of the suggestion worked. I have resolved it by using following.

client.setValue('.textarea-description textarea','new text to be write.');

Actually attribute "data-def placeholder" was using only watermark that was not actual text, so it is working.

edited Jun 09 '17 at 02:53

alecxe

462,703
120
1,088
1,195

answered Feb 01 '16 at 05:41

Ashish-BeJovial

1,829
3
38
62

1

Then I misunderstood your question. It wasn't about setting the attribute but rather setting the direct value in the textarea? – Fredrik Schöld Feb 01 '16 at 07:57

score 0 · Answer 3 · edited May 23 '17 at 12:00

0

You could use xpath to get the attribute.

.useXpath().setValue('//textarea[contains(@placeholder,'text to be replaced using nightwatch')]@placeholder', 'nightwatch')

How to select specified node within Xpath node sets by index with Selenium?

edited May 23 '17 at 12:00

Community

1
1

answered Jan 29 '16 at 16:28

QualiT

1,934
2
18
37

score 0 · Answer 4 · answered Sep 21 '20 at 12:43

This worked for me.

.assert.visible('div.textarea-description textarea.setText')
.moveToElement('div.textarea-description textarea.setText', null, null)
.mouseButtonClick('left')
.keys([browser.Keys.CONTROL, "a"])
.keys([browser.Keys.CONTROL, "nightwatch"])

How to set value into textarea attribute using nightwatch.js

4 Answers4