Elena Tosheva's blog

Testing RadControls for ASP.NET Ajax with Watir - How easy it is

Elena Tosheva — Fri, 07 Nov 2008 09:12:00 GMT

Today was my first attempt at writing tests for RadControls with Watir and was surprised how easy it is.
I found over the intenet a good article on how to test ASP.NET applications using Watir and also refered to the Hristo Deshev's blog post about Automating Complex JavaScript-rich Controls with Watir.
If you use the approach described in it and create a watir_telerik_extensions.rb file, you will be able to create tests very quickly. See below a few tests about RadMenu, RadComboBox and RadTreeView which I have created in minutes:

1. This is a RadComboBox test which opens the drop down and verifies whether it is opened:

---------------------------------------------------------------------------------------------
require 'rubygems'
require 'watir'
require 'test/unit'
require 'watir_telerik_extenstions'

include Watir

class ComboTest < Test::Unit::TestCase
�� def setup
�� @ie = IE.new
�� @ie.goto "http://demos.telerik.com/aspnet/prometheus/ComboBox/Examples/Functionality/FilteringCombo/DefaultCS.aspx"
�� end
��
�� def test_DropDown
�� @ie.execute_script "$find('RadComboBox1').showDropDown()"
��@ie.execute_script "window.Result = $find('RadComboBox1').get_dropDownVisible()"
��
��assert_equal true, @ie.window.Result
�� end
��
�� def teardown
�� @ie.close
�� end
end
---------------------------------------------------------------------------------------------

�

2. See below another test which is for RadMenu. It opens the first RadMenu item and verifies its text:
---------------------------------------------------------------------------------------------
require 'rubygems'
require 'watir'
require 'test/unit'
require 'watir_telerik_extenstions'

include Watir

class MenuTest < Test::Unit::TestCase
�� def setup
�� @ie = IE.new
�� @ie.goto "http://demos.telerik.com/aspnet/prometheus/Menu/Examples/Default/DefaultCS.aspx"
�� end
��
�� def test_open_item
�� @ie.execute_script "$find('RadMenu1').get_items().getItem(0).open()"
�� @ie.execute_script "window.Result = $find('RadMenu1').get_openedItem().get_text()"
�� assert_equal "File", @ie.window.Result
�� end
��
�� def teardown
�� @ie.close
�� end
end

---------------------------------------------------------------------------------------------

3. This test for RadTreeView selects the first node and verifies its text:
---------------------------------------------------------------------------------------------
require 'rubygems'
require 'watir'
require 'test/unit'
require 'watir_telerik_extenstions'

include Watir

class TreeViewTest < Test::Unit::TestCase
�� def setup
�� @ie = IE.new
�� @ie.goto "http://demos.telerik.com/aspnet/prometheus/TreeView/Examples/Programming/XmlFile/DefaultCS.aspx"
�� end
��
�� def test_select
�� @ie.execute_script "$find('RadTreeView1').get_nodes().getNode(0).select()"
��@ie.execute_script "window.Result = $find('RadTreeView1').get_selectedNode().get_text()"
��
��assert_equal "Books", @ie.window.Result
�� end
��
�� def teardown
�� @ie.close
�� end
end

---------------------------------------------------------------------------------------------

Enjoy!

Accessing RadControls for ASP.NET Ajax items with WatiN(by using only the html elements)

Elena Tosheva — Sat, 18 Oct 2008 08:00:00 GMT

Are you curious how to deal with the complicated rendering of RadControls and WatiN? If so, I will shed some light on this.

Here is an example how to print the text of the specific node of RadTreeView and how to expand it:

    
            [STAThread] 
        
            static void Main(string[] args) 
        
            { 
        
            IE ie = new IE("http://demos.telerik.com/aspnet/prometheus/TreeView/Examples/Programming/DataBinding/DefaultCS.aspx"); 
        
            Element ulElement = ie.Element("UL", Find.ByClass("rtUL rtLines")); 
        
            Element firstLiElement = ulElement.DomContainer.Element("LI", Find.ByIndex(1)); 
        
            Span textSpanElement = (Span) firstLiElement.DomContainer.Div(Find.ByClass("rtTop")).DomContainer.Span(Find.ByClass("rtIn")); 
        
            Console.WriteLine(textSpanElement.Text); 
        
            Span plusSpanElement = (Span)textSpanElement.PreviousSibling; 
        
            plusSpanElement.Click(); 
        
            }

�

Yet another example how to click on a child item of RadMenu(you have to open its parent first):

