How to access to ‘rect’ type element through Selenium-Python

by

<rect>

The <rect> element is a basic SVG shape that creates rectangles, defined by their corner’s position, their width, and their height. The rectangles may have their corners rounded.

An Example:

<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Simple rect element -->
  <rect x="0" y="0" width="100" height="100" />

  <!-- Rounded corner rect element -->
  <rect x="120" y="0" width="100" height="100" rx="15" ry="15" />
</svg>

Attributes

The attributes of <rect> elements are as follows:

  • x: This attribute determines the x coordinate of the rect.
    • Value type: | ; Default value: 0; Animatable: yes
  • y: This attribute determines the y coordinate of the rect.
    • Value type: | ; Default value: 0; Animatable: yes
  • width: This attribute determines the width of the rect.
    • Value type: auto|| ; Default value: auto; Animatable: yes
  • height: This attribute determines the height of the rect.
    • Value type: auto|| ; Default value: auto; Animatable: yes
  • rx: This attribute determines the horizontal corner radius of the rect.
    • Value type: auto|| ; Default value: auto; Animatable: yes
  • ry: This attribute determines the vertical corner radius of the rect.
    • Value type: auto|| ; Default value: auto; Animatable: yes
  • pathLength: This attribute lets specify the total length for the path, in user units.
    • Value type: ; Default value: none; Animatable: yes

Note: Starting with SVG2 x, y, width, height, rx and ry are Geometry Properties, meaning those attributes can also be used as CSS properties for that element.

This usecase

As the <rect> element is a SVG element so to locate such elements you have to explicitly specify the SVG namespace when accessing the elements using xpath as follows:

  • For <svg> elements:

    //*[name()="svg"]

  • For <g> elements:

    //*[name()="svg"]/*[name()="g"]

  • For <rect> elements:

    //*[name()="svg"]/*[name()="g"]/*[name()="rect"]
//*[name()="svg"]/*[name()="rect"]

References

You can find a couple of relevant detailed discussions in

More Related Contents:

  1. Clicking on svg using selenium python
  2. selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element while trying to click Next button with selenium
  3. Select iframe using Python + Selenium
  4. StaleElementException when iterating with Python
  5. Unable to locate element using selenium chrome webdriver in python selenium
  6. Python Selenium WebDriver. Writing my own expected condition
  7. Selenium Compound class names not permitted
  8. Selenium not able to click on Get Data button on using Python
  9. Scrape website with dynamic mouseover event
  10. selenium.common.exceptions.ElementClickInterceptedException: Message: element click intercepted: Element is not clickable with Selenium and Python
  11. SyntaxError: Failed to execute ‘evaluate’ on ‘Document’: The string ‘//img[contains(‘1236548597′)]’ is not a valid XPath expression
  12. Python Selenium – get href value
  13. ElementClickInterceptedException: Message: element click intercepted: Element is not clickable with Selenium and Python
  14. ElementNotInteractableException: Message: element not interactable error while sending text to Email field on Quora using Selenium with Python
  15. How to retrieve partial text from a text node using Selenium and Python
  16. ElementNotInteractableException: Message: element not interactable error sending text in search field using Selenium Python
  17. selenium two xpath tests in one
  18. selenium – Failed to execute ‘evaluate’ on ‘Document’: The string is not a valid XPath expression
  19. How to select kendo dropdown element with unselectable=”on” attribute using Selenium and Python
  20. How to find element by part of its id name in selenium with python
  21. “selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element” while clicking a ‘Next’ button with Selenium
  22. NoSuchElementException: Message: Unable to locate element while trying to click on the button VISA through Selenium and Python
  23. How to get background-image from inline css using selenium
  24. How to retrieve the title attribute through Selenium using Python?
  25. How to select element using XPATH syntax on Selenium for Python?
  26. How to click on Load More button within Google Trends and print all the titles through Selenium and Python
  27. selenium.common.exceptions.WebDriverException: Message: ‘chromedriver’ executable needs to be in PATH error with Headless Chrome
  28. Wait until page is loaded with Selenium WebDriver for Python
  29. Selenium on MAC, Message: ‘chromedriver’ executable may have wrong permissions
  30. Get all child elements

Leave a Comment