asciidisco

module.exports = {
    'fronttrends register anchor is working': function (test) {
        'use strict';

        test.expect(6)
            .open('http://2013.front-trends.com/')
            .assert.chain()
              .url('http://2013.front-trends.com/', 'Url is as expected')
            	.exists('.register-link', 'Register anchor element exists')
            	.visible('.register-link', 'Register anchor element is visible')

asciidisco

module.exports = {
    'denkwerk blog is reachable': function (test) {
        'use strict';

        test.expect(12)
            .open('http://denkwerk.com')
            .assert.chain()
             	.title('denkwerk GmbH', 'Title of the page is as expected')
            	.url('http://www.denkwerk.com/', 'Denkwerk url is as expected')
            	.exists('#menu-item-3133 a', 'Blog anchor element exists')

asciidisco

Repo

• DalekJS

Talks

• Fronttrends 2013
• Notes from ScotlandJS * thanks to Orde Saunders :)

A few more API impressions

• Test of the fronttrends register page
• Test of the denkwerk homepage & the denkwerk blog overview

asciidisco

in response to https://twitter.com/rem/status/342389221010587648

Core tech

• Java (no emoticon is sad enough)
• Node (just for build, testing, cmd stuff at work / at home for nearly everything)
• Ruby (only for sass/compass & Vagrant)

JS Stack (mostly used libs.)

• Backbone
• jQuery

asciidisco

module.exports = {

  'Facebook log in': function (test) {
		test.open('https://facebook.com')
			.assert.exists('input[name="email"]')
			.assert.exists('input[name="pass"]')
			.type('input[name="email"]', 'me@notyou.com')
			.type('input[name="pass"]', 'mySecret')
			.submit('#login_form')
			.screenshot('facebook.png')

asciidisco

module.exports = {

  'A lot of screenshots': function (test) {
		var resolutions = [{width: 1280, height: 1024}, {width: 1024, height: 768}, {width: 800, height: 600}];
		var pages = ['http://facebook.com', 'http://twitter.com', 'http://dalekjs.com'];

		resolutions.forEach(function (res) {
			pages.forEach(function (page) {
				test.open(page)
					.resize(res)

asciidisco

Executes a JavaScript function within the browser context

  test.open('http://adomain.com')
     .execute(function () {
       document.getElementById('test').innerText = 'Whatever';
     })
     .done();

asciidisco

DalekJS - UI testing an der Front
---------------------------------

Das testen von Webseiten und Webapps ist die unrühmliche Bastard unserer Zeit. Nachdem wir dieses Biest namens 'Unit testing' gezähmt haben, ist es jetzt an der Zeit, unsere Frontlinien an eine andere Front zu verlagern. Dieses Mal geht es um euer UI. Und nein, wir penetrieren nicht unseren alten Alliierten Selenium und wir kämpfen auch nicht in den Ruby Steppen von Watir, nein meine Freunde, dieses mal ist es an JavaScript unsere Bugs ein für alle mal zu besiegen.

asciidisco

// config.js
module.exports = {
  dev: {
    dbname: 'foo',
    host: '127.0.0.1',
    pass: 'bar',
    port: 1223
  },
  prod: {
    dbname: 'baz',

asciidisco

// you app code
window.qa = {};
$.get('foobar.php', function (data) {
  // this line could be removed during the build
  window.qa.requestFooBar = true;
});

// in your dalek test
'waitFor ajax': function (test) {
  test.waitFor(function () {