Selenium IDE newbie - click on button not working .net

Question

I am using this Selenium command within the Firefox IDE, it's my first time with Selenium so I may be missing something basic.

<tr>
    <td>click</td>
    <td>css=button.k-button.km-button</td>
    <td></td>
</tr>

When I use the 'find' option it finds the button OK. When I single step through the commands (open web page, select button) I can see the web page open but the click does not work. (The click should go to a new page.) The script then fails because the next step is to enter some data on the other page.

I have set the speed to the slowest setting. I created a simple "google for selenium and select page" script and that worked. Now I'm testing my target application and the very first button click doesn't work!

Ideas? (this is a .net web application)

html from the page for a button:

<button
 class="k-button km-button" 
 data-click="app.goToSignup"  
 data-role="button"  
 style="background-color: rgb(240, 240, 240);" 
>

Answer 1

Reason people are asking for full HTML is because your button might be hidden within div or frame element, and that might be reason why you are able to find the button when you're debugging but it fails to locate when you actually run the script from start.

Answer 2

There are a number of reasons that this could be failing. I will list a couple of them and steps to troubleshoot, but ultimately the problem here is that the IDE with no additional user interaction is not really the intended way for Selenium to be used. It's a nice to have to help you learn and create simple "hello world" style automation. To really use Selenium to its potential, you will need to have some understanding of HTML and CSS as well as be able to modify, extend or replace the selectors and generated IDE code.

• There are multiple elements which match the element selector that you are using.
  • If alternative selectors are working, this is a likely reason. Often pages will have multiple similar elements, many of which may be hidden and/or disabled that match a selector that the IDE generates. Search the source to see if there are multiple elements that match, if so, use some alternative identifier. XPath and CSS selector will work here since you can give a "path" to your element including parent and ancestor which will make it unique. The default that the IDE comes up with may or may not include enough information to make it unique. You may need to construct an XPATH or CSS selector by hand that will work. For xpath, there are lots of examples online and tools to help you construct or test your xpath queries.
• The element you are attempting to interact with is inside of an iframe. This requires additional code to switch to the correct frame before interacting with the element.
  • Look up how to work with iframes using selenium IDE.

Answer 3

In the Selenium IDE window, click the dropdown next to Target field and select different options like id, name, css, xpath and DOM.

Try executing that, single step(OK button) by selecting xpath once, if it doesn't work, try using ID, Name or DOM.

EDIT

Selector for LOGIN button is

TARGET ===>  //div[@id='view-default']/footer/div/div/button

Answer 4

Can you try using selenium builder, It would suggest alternatives for a particular action. Not for promo but i just found the same and blogged it. Please check it in link