�

    
            [STAThread] 
        
            static void Main(string[] args) 
        
            { 
        
            IE ie = new IE("http://demos.telerik.com/aspnet/prometheus/Menu/Examples/Programming/AddRemoveDisableItems/DefaultCS.aspx"); 
        
            Element item1LiElement = ie.Element("li", Find.ByClass("rmItem rmFirst")); 
        
            item1LiElement.FireEvent("onmouseover"); 
        
            ie.Span(Find.ByText("Text File")).WaitUntilExists(); 
        
            Span childMenuItem = ie.Span(Find.ByText("XML File")); 
        
            childMenuItem.Click(); 
        
            }

�

This example shows how to access the particular appointment of RadScheduler and how to open the advanced form:

�

    
            [STAThread] 
        
            static void Main(string[] args) 
        
            { 
        
            IE ie = new IE("http://demos.telerik.com/aspnet/prometheus/Scheduler/Examples/Default/DefaultCS.aspx"); 
        
            Element scrollContent = ie.Element("div", Find.ByClass("rsContent rsScrollingContent rsDayView")); 
        
            Element contentTable = scrollContent.DomContainer.Element(Find.ByClass("rsContentTable")); 
        
            Element appDiv = contentTable.DomContainer.Element("RadScheduler1_10_0"); 
        
            Console.WriteLine(appDiv.Title); 
        
            appDiv.DoubleClick(); 
        
            }

RadControls for ASP.NET Ajax and Microsoft Expression Web

Elena Tosheva — Wed, 03 Sep 2008 07:41:00 GMT

This blog post is part of my research on whether the RadControls for ASP.NET Ajax support Microsoft Expression Web? The answer is simple - yes, they do.

�

If you only follow the instructions on how to use custom controls in Expression Web, you will see the result yourself. The main point here is having the Telerik.Web.UI assembly in the GAC and register it with its fully qualified name on the page.

�

Here are some screenshots:

�

Design-time:

Run-time:

Please, see for reference the�attached project which uses the latest version of the Telerik.Web.UI controls(2008.2.826.20).

�

RadControls for ASP.NET Ajax and IronPython

Elena Tosheva — Fri, 06 Jun 2008 02:48:00 GMT

We recently received a request if RadControls for ASP.NET Ajax support IronPython and the answer is "yes".
Yesterday I tested our latest SP1 release of RadControls for ASP.NET AJAX against the Microsoft ASP.NET Futures (July 2007) and it seems there are no problems.
Here are some screenshots how the RadComboBox control gets updated by RadAjaxManager - design and run-time:

Design-time:

Run-time:

And here is the sample code we used:

def Page_Load(sender, e):
    RadComboBox1.SelectedIndexChanged += RadComboBox1_SelectedIndexChanged
    pass

def Button1_Click(sender, eventArgs):
    RadComboBox1.Text="updated"
    pass

def RadComboBox1_SelectedIndexChanged(sender,e):
    Label1.Text = e.Text
    pass

How to select RadComboBox item with WatiN

Elena Tosheva — Thu, 29 May 2008 07:54:56 GMT

Firstly let me introduce myself. My name is Elena Tosheva and I'm a QA officer here at Telerik. I have been working here since the end of 2004 year, but it is the first time I'm blogging.

I'm responsible for testing ASP.NET team 3 controls (RadComboBox, RadPanelBar, RadTabStrip, RadTreeView, RadMenu, RadToolBar and RadScheduler).

�

As you may�already know , we use Selenium for integration testing together with the NUnit and JsUnit tests. Selenium is the best tool which fits our needs for the present.

Here is a blog post provided by Falafel how to select RadComboBox item with Selenium.

�

Recently we received a few client requests about problems selecting RadComboBox item with WatiN - web application testing tool for .Net.

I researched the problem and here is sample code which selects the third item of RadComboBox:

    
            public�static�void�Main() �
        
            �
        
            ����{ �
        
            ��������IE�ie�=�new�IE("http://localhost:1995/Default.aspx");� �
        
            �������� �
        
            ��������Image�radComboBoxDropDownImage�=�ie.Image(Find.ById("idRadComboBox_Image")); �
        
            �
        
            ��������radComboBoxDropDownImage.Click(); �
        
            �
        
            ��������Div�divStudent3�=�ie.Div(Find.ById("idRadComboBox_c2")); �
        
            �
        
            ��������divStudent3.FireEvent("onmouseover"); �
        
            �
        
            ��������divStudent3.Click(); �
        
            �
        
            ����} �
        
            �
        
            �

The special feature here is that you have to mouse over the RadComboBox item before clicking on it. This peculiarity comes from RadComboBox source code and the events sequence which follows when clicking on RadComboBox item: MouseOver -> Click.

Hope it will help some people working with WatiN.