I don’t see the floating toolbar show up

[wissam ab]

I started using WTS and when launching Internet Explorer to record automation from the, I don’t see the floating toolbar show up.
I have windows XP.

[Cody]

Hi wissam ab,

Thank you for taking the time to evalute WebUI Test Studio.

Which version of IE are you using? The tool required IE7 or above. It does not work with IE6.

What IE add-ons do you have installed?

If you have any of these installed on your computer please uninstall them, then reinstall WebUI Test Studio because they conflict with the current version:

• WebAii Framework
• Automation Design Canvas
• Old version of WebUI Test Studio

Let me know if this fixes your problem. If not we'll dig into it deeper.

Sincerely yours,
Cody
the Telerik team

[wissam ab]

I think it's the IE6 that I have. I will install the IE7 and try it again. thanks

[wissam ab]

i installed IE7, it works.

know i have a functional question:-)
I am testing a website, on one of its pages we have a filter check-boxes to filter the data on the page. when I click on one of the filter's check-boxes it doesn't work, i have this error;

ArtOfTest.Common.Design.Exceptions.ElementFindException: Unable to locate element. Details: Attempting to find [Html] element using
Find logic
 (Html): [src 'Exact' /NASDNN/OlapChartAxd.axd?rs=/wEFEVJlc291cmNlcy5jYmMuZ2lm&ver=7.0.0.1805] AND [tagname 'Exact' img]

Unable to locate element. Search failed!

   at ArtOfTest.WebAii.Design.Execution.ExecutionEngine.ExecuteStep()

[Cody]

Hi wissam ab,

I am very glad to hear that recording is working for you now! We've had a number of customers run into the "not IE6 compatible" problem. We recently updated our installer to detect IE6 and display a warning that you need to upgrade IE before running the tool.

Regarding your ElementFindException, I think I see the problem. It is probably due to the

[src 'Exact' /NASDNN/OlapChartAxd.axd?rs=/wEFEVJlc291cmNlcy5jYmMuZ2lm&ver=7.0.0.1805]

That tells me your src attribute contains a query string and it might be changing on you everytime you run the application. The query string is the "?rs=/wEFEVJlc291cmNlcy5jYmMuZ2lm&ver=7.0.0.1805" portion. Try modifying the element's Find Expression (right click the element in Elements Explorer and select Edit Element). Change the src line from "Exact" to "StartsWith" and remove the query string portion from the value string (leaving just "/NASDNN/OlapChartAxd.axd").

Let me know if that does the trick for you.

Greetings,
Cody
the Telerik team

[wissam ab]

but when i do as you told me (start with + delete after "/NASDNN/OlapChartAxd.axd") in that case I'm changing the query!

in fact, when i click on the filter, a popup opened and multiple check-boxes are displayed.
i check one of them and click ok.
the pbm is when i run the test after doing what you told me, the popup is opened , then i don't see the checkbox is checked and then the click on the ok is done. but i don't think that the simulator checked the checkbox because in the page i don't see the data filtred.

[Cody]

Hi wissam ab,

I apologize if my response wsn't clear enough. By stripping off the "?rs=/wEFEVJlc291cmNlcy5jYmMuZ2lm&amp;ver=7.0.0.1805" portion you're not changing the query, but changing our find logic, i.e. how we locate the element on the web page. The find logic you posted was trying to find an <img> element on the page, not a checkbox. Do you have multiple images on the page where the src attribute starts with "/NASDNN/OlapChartAxd.axd"?

Looking at your application via GoToMeeting would be the best and fastest way to resolve this issue. Let me know what timezone you are in and your availability and I'll setup the meeting. I'm in Austin, TX which is Central Daylight Time (GMT -6).

All the best,
Cody
the Telerik team

[wissam ab]

hi, please find attached a printscreen.

this is the popup where the checkboxes are displayed. i want to check one of these.

[Cody]

Hi wissam ab,

Thank you for the screenshot. Before I can tell you how to reliably find and click on a specific checkbox I need to be able to see the entire HTML source code of your web page (not the server side, just the HTML from the web browser). I also need to know more about any query strings and if those query strings change each time the page with those checkboxes is displayed.

Can we setup a GoToMeeting where I can look at this problem on your computer and help you come up with a workable and reliable solution for you?

Regards,
Cody
the Telerik team

[wissam ab]

Hi,
A gotomeeting will be great. w can do it today if you permit.
I am @ GMT+2.
but sorry I don't have headphones, so we can chat.

[wissam ab]

hello?
anybody here?

[Cody]

Hi wissam ab,

I am sorry I missed your GoToMeeting session request. We were on national holiday in the US yesterday and not in the office. I am available most times from 9am - 5pm (GMT -6). What time works for you?

