Add ability to query for CSS properties

[grom358]

The selenium2 driver (and maybe SahiDriver/Selenium?) can support querying a computed CSS property (https://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/css/:propertyName) so I propose that Mink's Element support a getComputedStyle($propertyName) or similar method.

https://github.com/Behat/Mink/pull/582

https://github.com/Behat/MinkSelenium2Driver/pull/168

[aik099]

If you won't find a way how to implement this in other drivers, then this most likely won't be merged.

Point of Mink is to create driver-agnostic API that can work in majority of drivers (e.g. of course headless drivers won't be able to operate on CSS).

[aik099]

Sahi can do this, but it seems, that in Pro version only: http://sahipro.com/java/javadocs/net/sf/sahi/client/ElementStub.html#style(java.lang.String)

[aik099]

@grom358 can you shed some link on a problem you're trying to solve, where such functionality would come in handy. I'm asking since usually in tests you click on something, type something, basically emulate user activity. I don't know any user activity that would require to know computed CSS of an element.

[grom358]

@aik099 I only discovered this cause I was investigating doing UI testing with phantomJS and wrote a test that would check for hover effects. I will be at DrupalCon Amsterdam speaking about Mink and doing javascript/front-end testing for Drupal will be discussed, so I will get a better idea then on if there much demand for this. I will keep you posted.

By the way, thank you for the very quick and detailed responses.

[aik099]

... I was investigating doing UI testing with phantomJS and wrote a test that would check for hover effects. ...

Actually hover effects (with :hover in CSS files) are supported only in CSS-aware Mink's driver, which only MinkSelenium2Driver is. For me the :hover selector was changing element's height and I then measured it via JavaScript to determine if hover was occured.

[samtny]

I would like to see this feature; I am hacking away right now, trying to find a way to get 'computed height' of async DFP/ad tags, to validate that all tags are not only 'visible' but also have a 'height > 1'.

[aik099]

Nobody is preventing you from using WebDriver directly via getWebDriver() method (e.g. $session->getDriver()->getWebDriver()) and getting these CSS properties if you're 100% sure that you stick with Selenium.