Как обратиться к элементы с псевдоклассом с помощью Selenium?

Question

[fandorin_official]

На странице есть следующий элемент:

<div class="slider__container">
    <div class="slider-item js-slider-item" style="background-image: url(&quot;https://example.com/image.jpg&quot;); left: 0px;"></div>
    ::after
</div>

Требуется обратиться к псевдоклассу ::after и вытащить css этого элемента.
Как я могу обратиться к этому элементу?

Answer 1

[сергей кузьмин]

выполнив javascript

script = "return window.getComputedStyle(arguments[0],':after')";

- псевдоэлементы это на самом деле не элементы а стили

Comments

[fandorin_official]

[fandorin_official]

Вот так вот:

[сергей кузьмин]

почти попал

default_downloads_dir = getenv('USERPROFILE' if getenv('OS') == 'NT' else 'HOME') + '/' + 'Downloads'
  chromedriver_path = default_downloads_dir + '/' + ('chromedriver.exe' if getenv('OS') == 'NT' else 'chromedriver')
  options = Options()
  driver = webdriver.Chrome(chromedriver_path, chrome_options = options)
  url = 'https://www.w3schools.com/css/tryit.asp?filename=trycss_before'
  driver.get(url)
  frame_css = 'div#iframewrapper iframe[name="iframeResult"]'
  frame_element = driver.find_element_by_css_selector(frame_css)
  print(frame_element.get_attribute('outerHTML'))
  driver.switch_to.frame(frame_element)
  element_xpath = '//h1'
  element = driver.find_element_by_xpath(element_xpath)
  print( element.get_attribute('innerHTML'))
  driver.implicitly_wait(10)
  script = 'return window.getComputedStyle(arguments[0],":before")'
  data = driver.execute_script(script, element)
  print('Result(raw) : {}'.format(data))
  for data_key in data:
    print('element: {}'.format(data_key))
  script = 'return window.getComputedStyle(arguments[0],":before").getPropertyValue(arguments[1]);'
  for property_key in ['top', 'left', 'width', 'height', 'content']:
	property_value = driver.execute_script(script, element, property_key)
	print('element property {} = {}'.format(property_key, property_value))
  driver.switch_to.default_content()
  driver.close()
  driver.quit()

даст все проперти и для выбранных и значения

element property top = auto
element property left = auto
element property width = auto
element property height = auto
element property content = url("https://www.w3schools.com/css/smiley.gif")

когда проверите отметьте как решение

Answer 2

[fandorin_official]

self.driver.execute_script("return window.getComputedStyle(document.querySelector('.slider__container'),':after')")