Greetings,
Cody
the Telerik team

[wissam ab]

ok sorry :)

I am working from 9 AM TO 6 PM. GMT+2
so there's 8 hours of difference I think :)

[Cody]

Hello wissam ab,

Sounds great! I can do 10am today (6pm there... sorry I have another meeting at 9am today) or 9am tomorrow (5pm there). Which country are you in? I'll setup the meeting when you tell me which time works best for you.

Best wishes,
Cody
the Telerik team

[wissam ab]

tomorrow 9am to you - 5pm for me is great.
I am in Lebanon

thank you

[Cody]

Hello wissam ab,

Here is the meeting invite. Unfortunately there is no conference call telephone number for Lebanon. I picked as many as I could find that are somewhat close to you.

1.  Please join my meeting.
https://www2.gotomeeting.com/join/863224050

2.  Use your microphone and speakers (VoIP) - a headset is recommended.  Or, call in using your telephone.

Austria: [phone]
Belgium: [phone]
Denmark: [phone]
Finland: [phone]
Italy: [phone]
New Zealand: [phone]
United Kingdom: [phone]
United States: 1 626-521-0010

Access Code: 863-224-050

Audio PIN: Shown after joining the meeting

Meeting ID: 863-224-050

Best wishes,
Cody
the Telerik team

[wissam ab]

I am very sorry, an urgent matter oblige me to leave the office @ 5PM, can we do it before 5PM? otherwise can we schedule another day? tomorrow same hour?

[Cody]

Hello wissam ab,

I am sorry that 9am is my earliest time slot I can be available. I will reschedule for the same time tomorrow.

All the best,
Cody
the Telerik team

[wissam ab]

I'm here since 5PM, GoToMeeting => successfully connected and I'm waiting for organizer...

[Cody]

Hi wissam ab,

I apologize. It appears we're off by one hour somehow. I was online an hour ago looking for you. Unfortunately I am now involved in another GoToMeeting with a different customer.

I know it's getting late there. Do you want to wait (about 1 hour) or try again Monday?

All the best,
Cody
the Telerik team

[wissam ab]

ok monday

[Cody]

Hi wissam ab,

Thank you for your patience!! I'll be online within 5 minutes from now.

Best wishes,
Cody
the Telerik team

[Cody]

Hi wissam ab,

Just a quick update. I have made significant progress creating a test that successfully finds and checks a checkbox for your filter. It was a very ticky one to make it work reliably because of how the filter selection has been implemented in the UI. The test runs well now and is pretty much complete (I'm just polishing up a few things in it). I am now in the process of writing up a detailed document describing how it works and why I had to implement the test the way I did. I will be able to complete it today and send it to you (the document and my sample test).

Also with your permission I'd like to post it publicly as a white paper case study (any persona/company information will be masked) in a blog post on our website.

Regards,
Cody
the Telerik team

[wissam ab]

Excellent!
you are the best:)

of course you can publish it

when can I view the solution?

what about the other issue: menu?

[Cody]

Hi wissam ab,

I've attached the sample test for you to begin to review and pick apart. Please hold off your questions about it until I've had the chance to document how/why it works. I'll finish that document today. You'll be able to access it when you start work tomorrow.

I wrote the code behind methods in C# just because that's my preferred language. If you prefer VB.NET let me know and I'll provide VB.NET translations for you.

Best wishes,
Cody
the Telerik team

[Cody]

Hi wissam ab,

Attached is the detailed study documentation I intend to publish. It focuses solely on the filter selection steps. I also polished the code a bit. The new code behind file is also attached.

For your understanding let me go through each step of the test and what its purpose is for (a screenshot of the test steps is also attached for reference).

1. Navigates to your website
2. Clicks on your Login link
3. Enters the username
4. Enters the password
5. Clicks the Login button
6. Clicks the Production menu item. At this point I had a very difficult time synchronizing with your website. It's taking 60+ seconds just for the Production page to open. The next two steps are just to synchronize and know the production page has appeared. Also I set this step with "ClosesBrowser=True" in order to make the framework not wait for the button click to load the next page. Our framework was timing out and failing due to the 60 second delay.
7. Waits for the URL to change... for it to have Production.aspx appended to it
8. Waits for the browser to say it's done downloading the production.aspx page. When this completes we know that the Production page is fully loaded and ready for the next step.
9. Clicks on the Filter icon to open the filter dialog
10. Waits for the filter dialog to open by watching for the text in the title.
11. This is where the real "magic" is. It calls our code behind method to locate and click on the checkbox for the "2003" filter. You could make this data driven with the way I implemented it.
12. Because I'm using the Manager.Desktop.Mouse.Click I needed a small delay to allow the JavaScript time to start working.
13. Clicks the OK button of the filter dialog
14. Waits for the text to change from "UW Year : All" to "UW Year : 2003". Needed to do this because there's a long delay from clicking OK to the filter dialog closing.
15. Clicks on your filter Refresh button. I also had to set "SimulateRealClick" to true on this step. Otherwise the normal click didn't seem to do anything.
16. Waits for the browser to be done reloading with the new filter settings.

