What is the method for retrieving the non-strike price amount in selenium via xpath?

Question

What is the method for retrieving the non-strike price amount in selenium via xpath?

This is the link to the webpage I am attempting to automate:

My goal is to extract the value of the non-strikethrough price (currently $ 20.00) using Selenium and an XPath locator.

The following HTML snippet contains the element I am targeting:

<div class="course row" data-scroll-reveal=""
     style="-webkit-transform: translatey(24px);transform: translatey(24px);opacity: 0;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s,  opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s,  opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;"
     data-scroll-reveal-initialized="true">
    <div class="col-sm-4">
        <a href="course-detail.php?id=130&amp;t=websecurity-testing-for-beginners-qa-knowledge-to-next-level">
            <img src="/courses-description.php?show=130" alt="websecurity-testing-for-beginners-qa-knowledge-to-next-level" class="img-responsive" width="186" height="123">
        </a>
    </div>
    <div class="col-sm-8">
        <div class="row">
            <div class="col-md-9 col-sm-8">
                <h3>
                    <a href="course-detail.php?id=130&amp;t=websecurity-testing-for-beginners-qa-knowledge-to-next-level">
                        WebSecurity Testing for Beginners-QA knowledge to next level
                    </a>
                </h3>
                <div class="meta">
                    <span><i class="fa fa-user"></i><a href="#">Rahul Shetty</a></span>
                    <span><i class="fa fa-file-text"></i>60 Lessons</span>
                    <span><i class="fa fa-folder"></i><a href="#">Penetration testing</a></span>
                </div>
            </div>
            <div class="col-md-3 col-sm-4 price">
                <del style="font-size:15px;color:#aaa">$ 85.00</del>
                <br>
                $ 20.00
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <p class="course-desc">
                    Course Launch Date : Aug 30th 2015 -Its Time to Protect our Websites from Security Attacks This Tutorial will give all the weapons you needed to investigate and
                    unlock the Security Holes in the Web applicationCourse lectures are conceptually driven with root level explanations and bring you to the level where you can
                    bring out the security bugsCourse Contents: Basics of Security Testing...
                    <br>
                    <a href="course-detail.php?id=130&amp;t=websecurity-testing-for-beginners-qa-knowledge-to-next-level">
                        Read More
                        <i class="fa fa-angle-right"></i>
                    </a>
                </p>
            </div>
        </div>
    </div>
    <div class="col-md-12">
        <hr>
    </div>
</div>

I have attempted various methods but have not yet found a solution.

javascript selenium xpath webdriverwait xpath-1.0

Answer 1

Answer №1

Learn how to extract the price information ($20.00) using this Python method specifically designed for that purpose. Please note that this method may not work in all scenarios, especially when dealing with both struck-through and non-struck-through prices.

def get_text_exclude_children(element):
    return driver.execute_script(
        """
        var parent = arguments[0];
        var child = parent.firstChild;
        var textValue = "";
        while(child) {
            if (child.nodeType === Node.TEXT_NODE)
                    textValue += child.textContent;
                    child = child.nextSibling;
        }
        return textValue;""",
        element).strip()

Follow these steps to implement the method:

element = driver.find_element_by_xpath("(//div[@class='col-md-3 col-sm-4 price'])[1]")
price = get_text_exclude_children(element)

Answer 2

Learn how to extract the price information ($20.00) using this Python method specifically designed for that purpose. Please note that this method may not work in all scenarios, especially when dealing with both struck-through and non-struck-through prices.

def get_text_exclude_children(element):
    return driver.execute_script(
        """
        var parent = arguments[0];
        var child = parent.firstChild;
        var textValue = "";
        while(child) {
            if (child.nodeType === Node.TEXT_NODE)
                    textValue += child.textContent;
                    child = child.nextSibling;
        }
        return textValue;""",
        element).strip()

Follow these steps to implement the method:

element = driver.find_element_by_xpath("(//div[@class='col-md-3 col-sm-4 price'])[1]")
price = get_text_exclude_children(element)

Answer 3

Answer №2

The original price displayed as $ 20.00 is considered a text node. To extract this text, you can utilize the following method:

Method in JavaScript:

WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//div[@class='course row']//div[contains(@class, 'price')]")));
String myText = ((JavascriptExecutor)driver).executeScript("return arguments[0].lastChild.textContent;", element).toString();
System.out.println(myText);

Output on Console:
```
$ 20.00
```

Answer 4

The original price displayed as $ 20.00 is considered a text node. To extract this text, you can utilize the following method:

Method in JavaScript:

WebElement element = new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//div[@class='course row']//div[contains(@class, 'price')]")));
String myText = ((JavascriptExecutor)driver).executeScript("return arguments[0].lastChild.textContent;", element).toString();
System.out.println(myText);

