での Web テーブルの処理方法 Selenium webdriver

Web テーブルとは Selenium?

A ウェブテーブル in Selenium データや情報を表形式で表現するために使用されるWebElementです。表示されるデータや情報は静的または動的です。Webテーブルとその要素には、WebElement関数とロケータを使用してアクセスできます。 SeleniumWeb テーブルの典型的な例としては、e コマースプラットフォームに表示される製品仕様が挙げられます。

HTML Web テーブルの読み取り

HTML テーブル内の要素 (通常はテキスト) にアクセスする必要がある場合があります。ただし、Web デザイナーがテーブル内の特定のセルに id または name 属性を指定することはほとんどありません。そのため、通常の「By.id()」「By.name()」「By.cssSelector()」などのメソッドは使用できません。この場合、最も信頼できるオプションは、「By.xpath()」メソッドを使用してアクセスすることです。

での Web テーブルの処理方法 Selenium

Web テーブルを処理するための以下の HTML コードを検討してください。 Selenium.

TableのXPathの書き方 Selenium

我々は使用するだろう XPath 「XNUMX 番目のセル」というテキストを含むセルの内部テキストを取得します。

TableのXPathの書き方 Selenium

ステップ 1 – 親要素 (テーブル) を設定する

WebDriverのXPathロケータは常に二重スラッシュ「//」で始まり、その後に親要素が続きます。。ここでは Web テーブルを扱っているため、 Selenium、親要素は常に鬼ごっこ。私たちの最初の部分は、 Selenium したがって、XPath テーブルロケーターは「//table」で始まる必要があります。

ステップ 2 – 子要素を追加する

直下の要素はだから私たちはそれを言うことができますの「子」です。そしてまた、の「親」です。 XPath 内のすべての子要素は、以下に示すコードのように、XNUMX つのスラッシュ「/」で区切られて親要素の右側に配置されます。

Selenium Web テーブルの例

ステップ 3 – 述語を追加する

の要素には XNUMX つが含まれますタグ。今言えるのは、この二つはタグは次の「子」です。したがって、次のように言えます。両方の親です要素。

私たちが結論できるもう一つのことは、この XNUMX つは要素は兄弟です。 兄弟とは、同じ親を持つ子要素を指します。.

に到達するには、 (「XNUMX 番目のセル」というテキストが含まれるセル) にアクセスしたい場合は、最初にアクセスする必要があります。 2番目の そして最初ではありません。単純に「//table/tbody/tr」と書くと、最初のファイルにアクセスすることになります。鬼ごっこ。

では、XNUMX番目にアクセスするにはどうすればよいですかそれから？これに対する答えは、使用することです述語.

述語は、子要素を兄弟要素と区別する角括弧「[ ]」で囲まれた数値またはHTML属性です。。以来、アクセスする必要があるのは 2 番目です。述語として「[XNUMX]」を使用します。

Selenium Web テーブルの例

述語を使用しない場合、XPath は最初の兄弟にアクセスします。したがって、最初のにアクセスできますこれらの XPath コードのいずれかを使用します。

Selenium Xpathを使用したWebテーブル

ステップ 4 – 適切な述語を使用して後続の子要素を追加する

次にアクセスする必要がある要素は 2 番目の要素です。ステップ 3 と XNUMX で学んだ原則を適用して、XPath コードを次のように最終的に完成させます。

これで正しい XPath ロケーターが得られたので、以下のコードを使用して目的のセルにアクセスし、その内部テキストを取得できます。上記の HTML コードを C ドライブ内に「newhtml.html」として保存していることを前提としています。

の Web テーブル Selenium Xpathを使用する

public static void main(String[] args) {
	String baseUrl = "http://demo.guru99.com/test/write-xpath-table.html";
	WebDriver driver = new FirefoxDriver();

	driver.get(baseUrl);
	String innerText = driver.findElement(
		By.xpath("//table/tbody/tr[2]/td[2]")).getText(); 	
        System.out.println(innerText); 
	driver.quit();
	}
}

の Web テーブル Selenium Xpathを使用する

ネストしたテーブルへのアクセス

上で説明したのと同じ原則がネストされたテーブルにも当てはまります。 ネストされたテーブルは、別のテーブル内にあるテーブルです。以下に例を示します。

ネストされたテーブルにアクセスする方法 Selenium

前のセクションの「//parent/child」と述語の概念を使用して、テキスト「4-5-6」を含むセルにアクセスするには、以下の XPath コードを作成する必要があります。

ネストされたテーブルにアクセスする方法 Selenium

以下の WebDriver コードは、アクセスしているセルの内部テキストを取得できるはずです。

ネストされたテーブルへのアクセス Selenium

public static void main(String[] args) {
	String baseUrl = "http://demo.guru99.com/test/accessing-nested-table.html";
	WebDriver driver = new FirefoxDriver();

	driver.get(baseUrl);
	String innerText = driver.findElement(
		By.xpath("//table/tbody/tr[2]/td[2]/table/tbody/tr/td[2]")).getText(); 		
        System.out.println(innerText); 
	driver.quit();
}

以下の出力は、内部テーブルに正常にアクセスされたことを確認します。

ネストされたテーブルへのアクセス Selenium

属性を述語として使用する

要素が HTML コードの奥深くに記述されており、述語に使用する数値を決定するのが非常に難しい場合は、代わりにその要素の一意の属性を使用できます。

下の例では、「ニューヨークからシカゴ」のセルは、 Mercury ツアーのホームページの HTML コード。

Selenium 属性を述語として使用する Web テーブルの例

この場合、テーブルの一意の属性 (width=”270″) を述語として使用できます。 属性は、先頭に @ 記号を付けることで述語として使用されます。。上の例では、「ニューヨークからシカゴ」セルは最初のセルにあります。 XNUMX番目のしたがって、XPath は以下のようになります。