Radzen 7.0.2 disable Animations for E2E sake

Radzen.Blazor Components
1

Hi.
First of all - Nice animations: simple and entertaining. Very nice touch. Good job!

I wonder if there is a way to disable animations, so End-To-End tests don't have to wait for a longer time. Using Playwright with SlowMo parameter (delay between Playwright iterations) had to increase with 100ms extra.

Yet again. Good Job!. Thank you guys!

2

Hi @DZH,

You can disable all animations globally via CSS like this:

* {
  transition: none !important;
  animation: none !important;
}

Perhaps you can include this CSS conditionally when running e2e tests.

3

Hi Atanas, Thanks for blazing quick reply.

Yes, I expected some elegant CSS to deal with animations. But in 7.0.2 (with .NET 9.0.4) it brakes the behavior of RadzenDropDown where it becomes impossible to select any option or close it by clicking it away or hitting ESC.

radzen-dropdown-7.0.2

In case you're interested in my observations:

Having animations with 7.0.2 I had an issue indeed with the RadzenDropDown where I wanted to perform:

  1. Scan possible options of dropdown (to assert them later) and close the dropdown (send ESC) , as a single test step
  2. Right after, I needed to select on of the options to continue with the data fill in the dialog.
    But the problem was in dropdown that step #1 didn't close the dropdown

So I solved this issue by closing hosting dialog after #1 was asserted and reopening it for step #2

I have no rush, since I deal with animated RadzenDropDown with a close-open workaround.

Thanks again.

4

You can try with transition-duration and animation-duration:

* {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
}
5

Yep, this works, including the problematic RadzenDropDown. Thanks