Selenium click problem (Python)

Question

Я использую Selenium (ChromeDriver), чтобы автоматизировать chess site, но у меня возникли проблемы с нажатием на кусок и его перемещение. Я пробовал click() и ActionChains, но ничего не работает. Вот мой код:

from selenium import webdriver 
from selenium.webdriver.common.by import By 
from selenium.webdriver.support.ui import WebDriverWait 
from selenium.webdriver.support import expected_conditions as EC 

T = r"C:\Users\HP\Downloads\chromedriver.exe" 
options = webdriver.ChromeOptions() 
options.add_argument("--start-maximized") 
Driver = webdriver.Chrome(T, chrome_options=options) 
Driver.get("https://www.chess.com/play/computer") 
Driver.find_element_by_xpath('//*[@id="boardMessage"]/a').click() 
Piece = WebDriverWait(Driver,10).until(EC.element_to_be_clickable((By.XPATH,'//*[@id="chessboard_boardarea"]/img[22]'))) 
Piece.click() 

Когда я запускаю сценарий, ничего не происходит, но белая пешка должна быть выделена желтым цветом. Может кто-нибудь объяснить, почему .click() или ActionChains не работает? Как я могу заставить его работать?

P.S. Если для решения требуется помощь JavaScript, напишите его более подробно, потому что я вообще не знаю JavaScript.

Answer 1

Это несколько сложно. Шахматные фигуры: IMG s, которые можно щелкнуть, но пустые шахматные квадраты не представлены элементом. Вам нужно будет определить систему координат и использовать move_to_element_with_offset(to_element, xoffset, yoffset), основанный на доске, представленный <div id="chessboard_boardarea" ...> и наклейками A-H и 1-8. Для move_to_element_with_offset() смещения относятся к верхнему левому углу элемента. Таким образом, в этом случае (0,0) - верхний левый угол шахматной доски.

Код ниже должен щелкнуть белую пешку на A2, а затем нажать кнопку A3, которая перемещает его. Плата составляет 640px x 640px. Каждый квадрат составляет 80 пикселей. Код щелкает в середине квадрата так:

• A8 будет 40,40
• А1 40600
• H8 является 600,40
• Н1 600.600

board = Driver.find_element_by_id("chessboard_boardarea") 
action_chains = ActionChains(Driver) 
action_chains.move_to_element_with_offset(board, 40, 520).click().perform() # A2 
action_chains.move_to_element_with_offset(board, 40, 440).click().perform() # A3 

Вы можете определить, какая деталь представлена ​​элементом (IMG), просмотрев имя файла в атрибуте src. Например, src="//images.chesscomfiles.com/chess-themes/pieces/neo/80/bn.png" имеет имя файла bn.png и является черным рыцарем. Каждое имя файла изображения будет состоять из двух букв. Первая буква - это цвет детали, который является либо «b» для черного, либо «w» для белого. Вторая буква - это имя пьесы, пешка «p», «r» ладья, рыцарь «n», «b», «qu» и «k». Итак, bn.png - «b» для черных и «n» для рыцаря ... черный рыцарь.

Вы можете определить, где находятся части, используя часть атрибута стиля тегов IMG, представляющих разные части. Например, transform: translate(160px, 160px); этот элемент находится на 160,160, который является C6 (коорды являются верхним левым квадратом, а каждый квадрат - 80 пикселей).

Answer 2

Selenium Webdriver не подходит для этого.

Вы можете попробовать Genie automation tool, если вы ищете бесплатный инструмент. Я пробовал свои руки на Джини, это немного сложно, но в конце он решает вашу проблему.