Protractor/Selenium get text of element

up vote
-1
down vote

favorite

HTML

   <span class="catalog value">

    <sup class="dollar-symbol">$</sup> 

     2.06

    </span>

CODE

amountidentifier = 'span[class="catalog value"]';



element.all(by.css(amountidentifier))

            .filter((elem: any, index: any) => {

            return elem.getText().then((text: string) => {

                console.log("text is " + text);



            });

        })

I want to get the text value of 2.06. But console statement is not shown.

edited Nov 13 at 4:24

Navarasu

1,7651721

asked Nov 12 at 20:02

SUM

51921542

How this is 'amount/identifier' a css selector? please specify the css selector and the output ur getting?
– Navarasu
Nov 12 at 20:42

@Navarasu you are right, added the css selector. It is amountidentifier = 'span[class="catalog value"]';
– SUM
Nov 12 at 20:54

what is your console statement?
– Navarasu
Nov 12 at 22:29

Your css selector and script look right. Try add a sleep for debug and check span[class="catalog value"] in DevTool manually.
– yong
Nov 13 at 2:11

add a comment |

up vote
-1
down vote

favorite

HTML

   <span class="catalog value">

    <sup class="dollar-symbol">$</sup> 

     2.06

    </span>

CODE

amountidentifier = 'span[class="catalog value"]';



element.all(by.css(amountidentifier))

            .filter((elem: any, index: any) => {

            return elem.getText().then((text: string) => {

                console.log("text is " + text);



            });

        })

I want to get the text value of 2.06. But console statement is not shown.

edited Nov 13 at 4:24

Navarasu

1,7651721

asked Nov 12 at 20:02

SUM

51921542

How this is 'amount/identifier' a css selector? please specify the css selector and the output ur getting?
– Navarasu
Nov 12 at 20:42

@Navarasu you are right, added the css selector. It is amountidentifier = 'span[class="catalog value"]';
– SUM
Nov 12 at 20:54

what is your console statement?
– Navarasu
Nov 12 at 22:29

Your css selector and script look right. Try add a sleep for debug and check span[class="catalog value"] in DevTool manually.
– yong
Nov 13 at 2:11

add a comment |

up vote
-1
down vote

favorite

HTML

   <span class="catalog value">

    <sup class="dollar-symbol">$</sup> 

     2.06

    </span>

CODE

amountidentifier = 'span[class="catalog value"]';



element.all(by.css(amountidentifier))

            .filter((elem: any, index: any) => {

            return elem.getText().then((text: string) => {

                console.log("text is " + text);



            });

        })

I want to get the text value of 2.06. But console statement is not shown.

edited Nov 13 at 4:24

Navarasu

1,7651721

asked Nov 12 at 20:02

SUM

51921542

HTML

   <span class="catalog value">

    <sup class="dollar-symbol">$</sup> 

     2.06

    </span>

CODE

amountidentifier = 'span[class="catalog value"]';



element.all(by.css(amountidentifier))

            .filter((elem: any, index: any) => {

            return elem.getText().then((text: string) => {

                console.log("text is " + text);



            });

        })

I want to get the text value of 2.06. But console statement is not shown.

selenium protractor

edited Nov 13 at 4:24

Navarasu

1,7651721

asked Nov 12 at 20:02

SUM

51921542

edited Nov 13 at 4:24

Navarasu

1,7651721

asked Nov 12 at 20:02

SUM

51921542

edited Nov 13 at 4:24

Navarasu

1,7651721

edited Nov 13 at 4:24

Navarasu

1,7651721

edited Nov 13 at 4:24

Navarasu

1,7651721

asked Nov 12 at 20:02

SUM

51921542

asked Nov 12 at 20:02

SUM

51921542

asked Nov 12 at 20:02

SUM

51921542

How this is 'amount/identifier' a css selector? please specify the css selector and the output ur getting?
– Navarasu
Nov 12 at 20:42

@Navarasu you are right, added the css selector. It is amountidentifier = 'span[class="catalog value"]';
– SUM
Nov 12 at 20:54

what is your console statement?
– Navarasu
Nov 12 at 22:29

Your css selector and script look right. Try add a sleep for debug and check span[class="catalog value"] in DevTool manually.
– yong
Nov 13 at 2:11

add a comment |

How this is 'amount/identifier' a css selector? please specify the css selector and the output ur getting?
– Navarasu
Nov 12 at 20:42

@Navarasu you are right, added the css selector. It is amountidentifier = 'span[class="catalog value"]';
– SUM
Nov 12 at 20:54

what is your console statement?
– Navarasu
Nov 12 at 22:29

Your css selector and script look right. Try add a sleep for debug and check span[class="catalog value"] in DevTool manually.
– yong
Nov 13 at 2:11

How this is 'amount/identifier' a css selector? please specify the css selector and the output ur getting?
– Navarasu
Nov 12 at 20:42

@Navarasu you are right, added the css selector. It is amountidentifier = 'span[class="catalog value"]';
– SUM
Nov 12 at 20:54

what is your console statement?
– Navarasu
Nov 12 at 22:29

Your css selector and script look right. Try add a sleep for debug and check span[class="catalog value"] in DevTool manually.
– yong
Nov 13 at 2:11

add a comment |

2 Answers
2

active

oldest

votes

