Как правильно написать CssSelector, используя c# и OpenQA.Selenium.Chrome?

Question

[Afrodita13124]

Ознакамливаюсь с автоматизацией пользовательского интерфейса. Для начала решила написать простенький код на C#, используя OpenQA.Selenium.Chrome, который вбивал бы в поиск Telegram ссылку на чат, выбирал его и отправлял сообщение. Определить текстовое поле для поиска и ввести в него текст я смогла, а вот с оставшимися двумя шагами возникли проблемы.

Код на C#:

driver.Navigate().GoToUrl("https://web.telegram.org/#/login");

IWebElement query = driver.FindElement(By.CssSelector("input[type='search']"));
query.SendKeys("https://t.me/bAHdiTu");

IWebElement query1 = driver.FindElement(By.CssSelector("ul.nav.nav-pills.nav-stacked li:first-child"));
query1.Click();

IWebElement query2 = driver.FindElement(By.CssSelector("div[class='composer_rich_textarea']"));
query2.SendKeys("тест");

Для выбора чата нужно выбрать первый элемент из ul - li:first-child. Я попробовала выбрать его по классам, но вылетает исключение: "OpenQA.Selenium.NoSuchElementException: "no such element: Unable to locate element: {"method":"css selector","selector":"ul.nav.nav-pills.nav-stacked li:first-child"}". Поле для ввода тоже пробовала выбрать по классам, но не получилось.

HTML-разметка в Telegram WEB:





Помогите пожалуйста правильно описать селектор.

Comments

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

в чём заключается помощь - написать вместо вас ?
попробуйте пожалуйста by.xpath - возьмите из браузера и наладьте

[Afrodita13124]

сергей кузьмин, Спасибо за ответ, попробовала через XPATH, в Chrome копируется в таком виде: body > div.page_wrap > div.im_page_wrap.clearfix > div > div.im_dialogs_col_wrap.noselect.im_dialogs_col_search > div.im_dialogs_col > div > div.im_dialogs_scrollable_wrap.nano-content > ul > li:nth-child(1)
Нашла пример XPATH на C# и сделала по подобию: html/body/div.page_wrap/div.im_page_wrap.clearfix/div/div.im_dialogs_col_wrap.noselect.im_dialogs_col_search/div.im_dialogs_col/div/div.im_dialogs_scrollable_wrap.nano-content/ul/li:nth-child(1)
Всё равно ошибка, выводит следующее исключение: OpenQA.Selenium.InvalidSelectorException: "invalid selector: Unable to locate an element with the xpath expression html/body/div.page_wrap/div.im_page_wrap.clearfix/div/div.im_dialogs_col_wrap.noselect.im_dialogs_col_search/div.im_dialogs_col/div/div.im_dialogs_scrollable_wrap.nano-content/ul/li:nth-child(1) because of the following error:
SyntaxError: Failed to execute 'evaluate' on 'Document': The string 'html/body/div.page_wrap/div.im_page_wrap.clearfix/div/div.im_dialogs_col_wrap.noselect.im_dialogs_col_search/div.im_dialogs_col/div/div.im_dialogs_scrollable_wrap.nano-content/ul/li:nth-child(1)' is not a valid XPath expression.

[Afrodita13124]

сергей кузьмин, Пробовала в двух вариантах.

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

Afrodita13124, спасибо а подробый отчет у xpath вместо dom функций используйтк просто
/*[1]

и классы надо явно
/*[contains(@class,'im_dialogs')]
короче учиться учиться и учитсья ваше будущее у вас впереде
и вообще мне кажется длинноват он у вас

помоему атрибуты проверять надежнее

- прощу прощения за праткость - наработе

[Afrodita13124]

сергей кузьмин, спасибо, завтра попробую исправить. Но мне казалось это просто красота кода и она должно и так работать, если копируется таким образом. Да и в других примерах похожим образом пишется, мне бы пример именно с тг, тогда бы может и получилось сделать.

Answer 1

[Василий Банников]

"input[type='search']"

"input[type=\"search\"]"

"ul.nav.nav-pills.nav-stacked li:first-child"

"ul.nav-pills.nav-stacked>li:first-child"

"div[class='composer_rich_textarea']"

"div.composer_rich_textarea"