Bagaimana cara menemukan elemen yang berisi teks tertentu di Selenium Webdriver (Python)?

Saya mencoba menguji antarmuka javascript yang rumit dengan Selenium (menggunakan antarmuka Python, dan melintasi beberapa browser). Saya memiliki sejumlah tombol dalam bentuk:

<div>My Button</div>

Saya ingin dapat mencari tombol berdasarkan "Tombol Saya" (atau pencocokan parsial yang tidak case-sensitif seperti "tombol saya" atau "tombol")

Saya menemukan ini sangat sulit, sampai-sampai saya merasa kehilangan sesuatu yang jelas. Hal terbaik yang saya miliki sejauh ini adalah:

driver.find_elements_by_xpath('//div[contains(text(), "' + text + '")]')

Ini peka huruf besar-kecil. Hal lain yang saya coba adalah mengulangi semua div di halaman, dan memeriksa properti element.text. Namun, setiap kali Anda mendapatkan situasi berupa:

<div class="outer"><div class="inner">My Button</div></div>

div.outer juga memiliki "My Button" sebagai teks. Untuk memperbaiki ITU, saya sudah mencoba melihat apakah div.outer adalah induk dari div.inner, tetapi tidak dapat menemukan cara melakukannya (element.get_element_by_xpath ('..') mengembalikan orangtua elemen, tetapi tes tidak sama dengan div.outer). Selain itu, melakukan iterasi melalui semua elemen pada halaman tampaknya sangat lambat, setidaknya menggunakan webdriver Chrome.

Ide ide?

Sunting: Pertanyaan ini sedikit kabur. Ditanyakan (dan dijawab) versi yang lebih spesifik di sini: Cara mendapatkan teks elemen di Selenium WebDriver (melalui api Python) tanpa menyertakan teks elemen anak?

Coba yang berikut ini:

driver.find_elements_by_xpath("//*[contains(text(), 'My Button')]")

Anda dapat mencoba xpath seperti:

'//div[contains(text(), "{0}") and @class="inner"]'.format(text)

Anda juga dapat menggunakannya dengan Pola Objek Halaman, misalnya:

Coba kode ini:

@FindBy(xpath = "//*[contains(text(), 'Best Choice')]")
WebElement buttonBestChoice;

// * akan mencari tag HTML apa pun. Di mana jika beberapa teks umum untuk Button dan tag div dan jika // * adalah kategorinya, itu tidak akan berfungsi seperti yang diharapkan. Jika Anda perlu memilih spesifik maka Anda bisa mendapatkannya dengan mendeklarasikan tag Elemen HTML. Suka:

driver.find_element_by_xpath("//div[contains(text(),'Add User')]")
driver.find_element_by_xpath("//button[contains(text(),'Add User')]")

Menariknya, hampir semua jawaban berputar di sekitar fungsi xpath contains(), mengabaikan fakta bahwa ia peka terhadap huruf besar-kecil - berlawanan dengan yang diminta OP.
Jika Anda memerlukan ketidakpekaan huruf, yang dapat dicapai di xpath 1.0 (versi dukungan browser kontemporer) , meskipun tidak cantik - dengan menggunakan translate()fungsi. Ini menggantikan karakter sumber ke bentuk yang diinginkan, dengan menggunakan tabel terjemahan.

Membuat tabel dari semua karakter huruf besar akan secara efektif mengubah teks node ke bentuk yang lebih rendah () - memungkinkan pencocokan case-insensitive (berikut ini adalah hak prerogatifnya) :

[
  contains(
    translate(text(), 'ABCDEFGHIJKLMNOPQRSTUVWXYZ', 'abcdefghijklmnopqrstuvwxyz'),
    'my button'
  )
]
# will match a source text like "mY bUTTon"

Panggilan python lengkap:

driver.find_elements_by_xpath("//*[contains(translate(text(), 'ABCDEFGHIJKLMNOPQRSTUVWXYZЙ', 'abcdefghijklmnopqrstuvwxyzй'), 'my button')]")

Tentu saja pendekatan ini memiliki kelemahan - seperti yang diberikan, itu hanya akan berfungsi untuk teks latin; jika Anda ingin membahas karakter unicode - Anda harus menambahkannya ke tabel terjemahan. Saya sudah melakukannya dalam sampel di atas - karakter terakhir adalah simbol Cyrillic "Й".

Dan jika kita hidup di dunia di mana browser mendukung xpath 2.0 dan lebih tinggi (🤞, tetapi tidak terjadi dalam waktu dekat ☹️) , kita dapat menggunakan fungsi lower-case()(namun, tidak sepenuhnya sadar-lokal), dan matches(untuk pencarian regex, dengan case -insensitive ( 'i') flag).

Dalam HTML yang Anda berikan:

<div>My Button</div>

Teksnya My Buttonadalah innerHTMLdan tidak memiliki spasi putih di sekitarnya sehingga Anda dapat dengan mudah menggunakan text()sebagai berikut:

my_element = driver.find_element_by_xpath("//div[text()='My Button']")

Catatan : text()memilih semua anak simpul teks dari simpul konteks

Teks dengan spasi di depan / belakang

Masukkan teks yang relevan yang mengandung spasi putih di awal:

<div>   My Button</div>

atau pada akhirnya:

<div>My Button   </div>

atau di kedua ujungnya:

<div> My Button </div>  

Dalam kasus ini, Anda memiliki 2 opsi:

• Anda bisa menggunakan contains()fungsi yang menentukan apakah string argumen pertama berisi string argumen kedua dan mengembalikan boolean benar atau salah sebagai berikut:

  my_element = driver.find_element_by_xpath("//div[contains(., 'My Button')]")

• Anda bisa menggunakan normalize-space()fungsi yang mengupas memimpin dan mengekor ruang putih dari string, mengganti urutan karakter spasi dengan satu spasi, dan mengembalikan string yang dihasilkan sebagai berikut:

  driver.find_element_by_xpath("//div[normalize-space()='My Button']]")

xpath untuk Teks variabel

Memetikan teks adalah variabel yang dapat Anda gunakan:

foo= "foo_bar"
my_element = driver.find_element_by_xpath("//div[.='" + foo + "']")

wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//*[contains(text(), 'YourTextHere')]")));
    assertNotNull(driver.findElement(By.xpath("//*[contains(text(), 'YourTextHere')]")));
    String yourButtonName=driver.findElement(By.xpath("//*[contains(text(), 'YourTextHere')]")).getAttribute("innerText");
    assertTrue(yourButtonName.equalsIgnoreCase("YourTextHere"));

Masalah serupa: Temukan <button>Advanced...</button>

Mungkin ini akan memberi Anda beberapa ide (harap transfer konsep dari Java ke Python):

wait.until(ExpectedConditions.elementToBeClickable(//
    driver.findElements(By.tagName("button")).stream().filter(i -> i.getText().equals("Advanced...")).findFirst().get())).click();

Gunakan driver.find_elements_by_xpath dan cocok dengan fungsi pencocokan regex untuk pencarian elemen yang tidak sensitif dengan teksnya.

driver.find_elements_by_xpath("//*[matches(.,'My Button', 'i')]")

Coba ini. Sangat mudah:

driver.getPageSource().contains("text to search");

Ini benar-benar bekerja untuk saya di driver web selenium.