Appium-CSS Property(CSS属性)

傷城~ 2022-11-19 04:14 139阅读 0赞

### Get Element CSS Value ###

*   *   *   *   *  Example Usage
                 *  Description
                 *  Support
                 *   *  Appium Server
                     *  Appium Clients
                 *  HTTP API Specifications
                 *   *  Endpoint
                     *  URL Parameters
                     *  JSON Parameters
                     *  Response

Query the value of a web element’s computed CSS property //查询web元素的计算CSS属性的值

##### Example Usage #####

<table> 
 <thead> 
  <tr> 
   <th></th> 
   <th align="left"></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Java</td> 
   <td align="left">MobileElement element = (MobileElement) driver.findElementById(<code>"SomeId"</code>);<br>String cssProperty = element.getCssValue(<code>"style"</code>);</td> 
  </tr> 
  <tr> 
   <td>Python</td> 
   <td align="left">cssProperty = self.driver.find_element_by_accessibility_id(<code>'SomeId'</code>).value_of_css_property(<code>"style"</code>)</td> 
  </tr> 
  <tr> 
   <td>Javascript</td> 
   <td align="left">// webdriver.io example<br>let cssProperty = $(<code>"~SomeId"</code>).getCSSProperty(<code>"style"</code>);<br><br>// wd example<br>@driver.find_element(:id, <code>'SomeId'</code>).css_value</td> 
  </tr> 
  <tr> 
   <td>Ruby</td> 
   <td align="left"># ruby_lib example<br>find_element(:id,<code>'SomeId'</code>).css_value<br>element.rect<br><br># ruby_lib_core example<br>element = @driver.find_element :accessibility_id,<code>"SomeAccessibilityID"</code><br>element.rect</td> 
  </tr> 
  <tr> 
   <td>C#</td> 
   <td align="left">var element = driver.FindElementById(<code>"SomeId"</code>);<br>string cssProperty = element.GetCssValue(<code>"style"</code>);</td> 
  </tr> 
  <tr> 
   <td>PHP</td> 
   <td align="left">// TODO PHP sample</td> 
  </tr> 
 </tbody> 
</table>

##### Description #####

The CSS property to query should be specified using the CSS property name, not the JavaScript property name (e.g. background-color instead of backgroundColor). //要查询的CSS属性应该使用CSS属性名而不是JavaScript属性名（例如background color而不是backgroundColor）来指定

This command only applies to webview contexts //此命令仅适用于webview上下文

##### Support #####

###### Appium Server ######

<table> 
 <thead> 
  <tr> 
   <th>Platform</th> 
   <th>Driver</th> 
   <th>Platform Versions</th> 
   <th>Appium Version</th> 
   <th>Driver Version</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>iOS</td> 
   <td>XCUITest</td> 
   <td>9.3+</td> 
   <td>All</td> 
   <td>All</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>UIAutomation</td> 
   <td>8.0 to 9.3</td> 
   <td>All</td> 
   <td>All</td> 
  </tr> 
  <tr> 
   <td>Android</td> 
   <td>Espresso</td> 
   <td>?+</td> 
   <td>1.9.0+</td> 
   <td>All</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>UiAutomator2</td> 
   <td>?+</td> 
   <td>1.6.0+</td> 
   <td>All</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>UiAutomator</td> 
   <td>4.3+</td> 
   <td>All</td> 
   <td>All</td> 
  </tr> 
  <tr> 
   <td>Mac</td> 
   <td>Mac</td> 
   <td>?+</td> 
   <td>1.6.4+</td> 
   <td>All</td> 
  </tr> 
  <tr> 
   <td>Windows</td> 
   <td>Windows</td> 
   <td>10+</td> 
   <td>1.6.0+</td> 
   <td>All</td> 
  </tr> 
 </tbody> 
</table>

###### Appium Clients ######

<table> 
 <thead> 
  <tr> 
   <th align="left">Language</th> 
   <th align="left">Support</th> 
   <th align="left">Documentation</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">Java</td> 
   <td align="left">All</td> 
   <td align="left">seleniumhq.github.io</td> 
  </tr> 
  <tr> 
   <td align="left">Python</td> 
   <td align="left">All</td> 
   <td align="left">selenium-python.readthedocs.io</td> 
  </tr> 
  <tr> 
   <td align="left">Javascript (WebdriverIO)</td> 
   <td align="left">All</td> 
   <td align="left"></td> 
  </tr> 
  <tr> 
   <td align="left">Javascript (WD)</td> 
   <td align="left">All</td> 
   <td align="left">github.com</td> 
  </tr> 
  <tr> 
   <td align="left">Ruby</td> 
   <td align="left">All</td> 
   <td align="left">www.rubydoc.info</td> 
  </tr> 
  <tr> 
   <td align="left">PHP</td> 
   <td align="left">All</td> 
   <td align="left">github.com</td> 
  </tr> 
  <tr> 
   <td align="left">C#</td> 
   <td align="left">All</td> 
   <td align="left">github.com</td> 
  </tr> 
 </tbody> 
</table>

##### HTTP API Specifications #####

###### Endpoint ######

`GET /session/:session_id/elements/:element_id/css/:property_name`

###### URL Parameters ######

<table> 
 <thead> 
  <tr> 
   <th align="left">name</th> 
   <th align="left">description</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">session_id</td> 
   <td align="left">ID of the session to route the command to</td> 
  </tr> 
  <tr> 
   <td align="left">element_id</td> 
   <td align="left">ID of the element to get the property from</td> 
  </tr> 
  <tr> 
   <td align="left">property_name</td> 
   <td align="left">Name of the CSS property</td> 
  </tr> 
 </tbody> 
</table>

###### JSON Parameters ######

None

###### Response ######

Value of the CSS property (`string`)