C# FindElement(By...) with two criteria

Question

I am currently trying to automate a checkout process. Now I am stuck, the buttons on the site displaying the sizes are nearly identical, they only differ in value

That's why I wanted to ask if I can differ them by two criteria like class + value.

Code:

using System;
using OpenQA.Selenium;
using OpenQA.Selenium.Chrome;

namespace selenium1
{
    class MainClass
    {
        public static void Main(string[] args)
        {
            IWebDriver driver = new ChromeDriver();



            driver.Navigate().GoToUrl("https://www.off---white.com/en-de/shopping/off-white-odsy-1000-sneakers-14760681");

            IWebElement element = driver.FindElement(By.());

            element.Click();


        }
    }
}

Thank you in advance for your help!

Answer 1

you could use a CSS selector.

for example: css = element_name[<attribute_name>='<value>']

So in your case it would be:
IWebElement element1 = driver.FindElement(By.CssSelector("input[value='25']") IWebElement element2 = driver.FindElement(By.CssSelector("input[value='27']")

This article should help

Answer 2

You are right. You can club up the value attribute along with any other attribute e.g. data-test, to construct the locators which would identify the element uniquely within the DOM Tree.

To click() on the element with text as 39 you need to induce WebDriverWait for the desired ElementToBeClickable() and you can use either of the following Locator Strategies:

• Using CssSelector:

  driver.Navigate().GoToUrl("https://www.off---white.com/en-de/shopping/off-white-odsy-1000-sneakers-14760681");
  new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.CssSelector("input[data-test='sizeSelector'][value='23']"))).Click();
  

• Using XPath:

  driver.Navigate().GoToUrl("https://www.off---white.com/en-de/shopping/off-white-odsy-1000-sneakers-14760681");
  new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.XPath("//input[@data-test='sizeSelector' and @value='23']"))).Click();