how to fetch `style="background-image: url` using selenium webDrive?

Question

I grabbed this element using selenium webDrive:

<div class="body" style="background-image: url('http://d1oiazdc2hzjcz.cloudfront.net/promotions/precious/2x/p_619_o_6042_precious_image_1419849753.png');">

how can I fetch the value: http://d1oiazdc2hzjcz.cloudfront.net/promotions/precious/2x/p_619_o_6042_precious_image_1419849753.png ?

I'm not sure as this is an inner value, and not just an "src" attribute.

possible duplicate of http://stackoverflow.com/questions/14013131/javascript-get-background-image-url-of-div — Vitorino fernandes, Dec 29 '14 at 12:15
I hope you are looking selenium-java combination answer.please remove the javascript tag people are answering in javascript — ra_sangeeth, Dec 29 '14 at 12:20

score 7 · Answer 1 · answered Dec 29 '14 at 12:27

7

getCssValue(); will help you

 WebElement img = driver.findElement(By.className('body'));
 String imgpath = img.getCssValue("background-image");

then you can split the unwanted string "url('"

PS : Remove the javascript tag in your question

answered Dec 29 '14 at 12:27

ra_sangeeth

467
3
13

how can I fetch with regex the url itself? `url('http://d1oiazdc2hzjcz.cloudfront.net/promotions/precious/2x/p_619_o_6042_precious_image_1419849753.png');">` – Elad Benda2 Dec 29 '14 at 13:35
http://www.regexguru.com/2008/11/detecting-urls-in-a-block-of-text/ this may help you! – ra_sangeeth Dec 29 '14 at 13:41

score 4 · Answer 2 · answered Dec 29 '14 at 12:13

4

Try this

var imgString = $(".body").css('background-image');
console.log (imgString.split("(")[1] // remove open bracket
                      .split(")")[0] // remove close bracket
             );

Fiddle

answered Dec 29 '14 at 12:13

Sudharsan S

15,336
3
31
49

v=element(By.css('.icon.delete')); v.getCssValue("background-image").then (x) -> console.log x – ji-ruh Dec 11 '15 at 14:02
what language is this? I didn't get ?? – Sudharsan S Dec 11 '15 at 14:05
I am giving the answer in the way of jquery – Sudharsan S Dec 11 '15 at 14:05
this is not suitable for your question – Sudharsan S Dec 11 '15 at 14:07
@ji-ruh - The OP tagged javascript on time of posting the question. SO i answered in javascript, Yup later he untag the javascript \ – Sudharsan S Dec 11 '15 at 14:12
Im using protractor and coffeescipt. – ji-ruh Dec 11 '15 at 14:27
here is the exact error: ypeError: Object [object Object] has no method 'split' – ji-ruh Dec 11 '15 at 14:28

score 0 · Answer 3 · edited Nov 28 '21 at 17:49

0

You can try the following

some_variable=self.driver.find_element_by_xpath("//div[@class='body' and contains(@style,'url')]")
some_variable2=some_variable.get_attribute('style')

edited Nov 28 '21 at 17:49

Saurav Rai

2,171
1
15
29

answered Nov 28 '21 at 15:24

Nitesh Singh

21
3

how to fetch `style="background-image: url` using selenium webDrive?

3 Answers3

Linked