如何在HTML表格日历中单击内部元素

Question

I'm using selenium web-driver 3.6.0 version + C#. I try to click on the calendar to select different dates. The calendar has a drop-down lists to select year and month. When I need to select year, I should click on arrow near the text of current year, and select from list other year. If my wanted year doesn't present in the list, I should be click on "-"(minus) or on "+"(plus) and the list rolls up/down and displays other years.

When I try to click on plus or on minus from the list, I received MSG: "element not visible"
I tried to search a lot about this problem, and even tried all the suggested ways, but I could not solve the problem.

I'll detail what I tried:
1. basic:

BrowserFactory.DriverUser.FindElement(By.XPath("//div[@id='selectYear']//tr[1]")).Click();

Result: element not visible.

2. Click twice on element:

BrowserFactory.DriverUser.FindElement(By.XPath("//div[@id='selectYear']//tr[1]")).Click();
BrowserFactory.DriverUser.FindElement(By.XPath("//div[@id='selectYear']//tr[1]")).Click();

Result: element not visible.

3. Maximize the browser window:

driverUser.Manage().Window.Maximize();

Result: element not visible

4. Click via java-script:

IWebElement minusButtonInCalendar = BrowserFactory.DriverUser.FindElement(By.XPath("//div[@id='selectYear']//tr[1]"));
((IJavaScriptExecutor)BrowserFactory.DriverUser ).ExecuteScript("arguments[0].click();" , minusButtonInCalendar);

Result: Running does not end.

5. Scroll into view of the element and then click:

IWebElement minusButtonInCalendar = BrowserFactory.DriverUser.FindElement(By.XPath("//div[@id='selectYear']//tr[1]"));
((IJavaScriptExecutor)BrowserFactory.DriverUser ).ExecuteScript("arguments[0].scrollIntoView(true);" , minusButtonInCalendar);
BrowserFactory.DriverUser.FindElement(By.XPath("//div[@id='selectYear']//tr[2]")).Click();

Result: Running does not end

6. Move to element and then click via browser.actions():

WebDriverWait wait = new WebDriverWait(BrowserFactory.DriverUser , TimeSpan.FromSeconds(10));
var element = wait.Until(ExpectedConditions.ElementIsVisible(By.XPath("//div[@id='selectYear']//tr[1]")));
new Actions(BrowserFactory.DriverUser).MoveToElement(element).Perform();

Result: Running does not end

Note: when I tried recording this case in selenium IDE, it didn't record this action.

The related HTML code is:

<div id="selectYear" style="position: absolute; visibility: hidden; z-index: 100001; top: 26px; left: 143px;">
  <table style="font-family:arial; font-size:11px; border-width:1; border-style:solid; border-color:#a0a0a0;" onmouseover="clearTimeout(timeoutID2)" onmouseout="clearTimeout(timeoutID2);timeoutID2=setTimeout(" popDownYear() ",100)" width="44" cellspacing="0" bgcolor="#FFFFDD">
    <tbody>
      <tr>
        <td onmouseover="this.style.backgroundColor=" #FFCC99 "" onmouseout="clearInterval(intervalID1);this.style.backgroundColor=" "" style="cursor: pointer;" onmousedown="clearInterval(intervalID1);intervalID1=setInterval(" decYear() ",30)" onmouseup="clearInterval(intervalID1)" align="center">-</td>
      </tr>
    </tbody>
  </table>
</div>

Answer 1

It looks like you keep trying to click the TR instead of the TD. I would try the XPath

//div[@id='selectYear']//td[.='-']

You may need to wait for the element to be visible/clickable also. You could add something like

new WebDriverWait(Driver, TimeSpan.FromSeconds(5)).Until(ExpectedConditions.ElementToBeClickable(By.XPath("//div[@id='selectYear']//td[.='-']")));