javascript - Tools and techniques for UX-centric Regression testing of a web application? -

the application i'm working on simple 3-tier web application (whatever simple means :) however, application ux/ui intensive i.e. user-interface forms crux of application. every structural change page or refactoring javascript/jquery/backbone code, need ensure ui behaving expected.

for example, if div's disappearing on deleting object, or if items being successful 'posted' , displayed in different div etc.

i'm relatively new domain of ux/ui-based testing , not sure how attack problem. of it's quite manual overhead ensure looks , works right. have 'one layer below' tests send http messages , seems work fine return codes etc. ui focused testing lack.

i've heard selenium, jasmine , few javascript frameworks not sure if serve needs. of solution see custom code javascript tests 'autorun' these tests browser , check if things happening way should (probably human 'staring' @ screen :) quite task , thought of asking community on suggestions before reinvent wheel.

question: tools/techniques best suited type of job?

ps: it's java/restlet based web-application

selenium can need if you're looking build 'real' automation tests, meaning code-based testing in java, .net or of other supported 'server-side' languages.

this far more detect regression javascript-based tests have have limited ability replicate user-interactions if wasn't designed allow it. things find impossible test javascript.

its worth effort , selenium supported across many languages. industry standard , you'll find lots of documentation , helpful frameworks started.