This is a migrated thread and some comments may be shown as answers.

Telerik Testing Framework does not work with Knockout

7 Answers 79 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Vincent asked on 10 Jul 2014, 06:36 AM

Hi there,

I am trying to use Telerik Test Framework to do some UI testing for my web application. The application uses Knockout framework. It looks like Telerik testing framework doesn't work very well with Knockout. One of the issues I encountered is that when I set the text property of a textbox, Knockout binding does not pick up the text. Here is a sample code snippet.

var aliasInput = Driver.Instance.ActiveBrowser.Find.ById<HtmlInputText>("Alias");
aliasInput.Text = "textToSearch";
var searchBtn = Driver.Instance.ActiveBrowser.Find.ByContent<HtmlButton>("l:Search");
searchBtn.Click();

When searchBtn.Click() was executed, it did not pick up the textToSearch and claims there is nothing to search for.

Here is the how he Alias textbox is implemented:

<input type="text" data-bind="value: Alias" class="form-control" id="alias">

Another issue I encountered is WaitForElement does not work. Here is my code snippet:

Driver.Instance.ActiveBrowser.WaitForElement(new HtmlFindExpression("tagname=table"), pageTimeout, true);

The WaitForElement method always times out and never finds the tagname=table element.

Can someone shed some light on these issues?

Thanks.

7 Answers, 1 is accepted

answered on 14 Jul 2014, 10:31 PM

Hi Boyan,

Thanks for your reply. I tried TypeText and it did work. However, it is not elegant. When I run this code in debug mode and stepping over this line, Visual Studio thinks I am typing on my keyboard instead of typing into the text box. Is there anyway I can set the text property without using the keyboard press hack?

Here is the snippet for the table with the tbody tag:

<table class="table table-bordered clientGroup">
<thead role="columnheader">
<tr class="greyBG">
<th data-bind="click:sortColumn.bind($data,'FullName')" class="clickable">People<span id="FullNameCaret"></span></th>
<th data-bind="click:sortColumn.bind($data,'EmailName')" class="clickable">Alias<span id="EmailNameCaret"></span></th>
<th data-bind="click:sortColumn.bind($data,'Location')" class="clickable">Location<span id="LocationCaret"></span></th>
<th data-bind="click:sortColumn.bind($data,'PositionNumber')" class="clickable">Position #<span id="PositionNumberCaret"></span></th>
<th data-bind="click:sortColumn.bind($data,'PositionType')" class="clickable">Position Type<span id="PositionTypeCaret"></span></th>
<th data-bind="click:sortColumn.bind($data,'CompanyCode')" class="clickable">Company Code<span id="CompanyCodeCaret"></span></th>
</tr>
</thead>
<tbody data-bind="foreach: filterSearchResults">
<tr data-bind="attr:{id:'lst_'+PersonnelNumber},css: RowColor" >
<td>

There is only one table element on this page and therefore, only one tbody element. When the search button is clicked, the page partially refreshes and returns the result on the bottom of the page. This table is the search result table.

Another major issue I found is that after the page partial refresh completes, I tried to read the body rows from the result table. The BodyRows is always empty even though there are body rows on the page. As you can see from the code snippet, the body rows are bound to a variable filterSearchResults. It looks like Telerik test framework doesn't support two way binding with Knockout.

Vincent

Accepted

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Telerik Testing Framework does not work with Knockout

7 Answers, 1 is accepted