Let me know if you have other questions on this.

I'll work on the Silverlight menu problem next. I just haven't had time to dig into yet.

Greetings,
Cody
the Telerik team

[wissam ab]

ok thanks, i'l work on it monday

[wissam ab]

Hi,
I read your document + email.
but how can I apply it?
should I have to create each steps, and the code behind (copy/paste) ?
in fact i don't see where can i begin?

otherwise, your solution work if in the filter I check more than one checkbox?

thx a lot

[Cody]

Hello wissam ab,

How you use the sample really is up to you. The real key is in the code behind method for step 11. If you study the code a little bit, you'll see it is finding and selecting the filter based on a string. Let's dissect how this code behind method works. First the entire method:

[CodedStep(@"Click on desired filter checkbox")]
public void BSynchroFilerTest_FilterSelect()
{
    // First locate the checkbox img for "2003"
    HtmlTableRow ownerRow = Pages.Production.UWYearTreeviewDiv.Find.ByContent<HtmlSpan>("2003").Parent<HtmlTableRow>();
    HtmlImage checkBox = ownerRow.Cells[1].ChildNodes[2].As<HtmlImage>();
    // Now click on it to check it
    checkBox.ScrollToVisible();
    Manager.Desktop.Mouse.Click(MouseClickType.LeftClick, checkBox.GetRectangle());
}

In the first line of code "Pages.Production.UWYearTreeviewDiv" locates the <div> element which holds the entire UW Year filter selection dialog as displayed by the browser. Then ".Find.ByContent<HtmlSpan>("2003")" locates the first <span> element contained within that <div> where the displayed contents are "2003". In other words "Pages.Production.UWYearTreeviewDiv.Find.ByContent<HtmlSpan>("2003")" locates the "2003" UW Year filter. And finally ".Parent<HtmlTableRow>()" locates the <tr> element that is the parent of the <span> element. That element is put into the ownerRow variable.

Essentially what we just did was located the "2003" text of the filter we want to select, then navigated up the HTML to <tr> element that contains the filter we want to click on. Now we need to navigate down the HTML to locate the correct <img> so we can click on it. Since it is locating the filter using a text string, you can replicate the code and just replace the text string with the value you want, If you want multiple filters active at the same time, duplicate the code multiple times within a single code behind method and use different text strings for each copy. Or if you want to get more complex you could feed in a long input string e.g. "2003, 2006, 2007" then parse the string into its separate parts and loop on the parts searching for the text and clicking on the matching text box. Since this is in code the only limit is your own programming ability.

"ownerRow.Cells[1]." gets the second <td> cell of the <tr> row element. "].ChildNodes[2]." gets the third HTML element contained under that <td> cell. ".As<HtmlImage>();" just typecasts it to an HtmlImage type. This element is then stored in the "checkBox" variable. We now have the filter element we want to click on so let's go and click on it.

"checkBox.ScrollToVisible();" scrolls the browser window just to make sure the element we want to click on is visible in the browser window. If we don't do this, then it's possible the element we want to click on isn't visible and when we try to perform the click it won't actually click on it. "Manager.Desktop.Mouse.Click" actually moves the mouse cursor and clicks simulates a real mouse click.

You can take my sample test and massage it the way you like, or copy/paste the steps into your own test, or re-record another test that (more or less) duplicates my sample.

Hope that helps.

All the best,
Cody
the Telerik team

[wissam ab]

hello Cody,
I'm really sorry, i am lost, can we do a go2meeting to see how can I dot his?
today is fine, same hour.
thkx in advance

[Cody]

Hi wissam ab,

I am glad we made very good progress in our GoToMeeting this morning. It appears to me that the test is running very well now you've succeeded in implementing the code behind method I showed you.

To expand it to allow multiple year selections in your filter will require more modifications to the code behind method. I would take the approach of modifying the data to look something like "2003, 2004, 2007" and then write code to fetch the data (the Data[0] piece) store it in a string and then tokenize the string. Once tokenized you can sit in a loop finding and clicking on the filters to select them.

I would also add data to a second (or maybe a third) column for your expected values. Then you're expected results will also be data driven.

Sincerely yours,
Cody
the Telerik team