Cannot click on a tbody (Full Calendar) with chrome.ahk

[embeddedhustler]

Hello,

I'm attempting to use an xpath to click on a tbody but am having no luck.

My click function looks like this

Code: Select all

click(xpath){
	
	WaitPageToLoad()
	checkFail()
	
	result := page.Evaluate("document.body.contains(document.evaluate('" xpath "', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue) ? 'true' : 'false'").value
	
	if(result = "true"){
		page.Evaluate("document.evaluate('" xpath "', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue.click();")
	}else{
		MsgBox Error!
		Reload
	}
}

This is how the console looks



This is how to website looks



I am trying to click on those highlighted buttons.

This is the code:

Code: Select all

xp = /html/body/app-root/div/app-book-appointment/section/mat-card[1]/div[2]/div/div/full-calendar/div[2]/div/table/tbody/tr/td/div/div/div/table/tbody/tr[5]/td[1]
click(xp)

This doesn't have any effect. However, when I try to use plain js on the console like

Code: Select all

document.querySelector("body > app-root > div > app-book-appointment > section > mat-card:nth-child(1) > div.ba-calender-card.card.shadow-sm > div > div > full-calendar > div.fc-view-harness.fc-view-harness-active > div > table > tbody > tr > td > div > div > div > table > tbody > tr:nth-child(5) > td.fc-daygrid-day.fc-day.fc-day-mon.fc-day-future.date-availiable").click()

it returns undefined.

Can someone help me with this?

[neovis]

The 'page' variable is not referenced. It must be passed as a parameter or referenced as a global variable.

[embeddedhustler]

The 'page' variable is not referenced. It must be passed as a parameter or referenced as a global variable.

it, of course, is.

[neovis]

Using CSS Selector

Code: Select all

found := page.evaluate("document.querySelector('td.fc-day-future.date-availiable') ? 1 : 0").value
MsgBox % "found: " found

if (found)
    page.evaluate("document.querySelector('td.fc-day-future.date-availiable').click()")

[embeddedhustler]

Using CSS Selector

Code: Select all

found := page.evaluate("document.querySelector('td.fc-day-future.date-availiable') ? 1 : 0").value
MsgBox % "found: " found

if (found)
    page.evaluate("document.querySelector('td.fc-day-future.date-availiable').click()")

[neovis]

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click#return_value

[Xeo786]

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click#return_value

Sometimes we need to dispatch mouse event to trigger such event listener