Wait for style for some element

[Nataly]

Hello,

I have loading progress element on some page and I need to perform wait action till element's "style = display: none;"

Could you please tell how can I perform this action?

Here is the element:

<div style="display: none;" class="RadAjax RadAjax_Office2007 " id="LoadingPanel">
    <div class="raDiv">

    </div><div class="raColor raTransp">

    </div>
</div>

Thank you in advance

[Konstantin Petkov]

Hi Nataly,

Thank you for the good question!

Assuming you have that AjaxLoadingPanelDiv element added in the project (just click on it when appears) and the live page available, follow these steps:

1. Right-click on it from the Element Explorer and choose 'Locate in DOM Explorer'.
2. Right-click on the div element in the DOM Explorer and choose 'Show Element Menu'.
3. From the element menu you can click on the Build Verification button (the first in the second row) and get the Sentence Verification Builder. This guy lets you choose from a various options/properties.

For the purpose of the display:none check:

1. Choose the 'Style' verification.
2. Change the 'Font' attribute to 'Display'.
3. Change the 'Width' sub attribute to 'Display'.

You will get the value 'none' automatically populated. Click OK to add the verification to your test.

I've attached a capture from the Verification Builder to assist.

Best wishes,
Konstantin Petkov
the Telerik team

[Konstantin Petkov]

Hi Nataly,

Just a follow-up. I assume the loading panel appears during some long update of another control. Instead of trying to capture the loading progress, I'd personally look for inserting a WaitFor element/control update. I guess this is related to the other thread you opened concerning the new item insertion into RadGrid so you won't need to capture the AJAX loading progress once the RadGrid verification issue gets resolved.

Kind regards,
Konstantin Petkov
the Telerik team

[Nataly]

Hi Konstantin,

You are right, I'm trying to find workaround for waiting for grid item's count. Unfortunately those solution doesn't work for me :(
In other hand the test may be executed while another person is adding a row to grid and I'll get failed test as the result.

Could you please, help me in the topic "RadPanelBarItem: 'Some' action -> 'Navigate' to leads to "Timeout error" in FF" while I'm trying to use 'Wait for style' solution?

Thank you very much!
Nataly

[Nataly]

Konstantin,

I've performed all steps you wrote and get 'Verify styles' step. But I need 'Wait for styles' one. How can I write second one?

Thank you

[Konstantin Petkov]

Hello Nataly,

You can change the Verify to Wait (and back if needed) from the TestExplorer. Right-click on the selected step and check the 'Set as Wait' option.

Kind regards,
Konstantin Petkov
the Telerik team