ウェブ要素に関する情報

要素について学べること。

特定の要素について問い合わせることができる詳細が多数あります。

表示されているか

このメソッドは、接続された要素がウェブページに表示されているかどうかを確認するために使用されます。ブール値を返し、接続された要素が現在のブラウジングコンテキストに表示されている場合は True、それ以外の場合は false を返します。

この機能は言及されていますが、すべての潜在的な条件を網羅することが不可能なため、w3c 仕様では定義されていません。そのため、Selenium はドライバがこの機能を直接実装することを期待できず、現在では大規模な JavaScript 関数を直接実行することに依存しています。この関数は、要素の性質とツリー内の関係について多くの近似を行い、値を返します。

         driver.get("https://selenium.dokyumento.jp/selenium/web/inputs.html");

    	// isDisplayed        
        // Get boolean value for is element display
        boolean isEmailVisible = driver.findElement(By.name("email_input")).isDisplayed();
        assertEquals(isEmailVisible,true);

GitHub で完全な例を見る

    driver.get("https://selenium.dokyumento.jp/selenium/web/inputs.html")

    # isDisplayed
    is_email_visible = driver.find_element(By.NAME, "email_input").is_displayed()

GitHub で完全な例を見る

            // Navigate to Url
            driver.Url= "https://selenium.dokyumento.jp/selenium/web/inputs.html";
            // isDisplayed        
            // Get boolean value for is element display
            bool isEmailVisible = driver.FindElement(By.Name("email_input")).Displayed;
            Assert.AreEqual(isEmailVisible, true);

GitHub で完全な例を見る

    displayed_value = driver.find_element(name: 'email_input').displayed?

GitHub で完全な例を見る

    // Resolves Promise and returns boolean value
    let result =  await driver.findElement(By.name("email_input")).isDisplayed();

GitHub で完全な例を見る

 //navigates to url
 driver.get("https://selenium.dokyumento.jp/selenium/web/inputs.html")

 //returns true if element is displayed else returns false
 val flag = driver.findElement(By.name("email_input")).isDisplayed()

有効になっているか

このメソッドは、接続された要素がウェブページ上で有効または無効になっているかを確認するために使用されます。ブール値を返し、接続された要素が現在のブラウジングコンテキストで有効になっている場合は True、それ以外の場合は false を返します。

        //isEnabled
       //returns true if element is enabled else returns false
        boolean isEnabledButton = driver.findElement(By.name("button_input")).isEnabled();
        assertEquals(isEnabledButton,true);

GitHub で完全な例を見る

    is_enabled_button = driver.find_element(By.NAME, "button_input").is_enabled()

GitHub で完全な例を見る

            //isEnabled
            //returns true if element is enabled else returns false
            bool isEnabledButton = driver.FindElement(By.Name("button_input")).Enabled;
            Assert.AreEqual(isEnabledButton, true);

GitHub で完全な例を見る

    enabled_value = driver.find_element(name: 'email_input').enabled?

GitHub で完全な例を見る

    // Resolves Promise and returns boolean value
    let element =  await driver.findElement(By.name("button_input")).isEnabled();

GitHub で完全な例を見る

 //navigates to url
 driver.get("https://selenium.dokyumento.jp/selenium/web/inputs.html")

 //returns true if element is enabled else returns false
 val attr = driver.findElement(By.name("button_input")).isEnabled()

選択されているか

このメソッドは、参照される要素が選択されているかどうかを判断します。このメソッドは、チェックボックス、ラジオボタン、入力要素、およびオプション要素で広く使用されています。

ブール値を返し、参照された要素が現在のブラウジングコンテキストで選択されている場合は True、それ以外の場合は false を返します。

        //isSelected
        //returns true if element is checked else returns false
        boolean isSelectedCheck = driver.findElement(By.name("checkbox_input")).isSelected();
        assertEquals(isSelectedCheck,true);

GitHub で完全な例を見る

    is_selected_check = driver.find_element(By.NAME, "checkbox_input").is_selected()

GitHub で完全な例を見る

            //isSelected
            //returns true if element is checked else returns false
            bool isSelectedCheck = driver.FindElement(By.Name("checkbox_input")).Selected;
            Assert.AreEqual(isSelectedCheck, true);

GitHub で完全な例を見る

    selected_value = driver.find_element(name: 'email_input').selected?

GitHub で完全な例を見る

    // Returns true if element ins checked else returns false
    let isSelected = await driver.findElement(By.name("checkbox_input")).isSelected();

GitHub で完全な例を見る

 //navigates to url
 driver.get("https://selenium.dokyumento.jp/selenium/web/inputs.html")

 //returns true if element is checked else returns false
 val attr =  driver.findElement(By.name("checkbox_input")).isSelected()

タグ名

これは、現在のブラウジングコンテキストでフォーカスがある参照要素のTagName を取得するために使用されます。

        //TagName
        //returns TagName of the element
        String tagNameInp = driver.findElement(By.name("email_input")).getTagName();
        assertEquals(tagNameInp,"input");

GitHub で完全な例を見る

    tag_name_inp = driver.find_element(By.NAME, "email_input").tag_name

GitHub で完全な例を見る

            //TagName
            //returns TagName of the element
            string tagNameInp = driver.FindElement(By.Name("email_input")).TagName;
            Assert.AreEqual(tagNameInp, "input");

GitHub で完全な例を見る

    tag_name = driver.find_element(name: 'email_input').tag_name

GitHub で完全な例を見る

    // Returns TagName of the element
    let value = await driver.findElement(By.name('email_input')).getTagName();

GitHub で完全な例を見る

 //navigates to url
 driver.get("https://selenium.dokyumento.jp/selenium/web/inputs.html")

 //returns TagName of the element
 val attr =  driver.findElement(By.name("email_input")).getTagName()

