Question 339785 in Reactjs Question posted in
The new location for the React Documentation can be found here.

Reactjs – React – Selenium – Testing project – How to get nth element

Using C# I am writing unit tests using Selenium (testing my react front end)…My html is:

   <article class="company-details-container">
       <div class="details-header">...</div>           
       <div class="details-header">...</div>
           <section class="details-new-section>...</section>
       <div class="details-header">...</div>
       <div class="details-header">...</div>
       <div class="details-header">...</div>
    </article>

Section tag is the contents of each div, when you click on a div a new section appears with the divs contents… when the page loads the second div is already open, which is why the section tag is shown

I would like to click the first element inside the last div…
I am able to click the first element inside the first div by…

IWebElement elementa = driver.FindElement(By.CssSelector(".details-header"));
IJavaScriptExecutor executor1 = (IJavaScriptExecutor)driver;
executor1.ExecuteScript("arguments[0].click()", elementa);

I have tried IWebElement elementa = driver.FindElement(By.CssSelector(".details-header[0]")); but this is not working.

ANy help please?

Tags:

2

Answers


  1. 0

    // Find the last div with class ‘details-header’
    IWebElement lastDiv = driver.FindElement(By.CssSelector("div.details-header:last-of-type"));

    // Find the first child element inside the last div
    IWebElement firstElementInLastDiv = lastDiv.FindElement(By.CssSelector(":first-child"));

    // Click on the first child element inside the last div
    firstElementInLastDiv.Click();

    Login or Signup to reply.
  2. 0

    You can use following xpath to click on last div, then first div of last div.

    IWebElement elementa = driver.FindElement(By.Xpath("(//div[@class='details-header'])[last()]/div[1]"));
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search