Nightwatch: How to iterate over DOM elements and make expectations about them in a cleaned way
0
I'm iterating over DOM elements and doing some expectations on them. This is my working code:
browser.elements('css selector', mySelector, function(result) {
let dinamicSelector;
result.value.forEach((res) => {
browser.elementIdAttribute(res.ELEMENT, 'id', function(idValue) {
dinamicSelector = `#${idValue.value}`; // creating a dinamic selector of element through 'id' attribute value.
browser.expect.element(dinamicSelector).to.be.an('a', 'Testing if element is HTML tag: 'a' (link)');
browser.expect.element(dinamicSelector).text.to.match(/.{1,}/); // contain some text
browser.expect.element(dinamicSelector).to.be.visible;
});
});
});
This code works great but require id attribute on all elements and it's some verbose.
I would like to know if I can do something similar to this (more cleaner code and without need a common attribute for all the elements on which I want to iterate):
browser.elements('css selector', mySelector, function(result) {
result.value.forEach((res) => {
browser.element('css selector', res.ELEMENT, function(elem) {
browser.expect.element(elem).to.be.an('a');
});
});
});
Obviously this code not work because value of res.ELEMENT it's not a valid CSS selector.
nightwatch.js
asked Jan 3 at 13:41
didaquisdidaquis
2616
add a comment |
0
I'm iterating over DOM elements and doing some expectations on them. This is my working code:
browser.elements('css selector', mySelector, function(result) {
let dinamicSelector;
result.value.forEach((res) => {
browser.elementIdAttribute(res.ELEMENT, 'id', function(idValue) {
dinamicSelector = `#${idValue.value}`; // creating a dinamic selector of element through 'id' attribute value.
browser.expect.element(dinamicSelector).to.be.an('a', 'Testing if element is HTML tag: 'a' (link)');
browser.expect.element(dinamicSelector).text.to.match(/.{1,}/); // contain some text
browser.expect.element(dinamicSelector).to.be.visible;
});
});
});
This code works great but require id attribute on all elements and it's some verbose.
I would like to know if I can do something similar to this (more cleaner code and without need a common attribute for all the elements on which I want to iterate):
browser.elements('css selector', mySelector, function(result) {
result.value.forEach((res) => {
browser.element('css selector', res.ELEMENT, function(elem) {
browser.expect.element(elem).to.be.an('a');
});
});
});
Obviously this code not work because value of res.ELEMENT it's not a valid CSS selector.
nightwatch.js
asked Jan 3 at 13:41
didaquisdidaquis
2616
Yes & No. Yes, you can relax your code a few lines if your read youridfrom a local, or global variable, or even better from your page-object, in theelementsobject (recommended by me! RAWWWR!). If the ID's are chancing dynamically, then find a another way to target the elements in yourexpectstatements.
– iamdanchiv
Jan 3 at 14:08
No, since you are working with theELEMENTIDs, then the only way to go about it from that point on is by using the same API commands (e.g: elementIdClick, elementIdText, elementIdValue, etc.). Let me know if you want me to draft an answer. Cheers!
– iamdanchiv
Jan 3 at 14:14
Thank you for the clues.
– didaquis
Jan 9 at 8:37
add a comment |
0
0
0
I'm iterating over DOM elements and doing some expectations on them. This is my working code:
browser.elements('css selector', mySelector, function(result) {
let dinamicSelector;
result.value.forEach((res) => {
browser.elementIdAttribute(res.ELEMENT, 'id', function(idValue) {
dinamicSelector = `#${idValue.value}`; // creating a dinamic selector of element through 'id' attribute value.
browser.expect.element(dinamicSelector).to.be.an('a', 'Testing if element is HTML tag: 'a' (link)');
browser.expect.element(dinamicSelector).text.to.match(/.{1,}/); // contain some text
browser.expect.element(dinamicSelector).to.be.visible;
});
});
});
This code works great but require id attribute on all elements and it's some verbose.
I would like to know if I can do something similar to this (more cleaner code and without need a common attribute for all the elements on which I want to iterate):
browser.elements('css selector', mySelector, function(result) {
result.value.forEach((res) => {
browser.element('css selector', res.ELEMENT, function(elem) {
browser.expect.element(elem).to.be.an('a');
});
});
});
Obviously this code not work because value of res.ELEMENT it's not a valid CSS selector.
nightwatch.js
asked Jan 3 at 13:41
didaquisdidaquis
2616
I'm iterating over DOM elements and doing some expectations on them. This is my working code:
browser.elements('css selector', mySelector, function(result) {
let dinamicSelector;
result.value.forEach((res) => {
browser.elementIdAttribute(res.ELEMENT, 'id', function(idValue) {
dinamicSelector = `#${idValue.value}`; // creating a dinamic selector of element through 'id' attribute value.
browser.expect.element(dinamicSelector).to.be.an('a', 'Testing if element is HTML tag: 'a' (link)');
browser.expect.element(dinamicSelector).text.to.match(/.{1,}/); // contain some text
browser.expect.element(dinamicSelector).to.be.visible;
});
});
});
This code works great but require id attribute on all elements and it's some verbose.
I would like to know if I can do something similar to this (more cleaner code and without need a common attribute for all the elements on which I want to iterate):
browser.elements('css selector', mySelector, function(result) {
result.value.forEach((res) => {
browser.element('css selector', res.ELEMENT, function(elem) {
browser.expect.element(elem).to.be.an('a');
});
});
});
Obviously this code not work because value of res.ELEMENT it's not a valid CSS selector.
nightwatch.js
nightwatch.js
asked Jan 3 at 13:41
didaquisdidaquis
2616
asked Jan 3 at 13:41
didaquisdidaquis
2616
edited Jan 9 at 8:35
didaquis
asked Jan 3 at 13:41
didaquisdidaquis
2616
asked Jan 3 at 13:41
didaquisdidaquis
2616
asked Jan 3 at 13:41
didaquisdidaquis
2616
2616
Yes & No. Yes, you can relax your code a few lines if your read youridfrom a local, or global variable, or even better from your page-object, in theelementsobject (recommended by me! RAWWWR!). If the ID's are chancing dynamically, then find a another way to target the elements in yourexpectstatements.
– iamdanchiv
Jan 3 at 14:08
No, since you are working with theELEMENTIDs, then the only way to go about it from that point on is by using the same API commands (e.g: elementIdClick, elementIdText, elementIdValue, etc.). Let me know if you want me to draft an answer. Cheers!
– iamdanchiv
Jan 3 at 14:14
Thank you for the clues.
– didaquis
Jan 9 at 8:37
add a comment |
Yes & No. Yes, you can relax your code a few lines if your read youridfrom a local, or global variable, or even better from your page-object, in theelementsobject (recommended by me! RAWWWR!). If the ID's are chancing dynamically, then find a another way to target the elements in yourexpectstatements.
– iamdanchiv
Jan 3 at 14:08
No, since you are working with theELEMENTIDs, then the only way to go about it from that point on is by using the same API commands (e.g: elementIdClick, elementIdText, elementIdValue, etc.). Let me know if you want me to draft an answer. Cheers!
– iamdanchiv
Jan 3 at 14:14
Thank you for the clues.
– didaquis
Jan 9 at 8:37
Yes & No. Yes, you can relax your code a few lines if your read your
id from a local, or global variable, or even better from your page-object, in the elements object (recommended by me! RAWWWR!). If the ID's are chancing dynamically, then find a another way to target the elements in your expect statements.– iamdanchiv
Jan 3 at 14:08
Yes & No. Yes, you can relax your code a few lines if your read your
id from a local, or global variable, or even better from your page-object, in the elements object (recommended by me! RAWWWR!). If the ID's are chancing dynamically, then find a another way to target the elements in your expect statements.– iamdanchiv
Jan 3 at 14:08
No, since you are working with the
ELEMENT IDs, then the only way to go about it from that point on is by using the same API commands (e.g: elementIdClick, elementIdText, elementIdValue, etc.). Let me know if you want me to draft an answer. Cheers!– iamdanchiv
Jan 3 at 14:14
No, since you are working with the
ELEMENT IDs, then the only way to go about it from that point on is by using the same API commands (e.g: elementIdClick, elementIdText, elementIdValue, etc.). Let me know if you want me to draft an answer. Cheers!– iamdanchiv
Jan 3 at 14:14
Thank you for the clues.
– didaquis
Jan 9 at 8:37
Thank you for the clues.
– didaquis
Jan 9 at 8:37
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54023470%2fnightwatch-how-to-iterate-over-dom-elements-and-make-expectations-about-them-in%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54023470%2fnightwatch-how-to-iterate-over-dom-elements-and-make-expectations-about-them-in%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Yes & No. Yes, you can relax your code a few lines if your read your
idfrom a local, or global variable, or even better from your page-object, in theelementsobject (recommended by me! RAWWWR!). If the ID's are chancing dynamically, then find a another way to target the elements in yourexpectstatements.– iamdanchiv
Jan 3 at 14:08
No, since you are working with the
ELEMENTIDs, then the only way to go about it from that point on is by using the same API commands (e.g: elementIdClick, elementIdText, elementIdValue, etc.). Let me know if you want me to draft an answer. Cheers!– iamdanchiv
Jan 3 at 14:14
Thank you for the clues.
– didaquis
Jan 9 at 8:37