サイズと位置

これは、参照要素の寸法と座標を取得するために使用されます。

フェッチされたデータ本体には、次の詳細が含まれています。

要素の左上隅からの X 軸位置
要素の左上隅からの Y 軸位置
要素の高さ
要素の幅

        //GetRect
        // Returns height, width, x and y coordinates referenced element
        Rectangle res =  driver.findElement(By.name("range_input")).getRect();
        // Rectangle class provides getX,getY, getWidth, getHeight methods
        assertEquals(res.getX(),10);

GitHub で完全な例を見る

    rect = driver.find_element(By.NAME, "range_input").rect

GitHub で完全な例を見る

            //Get Location and Size
            //Get Location
            IWebElement rangeElement = driver.FindElement(By.Name("range_input"));
            Point point = rangeElement.Location;
            Assert.IsNotNull(point.X);
            //Get Size
            int height=rangeElement.Size.Height;
            Assert.IsNotNull(height);

GitHub で完全な例を見る

    size = driver.find_element(name: 'email_input').size

GitHub で完全な例を見る

    let object = await driver.findElement(By.name('range_input')).getRect();

GitHub で完全な例を見る

// Navigate to url
driver.get("https://selenium.dokyumento.jp/selenium/web/inputs.html")

// Returns height, width, x and y coordinates referenced element
val res = driver.findElement(By.name("range_input")).rect

// Rectangle class provides getX,getY, getWidth, getHeight methods
println(res.getX())

CSS 値を取得

現在のブラウジングコンテキスト内の要素の指定された計算済みスタイルプロパティの値を取得します。

     // Retrieves the computed style property 'font-size' of field
     String cssValue = driver.findElement(By.name("color_input")).getCssValue("font-size");
     assertEquals(cssValue, "13.3333px");

GitHub で完全な例を見る

    css_value = driver.find_element(By.NAME, "color_input").value_of_css_property(
        "font-size"
    )

GitHub で完全な例を見る

            // Retrieves the computed style property 'font-size' of field
            string cssValue = driver.FindElement(By.Name("color_input")).GetCssValue("font-size");
            Assert.AreEqual(cssValue, "13.3333px");

GitHub で完全な例を見る

    css_value = driver.find_element(name: 'email_input').css_value('background-color')

GitHub で完全な例を見る

    await driver.get('https://selenium.dokyumento.jp/selenium/web/colorPage.html');
      // Returns background color of the element
      let value = await driver.findElement(By.id('namedColor')).getCssValue('background-color');

GitHub で完全な例を見る

// Navigate to Url
driver.get("https://selenium.dokyumento.jp/selenium/web/colorPage.html")

// Retrieves the computed style property 'color' of linktext
val cssValue = driver.findElement(By.id("namedColor")).getCssValue("background-color")

テキストコンテンツ

指定された要素のレンダリングされたテキストを取得します。

        //GetText
       // Retrieves the text of the element
        String text = driver.findElement(By.tagName("h1")).getText();
        assertEquals(text, "Testing Inputs");

GitHub で完全な例を見る

    text = driver.find_element(By.TAG_NAME, "h1").text

GitHub で完全な例を見る

            //GetText
            // Retrieves the text of the element
            string text = driver.FindElement(By.TagName("h1")).Text;
            Assert.AreEqual(text, "Testing Inputs");

GitHub で完全な例を見る

    text = driver.find_element(xpath: '//h1').text

GitHub で完全な例を見る

    await driver.get('https://selenium.dokyumento.jp/selenium/web/linked_image.html');
    // Returns text of the element
    let text = await driver.findElement(By.id('justanotherLink')).getText();

GitHub で完全な例を見る

// Navigate to URL
driver.get("https://selenium.dokyumento.jp/selenium/web/linked_image.html")

// retrieves the text of the element
val text = driver.findElement(By.id("justanotherlink")).getText()

属性またはプロパティの取得

DOM 属性に関連付けられたランタイム値を取得します。要素の DOM 属性またはプロパティに関連付けられたデータを返します。

        //FetchAttributes
      //identify the email text box
      WebElement emailTxt = driver.findElement(By.name(("email_input")));
     //fetch the value property associated with the textbox
      String valueInfo = emailTxt.getAttribute("value");
      assertEquals(valueInfo,"admin@localhost");

GitHub で完全な例を見る

    # FetchAttributes
    email_txt = driver.find_element(By.NAME, "email_input")
    value_info = email_txt.get_attribute("value")

GitHub で完全な例を見る

            //FetchAttributes
            //identify the email text box
            IWebElement emailTxt = driver.FindElement(By.Name("email_input"));
            //fetch the value property associated with the textbox
            string valueInfo = emailTxt.GetAttribute("value");
            Assert.AreEqual(valueInfo, "admin@localhost");

GitHub で完全な例を見る

    attribute_value = driver.find_element(name: 'number_input').attribute('value')

GitHub で完全な例を見る

    // identify the email text box
    const emailElement = await driver.findElement(By.xpath('//input[@name="email_input"]'));
    
    //fetch the attribute "name" associated with the textbox
    const nameAttribute = await emailElement.getAttribute("name");

GitHub で完全な例を見る

// Navigate to URL
driver.get("https://selenium.dokyumento.jp/selenium/web/inputs.html")

//fetch the value property associated with the textbox
val attr = driver.findElement(By.name("email_input")).getAttribute("value")

最終更新日：2024年12月6日： [py] information コードをファイルに移動 (#2093)[deploy site] (f70edb684f4)

開発パートナー

Selenium レベルのスポンサー

Selenium プロジェクトをサポートする

詳細はこちらをご覧いただくか、スポンサーの全リストをご覧ください。

詳細はこちら