Michael Kühnel

• Working on the web since Netscape 4.7
• Frontend Developer at Micromata
• Twitter: @mkuehnel
• Web: michael-kuehnel.de

DalekJS?

„Browser remote control“

• Actions
  • Opening URLs, clicking elements, enter form fields, taking screenshots
• Prüfen
  • Resultat ←→ Erwartung

Installation

Linux, Mac, Windows – Node.js ✌

See Getting started

The API

test.open('http://foo.baz')
  .click('.bar')
  .waitForElement('#baz')
  .assert.title().is('fooBar', 'Yeah')
  .done();

Actions

Controlling the Browsers

Complete list → The docs.

Actions

• .open()

  .open('http://dalekjs.com')

• .click()

  .click('#logout')

• .type()

  .type('#MyElement', 'Mein Text')

• .waitForElement()

  .waitForElement('#result')

• .screenshot()

  test.screenshot('my/folder/my_file.png');

Assertions

Check your assumptions

Complete list → The docs.

Assertions

• .exists()
  Asserts that an element exists.

  .assert.exists('#Logout', 'Logout Button is there')

• .text()
  Asserts that given text does exist.

  .assert.text('h1', 'Expected Headline', 'Headline is correct')

• .val()
  Asserts that a given form field has the provided value.

  .assert.val('#mySelect', '', 'Default Value ist correct')

The first Test

Login Status

module.exports = {
  'Check Login status': function (test) {
    test
   .open('https://github.com/')
   .waitForElement('.header')
   .assert.exists('.header-logged-out', 'User is logged out')
   .done();
  }
};

Cross-Browser-Tests

via DalekJS Plugins

# Install
npm install dalek-browser-chrome --save-dev

# Execute
dalek tests/firstTests.js -b chrome

IE Testing

Alternative Reports

Via DalekJS Plugins

• HTML, JSON, jUnit XML
• See Docs

Bottom line

1. Early version – yet enjoyable
2. Super easy to write test
3. Alternative: CasperJS

Links

• http://webkrauts.de/artikel/2014/cross-browser-testing-mit-dalekjs
• http://dalekjs.com
• https://github.com/dalekjs
• https://github.com/mischah/dalekjs-demo
• https://github.com/micromata/dalekjs-testsuite

Exterminated!

Questions?