Y U No Test Yur UI?

Jim Holmes [email protected] @AJimholmes FrazzledDad.com

Slides: frazzleddad.com SpeakerDeck.com/JimHolmes Samples: github.com/JimHolmes/SE13

Locators Locators Locators

<html> <head></head> <body> <div id="top-‐bar">
<h1><img alt="Teleriklogo" src="/TelerikLogo.png" /> </h1> </div> <div id="body"> <h1>Welcome!</h1> </div> </div> <div id='login_dialog' title='Login'> <form data-‐remote="true" method="post"> <div class="field"> <input id="username" name="username" type="text" /> </div> <div class="field"> <input id="password" name="password" type="password" /> </div> <div class="actions"> <input id="login_button" type="submit" value="Log in" /> </div> </form> </div> </body> </html> /html/body/div[2]/form/div[1]/input

<h1><img alt="Teleriklogo" src="/TelerikLogo.png" /> </h1> </div> <div id="body"> <h1>Welcome!</h1> </div> </div> <div id='login_dialog' title='Login'> <form data-‐remote="true" method="post"> <div class="field"> <input id="password" name="password" type="password" /> </div> <div class="field"> <input id="username" name="username" type="text" /> </div> <div class="actions"> <input id="login_button" type="submit" value="Log in" /> </div> </form> </div> </body> </html> /html/body/div[2]/form/div[1]/input

How to ﬁx it?

<h1><img alt="Teleriklogo" src="/TelerikLogo.png" /> </h1> </div> <div id="body"> <h1>Welcome!</h1> </div> </div> <div id='login_dialog' title='Login'> <form data-‐remote="true" method="post"> <div class="field"> <input id="password" name="password" type="password" /> </div> <div> <input id="username" name="username" class="input" /> </div> <div class="actions"> <input id="login_button" type="submit" value="Log in" /> </div> </form> </div> </body> </html> ID Name Class

<h1><img alt="Teleriklogo" src="/TelerikLogo.png" /> </h1> </div> <div id="body"> <h1>Welcome!</h1> </div> </div> <div id='login_dialog' title='Login'> <form data-‐remote="true" method="post"> <div class="field"> <input id="password" name="password" type="password" /> </div> <div class="field"> <input id="username" name="username" type="text" /> </div> <div class="actions"> <input id="login_button" type="submit" value="Log in" /> </div> </form> </div> </body> </html> /html/body/div[2]/form/div[1]/input

Locators Locators Locators

Image Attribution Live unicorn: http://52weekmarathon.blogspot.com/2011/11/punching-unicorn- nyc-marathon-recap.html Dead unicorn: http://tvtropes.org/pmwiki/pmwiki.php/Main/ DeadUnicornTrope
Bacon: http://www.slashfood.com/2010/08/19/bacon-thats-good-for-you/ Veruca Salt Stolen off some site that stole it from somewhere else that stole it too

Y U No Test Yur UI?

Y U No Test Yur UI?

Jim Holmes

More Decks by Jim Holmes

Other Decks in Programming

Featured

Transcript

Y U No Test Yur UI?

Jim Holmes [email protected] @AJimholmes FrazzledDad.com

Slides: frazzleddad.com SpeakerDeck.com/JimHolmes Samples: github.com/JimHolmes/SE13

WHY?

Locators Locators Locators

<html> <head></head> <body> <div id="top-‐bar">

<html> <head></head> <body> <div id="top-‐bar">

How to ﬁx it?

<html> <head></head> <body> <div id="top-‐bar">

<html> <head></head> <body> <div id="top-‐bar">

Locators Locators Locators

Image Attribution Live unicorn: http://52weekmarathon.blogspot.com/2011/11/punching-unicorn- nyc-marathon-recap.html Dead unicorn: http://tvtropes.org/pmwiki/pmwiki.php/Main/ DeadUnicornTrope