Get Css Value Width in % - Selenium WebDriver- JUnit

Question

I have a web page which displays a dynamic layout (generated by extjs) which is supposed to occupy 100% of the width. I am using

WebElement element = driver.findElement(By.id("ext-gen4"));

String backgroundColor = element.getCssValue("width");

But currently it is returning the width in pixel and on top that the WebDriver browser (Firefox) is not displayed in maximum mode so the value is even less. Is there any way I can get the value in %? I came to know of some GetCssProperty class but I am unable to use it properly. Any details on that? I am using Selenium WebDriver 2.23 with JUnit.

I guess there must be a way to maximize the window.

@Frank: Sorry for confusing you folks but my question was about finding the width Css property of a div or anything in % like 100% or 60%. Currently the getCssValue returns the width in pixel. — some_other_guy
– some_other_guy, Commented Jul 19, 2012 at 12:11

Franz Ebner · Accepted Answer · 2012-07-19 12:36:25Z

2

As Slanec said you can maximize your window like

driver.manage().window().maximize()

Than you can create a method

private float getWidthInRelationToWindow(WebElement element){
    return ((float)element.getSize().getWidth())/
                  this.drivy.manage().window().getSize().getWidth();
}

answered Jul 19, 2012 at 12:36

Franz Ebner

5,1463 gold badges42 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

some_other_guy Over a year ago

Thanks a lot. My faith in Stack Overflow is justified. :)

Petr Janeček · Accepted Answer · 2012-07-19 10:14:15Z

0

Usi this to maximize:

driver.manage().window().maximize()

or even this for fullscreen:

driver.findElement(By.tagName("html")).sendKeys(Keys.F11);

You can't get the value other than in pixels - you'll have to compute the percentage yourself. Note that you don't even have to use the CSS value, there's a getSize() method on a WebElement which can be also used to get the size of <html> or <body> elements, you wouldn't then even need the maximize.

answered Jul 19, 2012 at 10:14

Petr Janeček

38.5k13 gold badges128 silver badges149 bronze badges

3 Comments

some_other_guy Over a year ago

Thanks but that's not the question I was asking. Sorry for confusing you guys. I want to find the width CSS property of a div in %. Currently it returns the value in pixel which renders my test useless in a different system or resolution.

some_other_guy Over a year ago

Any idea how can I compute the width in percentage?? Correct me if I am wrong - I get size of the html body, the size of the div and calculate??? Write a function for it??

Petr Janeček Over a year ago

@MaitreyaDwaipayan As I said, you'll need to calculate it yourself. Just divide the width by the window's (or containing element's) width. Use either getCssValue("width") or getSize().width I gave you.

Collectives™ on Stack Overflow

Get Css Value Width in % - Selenium WebDriver- JUnit

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related