ฉันจะค้นหาองค์ประกอบที่มีข้อความเฉพาะใน Selenium Webdriver (Python) ได้อย่างไร

ฉันพยายามทดสอบอินเตอร์เฟส javascript ที่ซับซ้อนด้วย Selenium (ใช้ส่วนต่อประสาน Python และในเบราว์เซอร์หลายตัว) ฉันมีปุ่มหลายรูปแบบ:

<div>My Button</div>

ฉันต้องการค้นหาปุ่มตาม "ปุ่มของฉัน" (หรือไม่ตรงตามตัวพิมพ์ใหญ่ - เล็กและตรงเช่น "ปุ่มของฉัน" หรือ "ปุ่ม")

ฉันพบว่ามันยากอย่างน่าอัศจรรย์เท่าที่ฉันรู้สึกว่าฉันขาดอะไรบางอย่างที่เห็นได้ชัด สิ่งที่ดีที่สุดที่ฉันมีคือ:

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

อย่างไรก็ตามแบบตรงตามตัวพิมพ์ใหญ่ - เล็ก สิ่งอื่น ๆ ที่ฉันได้ลองทำก็คือวนซ้ำทั้งหมดในหน้าและตรวจสอบคุณสมบัติ element.text อย่างไรก็ตามทุกครั้งที่คุณได้รับแบบฟอร์ม:

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

div.outer ยังมี "ปุ่มของฉัน" เป็นข้อความ ในการแก้ไขปัญหานั้นฉันได้ลองดูเพื่อดูว่า div.outer เป็นพาเรนต์ของ div.inner แต่ไม่สามารถหาวิธีการทำเช่นนั้นได้ การทดสอบไม่เท่ากับ div.outer) นอกจากนี้การวนองค์ประกอบทั้งหมดในหน้านั้นดูเหมือนจะช้ามากอย่างน้อยก็ใช้ Chrome webdriver

ไอเดีย?

แก้ไข: คำถามนี้คลุมเครือเล็กน้อย ถาม (และตอบ) รุ่นที่เฉพาะเจาะจงมากขึ้นที่นี่: วิธีรับข้อความขององค์ประกอบใน Selenium WebDriver (ผ่าน Python API) โดยไม่รวมข้อความองค์ประกอบลูก

ลองทำสิ่งต่อไปนี้:

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

คุณสามารถลอง xpath เช่น:

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

คุณสามารถใช้กับรูปแบบวัตถุหน้าเช่น:

ลองรหัสนี้:

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

// * จะมองหาแท็ก HTML ใด ๆ หากข้อความบางข้อความเป็นเรื่องธรรมดาสำหรับแท็กปุ่มและ div และหาก // // เป็นหมวดหมู่ข้อความนั้นจะไม่ทำงานอย่างที่คาดไว้ หากคุณต้องการเลือกเฉพาะคุณสามารถรับได้โดยประกาศแท็กองค์ประกอบ HTML ชอบ:

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

ที่น่าสนใจแทบทุกคำตอบหมุนรอบการทำงานของ XPath contains()ละเลยความเป็นจริงมันเป็นกรณีที่มีความสำคัญ - ตรงกันข้ามกับของ OP ถาม
หากคุณต้องการความรู้สึกตัวพิมพ์เล็กและตัวพิมพ์ใหญ่นั้นสามารถทำได้ใน xpath 1.0 (เวอร์ชันปัจจุบันสนับสนุนเบราว์เซอร์)แม้ว่ามันจะไม่สวย - โดยการใช้translate()ฟังก์ชั่น มันทดแทนตัวละครแหล่งที่มากับรูปแบบที่ต้องการโดยใช้ตารางการแปล

การสร้างตารางของอักขระตัวพิมพ์ใหญ่ทั้งหมดจะแปลงข้อความของโหนดให้เป็นแบบฟอร์มล่าง () ได้อย่างมีประสิทธิภาพช่วยให้การจับคู่แบบตัวพิมพ์เล็กและตัวพิมพ์เล็ก(นี่เป็นเพียงสิทธิพิเศษ) :

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

การเรียกหลามแบบเต็ม:

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

โดยปกติวิธีการนี้จะมีข้อเสีย - ตามที่ระบุไว้มันจะใช้ได้กับข้อความภาษาละตินเท่านั้น หากคุณต้องการครอบคลุมอักขระยูนิโค้ด - คุณจะต้องเพิ่มลงในตารางการแปล ผมเคยทำว่าในตัวอย่างข้างต้น - "Й"ตัวอักษรตัวสุดท้ายคือสัญลักษณ์ริลลิก

และถ้าเราอาศัยอยู่ในโลกที่เบราว์เซอร์ที่สนับสนุน XPath 2.0 และค่า(🤞 แต่ไม่ได้เกิดขึ้นในเร็ว ๆ นี้☹️)เราจะได้มีการใช้ฟังก์ชั่นlower-case()(ยังไม่เต็มที่รู้จักสถานที่) และmatches(สำหรับการค้นหา regex กับกรณี - แฟล็ก -insensitive ( 'i')

ใน HTML ที่คุณให้ไว้:

<div>My Button</div>

ข้อความMy Buttonเป็นinnerHTMLและไม่มีช่องว่างล้อมรอบเพื่อให้คุณสามารถใช้งานได้ง่ายtext()ดังนี้:

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

หมายเหตุ : text()เลือกชายด์โหนดข้อความทั้งหมดของโหนดบริบท

ข้อความที่มีช่องว่างนำหน้า / ต่อท้าย

ใส่ข้อความที่เกี่ยวข้องซึ่งมีช่องว่างไว้ในตอนต้น:

<div>   My Button</div>

หรือในตอนท้าย:

<div>My Button   </div>

หรือที่ปลายทั้งสอง:

<div> My Button </div>  

ในกรณีเหล่านี้คุณมี 2 ตัวเลือก:

• คุณสามารถใช้contains()ฟังก์ชั่นที่กำหนดว่าสตริงอาร์กิวเมนต์แรกมีสตริงอาร์กิวเมนต์ที่สองและส่งกลับบูลีนจริงหรือเท็จดังนี้

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

• คุณสามารถใช้normalize-space()ฟังก์ชั่นที่ตัดส่วนหัวและส่วนท้ายของช่องว่างจากสตริงแทนที่ลำดับของอักขระช่องว่างด้วยช่องว่างเดียวและส่งคืนสตริงผลลัพธ์ดังนี้

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

xpath สำหรับตัวแปรข้อความ

ในกรณีที่ข้อความเป็นตัวแปรที่คุณสามารถใช้ได้:

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"));

ปัญหาที่คล้ายกัน: ค้นหา <button>Advanced...</button>

บางทีนี่อาจจะทำให้คุณมีความคิด (กรุณาโอนแนวคิดจาก Java เป็น Python):

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

ใช้driver.find_elements_by_xpathและตรงกับ regex ฟังก์ชั่นการจับคู่สำหรับกรณีการค้นหาตายขององค์ประกอบโดยข้อความ

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

ลองสิ่งนี้ มันง่ายมาก:

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

มันใช้งานได้จริงสำหรับฉันในไดรเวอร์เว็บซีลีเนียม