up vote
0
down vote

Your CSS selector should be span.catalog.value. SPAN is the HTML tag and .catalog and .value are the two CSS classes that are applied to that tag.

Here are some CSS selector references to help you learn more.

W3C CSS Selector Reference

Selenium Tips: CSS Selectors

Taming Advanced CSS Selectors

answered Nov 12 at 22:10

JeffC

11.7k41435

If I don't use filter for elementall it works fine for me. browser.element.all(by.css('span.catalog.value')).then(function(items) { for(let item of items) { item.getText().then((text: string) => { console.log('TEXT!! ' + text); return text; }) } });
– SUM
Nov 16 at 14:23

add a comment |

up vote
0
down vote

You can't do getText() for . Try to use this:

var somevariable = element(by.css('span[class="catalog value"]')).getAttribute('textContent');

console.log('text is' + somevariable);

answered Nov 14 at 9:29

technodeath

411

add a comment |

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',
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');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53269280%2fprotractor-selenium-get-text-of-element%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

up vote
0
down vote

Your CSS selector should be span.catalog.value. SPAN is the HTML tag and .catalog and .value are the two CSS classes that are applied to that tag.

Here are some CSS selector references to help you learn more.

W3C CSS Selector Reference

Selenium Tips: CSS Selectors

Taming Advanced CSS Selectors

answered Nov 12 at 22:10

JeffC

11.7k41435

If I don't use filter for elementall it works fine for me. browser.element.all(by.css('span.catalog.value')).then(function(items) { for(let item of items) { item.getText().then((text: string) => { console.log('TEXT!! ' + text); return text; }) } });
– SUM
Nov 16 at 14:23

add a comment |

up vote
0
down vote

Your CSS selector should be span.catalog.value. SPAN is the HTML tag and .catalog and .value are the two CSS classes that are applied to that tag.

Here are some CSS selector references to help you learn more.

W3C CSS Selector Reference

Selenium Tips: CSS Selectors

Taming Advanced CSS Selectors

answered Nov 12 at 22:10

JeffC

11.7k41435

If I don't use filter for elementall it works fine for me. browser.element.all(by.css('span.catalog.value')).then(function(items) { for(let item of items) { item.getText().then((text: string) => { console.log('TEXT!! ' + text); return text; }) } });
– SUM
Nov 16 at 14:23

add a comment |

up vote
0
down vote

Your CSS selector should be span.catalog.value. SPAN is the HTML tag and .catalog and .value are the two CSS classes that are applied to that tag.

Here are some CSS selector references to help you learn more.

W3C CSS Selector Reference

Selenium Tips: CSS Selectors

Taming Advanced CSS Selectors

answered Nov 12 at 22:10

JeffC

11.7k41435

Your CSS selector should be span.catalog.value. SPAN is the HTML tag and .catalog and .value are the two CSS classes that are applied to that tag.

Here are some CSS selector references to help you learn more.

W3C CSS Selector Reference

Selenium Tips: CSS Selectors

Taming Advanced CSS Selectors

answered Nov 12 at 22:10

JeffC

11.7k41435

answered Nov 12 at 22:10

JeffC

11.7k41435

answered Nov 12 at 22:10

JeffC

11.7k41435

answered Nov 12 at 22:10

JeffC

11.7k41435

If I don't use filter for elementall it works fine for me. browser.element.all(by.css('span.catalog.value')).then(function(items) { for(let item of items) { item.getText().then((text: string) => { console.log('TEXT!! ' + text); return text; }) } });
– SUM
Nov 16 at 14:23

add a comment |

If I don't use filter for elementall it works fine for me. browser.element.all(by.css('span.catalog.value')).then(function(items) { for(let item of items) { item.getText().then((text: string) => { console.log('TEXT!! ' + text); return text; }) } });
– SUM
Nov 16 at 14:23

If I don't use filter for elementall it works fine for me. browser.element.all(by.css('span.catalog.value')).then(function(items) { for(let item of items) { item.getText().then((text: string) => { console.log('TEXT!! ' + text); return text; }) } });
– SUM
Nov 16 at 14:23

add a comment |

up vote
0
down vote

You can't do getText() for . Try to use this:

var somevariable = element(by.css('span[class="catalog value"]')).getAttribute('textContent');

console.log('text is' + somevariable);

answered Nov 14 at 9:29

technodeath

411

add a comment |

up vote
0
down vote

You can't do getText() for . Try to use this:

var somevariable = element(by.css('span[class="catalog value"]')).getAttribute('textContent');

console.log('text is' + somevariable);

answered Nov 14 at 9:29

technodeath

411

add a comment |

up vote
0
down vote

You can't do getText() for . Try to use this:

var somevariable = element(by.css('span[class="catalog value"]')).getAttribute('textContent');

console.log('text is' + somevariable);

answered Nov 14 at 9:29

technodeath

411

You can't do getText() for . Try to use this:

var somevariable = element(by.css('span[class="catalog value"]')).getAttribute('textContent');

console.log('text is' + somevariable);

answered Nov 14 at 9:29

technodeath

411

answered Nov 14 at 9:29

technodeath

411

answered Nov 14 at 9:29

technodeath

411

answered Nov 14 at 9:29

technodeath

411

add a comment |

draft saved

draft discarded

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Cfrgtkky