Як обробляти веб-таблицю в Selenium WebDriver

Читання веб-таблиці HTML

Бувають випадки, коли нам потрібен доступ до елементів (як правило, до текстів), які знаходяться в таблицях HTML. Однак веб-дизайнер дуже рідко надає атрибут id або name певній комірці таблиці. Тому ми не можемо використовувати звичайні методи, такі як "By.id ()", "By.name ()" або "By.cssSelector ()". У цьому випадку найбільш надійним варіантом є доступ до них методом "By.xpath ()".

У цьому посібнику ви дізнаєтесь-

• Як написати XPath для таблиці
• Доступ до вкладених таблиць
• Використання атрибутів як предикатів
• Ярлик: Використовуйте елемент перевірки для доступу до таблиць у селені

Як написати XPath для таблиці

Розгляньте HTML-код нижче.

Ми використаємо XPath, щоб отримати внутрішній текст комірки, що містить текст "четверта комірка".

Крок 1 - Встановіть батьківський елемент (таблиця)

Локатори XPath у WebDriver завжди починаються з подвійної косої риски "//", а потім за батьківським елементом . Оскільки ми маємо справу з таблицями, батьківським елементом завжди повинен бути тег

Крок 2 - Додайте дочірні елементи

Елемент безпосередньо під

Крок 3 - Додавання предикатів

Елемент

Ще можна зробити висновок, що два елементи

Щоб дістатися до

Отже, як тоді отримати доступ до другого

Предикати - це числа або атрибути HTML, укладені в пару квадратних дужок "[]", які відрізняють дочірній елемент від його братів і сестер . Оскільки

Якщо ми не використовуємо жоден предикат, XPath отримає доступ до першого брата. Тому ми можемо отримати доступ до першого

Крок 4 - Додайте наступні дочірні елементи, використовуючи відповідні предикати

Наступним елементом, до якого нам потрібно отримати доступ, є другий

Пам'ятайте, що коли ми розміщуємо код XPath на Java, нам слід використовувати косу риску "\" для подвійних лапок по обидва боки від "270", щоб аргумент рядка By.xpath () не припинявся передчасно .

Тепер ми готові отримати доступ до цієї комірки, використовуючи код нижче.

public static void main (String [] args) {Рядок baseUrl = "http://demo.guru99.com/test/newtours/";Драйвер WebDriver = новий FirefoxDriver ();драйвер.get (baseUrl);Рядок innerText = driver.findElement (Автор.xpath ("// таблиця [@width = \" 270 \ "] / tbody / tr [4] / td")).getText ();System.out.println (innerText);driver.quit ();}

Ярлик: Використовуйте елемент перевірки для доступу до таблиць у селені

Якщо номер або атрибут елемента отримати надзвичайно складно або неможливо, найшвидший спосіб створення коду XPath - це використання елемента перевірки.

Розглянемо приклад нижче із домашньої сторінки Mercury Tours.

Крок 1

Використовуйте Firebug для отримання коду XPath.

Крок 2

Шукайте перший батьківський елемент "таблиця" і видаліть все ліворуч від нього.

Крок 3

Залиште частину коду префіксом подвійною косою рискою "//" та скопіюйте її у свій код WebDriver.

Наведений нижче код WebDriver зможе успішно отримати внутрішній текст елемента, до якого ми отримуємо доступ.

public static void main (String [] args) {Рядок baseUrl = "http://demo.guru99.com/test/newtours/";Драйвер WebDriver = новий FirefoxDriver ();драйвер.get (baseUrl);Рядок innerText = driver.findElement (Автор.xpath ("// таблиця / tbody / tr / td [2]"+ "// стіл / tbody / tr [4] / td /"+ "table / tbody / tr / td [2] /"+ "стіл / tbody / tr [2] / td [1] /"+ "таблиця [2] / tbody / tr [3] / td [2] / шрифт")).getText ();System.out.println (innerText);driver.quit ();}

Резюме

• By.xpath () зазвичай використовується для доступу до елементів таблиці.
• Якщо елемент записаний глибоко в HTML-коді, так що номер, який використовуватиметься для предиката, дуже важко визначити, ми можемо замість нього використовувати унікальний атрибут цього елемента.
• Атрибути використовуються як предикати, ставлячи їх перед символом @.
• Використовуйте контрольний елемент для доступу до таблиць у селені

public static void main (String [] args) {Рядок baseUrl = "http://demo.guru99.com/test/write-xpath-table.html";Драйвер WebDriver = новий FirefoxDriver ();драйвер.get (baseUrl);Рядок innerText = driver.findElement (By.xpath ("// table / tbody / tr [2] / td [2]")). GetText ();System.out.println (innerText);driver.quit ();}}

public static void main (String [] args) {Рядок baseUrl = "http://demo.guru99.com/test/accessing-nested-table.html";Драйвер WebDriver = новий FirefoxDriver ();драйвер.get (baseUrl);Рядок innerText = driver.findElement (By.xpath ("// table / tbody / tr [2] / td [2] / table / tbody / tr / td [2]")). GetText ();System.out.println (innerText);driver.quit ();}