Output on Console:
```
$ 20.00
```

Answer 5

Answer №3

query=//section[@id='content']/div/div/div/div/div/div[2]/div/div[2]

Answer 6

query=//section[@id='content']/div/div/div/div/div/div[2]/div/div[2]

Answer 7

Answer №4

To effectively address your query, more information is needed as there are various items on the webpage with both strike-through and non-strike-through values.

For a general approach, you can utilize the following code to target multiple blocks containing prices. For a more specific targeting, a slightly complex locator specifying the item along with the price block will be necessary. If focusing on the first price block on the page, the following code will suffice:

//*[contains(@class,'price')]

This essentially translates to the CSS selector below (which is less intricate):

.price

However, the markup poses a challenge as shown here:

<div class="col-md-3 col-sm-4 price">
    <del style="font-size:15px;color:#aaa">$ 85.00</del>
    <br>
    $ 20.00
</div>

In strict XPath implementation, you could employ a syntax like this:

//*[contains(@class,'price')]/text()

It's worth noting that Selenium doesn't support binding a text node directly into a WebElement. This means while the aforementioned Xpath works in a browser context, it won't function as a locator for identifying a specific element (as it targets a text node).

An effective resolution would involve raising a bug report and requesting the developer to encapsulate the unstruck amount within its own element (e.g., enclose it with a <span> tag).

If looking for a workaround, you may resort to fetching the inner HTML of the element using the following method:

WebElement price = driver.findElement(By.cssSelector(".price"));
String elementHTML = price.getAttribute("innerHTML");

The extracted string in 'elementHTML' will contain the content displayed above. Subsequently, you'll need to parse the string to eliminate the initial two lines (though not an elegant or dependable solution).

Answer 8

To effectively address your query, more information is needed as there are various items on the webpage with both strike-through and non-strike-through values.

For a general approach, you can utilize the following code to target multiple blocks containing prices. For a more specific targeting, a slightly complex locator specifying the item along with the price block will be necessary. If focusing on the first price block on the page, the following code will suffice:

//*[contains(@class,'price')]

This essentially translates to the CSS selector below (which is less intricate):

.price

However, the markup poses a challenge as shown here:

<div class="col-md-3 col-sm-4 price">
    <del style="font-size:15px;color:#aaa">$ 85.00</del>
    <br>
    $ 20.00
</div>

In strict XPath implementation, you could employ a syntax like this:

//*[contains(@class,'price')]/text()

It's worth noting that Selenium doesn't support binding a text node directly into a WebElement. This means while the aforementioned Xpath works in a browser context, it won't function as a locator for identifying a specific element (as it targets a text node).

An effective resolution would involve raising a bug report and requesting the developer to encapsulate the unstruck amount within its own element (e.g., enclose it with a <span> tag).

If looking for a workaround, you may resort to fetching the inner HTML of the element using the following method:

WebElement price = driver.findElement(By.cssSelector(".price"));
String elementHTML = price.getAttribute("innerHTML");

The extracted string in 'elementHTML' will contain the content displayed above. Subsequently, you'll need to parse the string to eliminate the initial two lines (though not an elegant or dependable solution).

What is the method for retrieving the non-strike price amount in selenium via xpath?

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

The behavior of JavaScript may vary when running in the IE deployment environment compared to running in debugging tools like Visual

Ways to identify local storage when a user visits the page for the first time using jQuery

Pulling information from the ultimate outcome page with Selenium and Visual Basic for Applications

Storing file paths as string variables in Angular: a quick guide

most effective method for establishing a relationship between a variable and its corresponding identification number

Which is better for a jQuery/Ajax Login Box: JSONP or CORS?

Automatically identify the appropriate data type using a type hint mechanism

Incorporate PNG files with pre-defined labels in a React element

Generating an MD5 hash for a UTF16LE string in Javascript (with no BOM and excluding 0-byte at the end) - Illustrated with a C#

What is the mechanism through which a nested function within an event handler obtains the event object?

What is the best way to identify which JavaScript code is triggering or managing an event?

Tips for maintaining the functionality of IFrame?

Issue with preventDefault not functioning correctly within a Bootstrap popover when trying to submit a

Using Javascript to access element that was dynamically created by using getElementById

Issue with Selenium not displaying inner text content from div tag

The interface 'children: string' does not share any properties with the type 'IntrinsicAttributes'.ts(2559)

The innovative way Vue.js revolutionizes HTML updates within a Websocket onmessage event

Selenium driver initialization results in connection time out

A guide to querying JSON data in a backend database with JavaScript

Error occurred in the main thread: org.openqa.selenium.InvalidElementStateException: