How to wait for css property to completely updated

[wenyugu]

Rod Version: v0.114.0

I have some code that clicks on a button and checks whether a specific element on the page changes its css display property to none upon a successful operation eg. if the available date picked is available, then the date entry form would be collapsed and have css property display: none. How do I wait for css property to be completely updated? I don't think race selectors are useful here since the outcome is uncertain and depends on the result of user operations, typically verified by an backend API call.

[github-actions]

Please fix the format of your markdown:

1:22 MD009/no-trailing-spaces Trailing spaces [Expected: 0 or 2; Actual: 1]

_{generated by check-issue}

[ysmood]

page.MustElement("#my-elem").MustWait(`el => getComputedStyle(el).display == 'none'`)

[wenyugu]

But this is expecting this element to change its display to none; however, this is not always the case. If, for example, the date is unavailable, then it will stay visible. How do I add a timeout to deal with this?

[ysmood]

https://go-rod.github.io/#/context-and-timeout

[navi504]

err := rod.Try(func() {
  page.Timeout(2 * time.Second).
   MustElement("#my-elem").MustWait(`el => getComputedStyle(el).display == 'none'`)
 })