18
Automated JavaScript Tests Björn Ingimundarson

Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

Automated JavaScript Tests

Björn Ingimundarson

Page 2: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

What? / Why? / How?

Page 3: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •
Page 4: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

Test Automation Pyramid

Page 5: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

Test Automation Anti-Patterns

Software Testing Cupcake Ice Cream Cone

Page 6: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

“If you are not linting your code go back to square one!”

Page 7: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

Jasmine - http://jasmine.github.io

• Powerful JavaScript testing framework• Describes tests in simple natural language• Can be read by non programmers• Provides a clean mechanism for testing synchronous and asynchronous code.• Specs, Suites, Matchers, Spies

Page 8: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

Istanbul - http://gotwarlost.github.io/istanbul

• Yet another JS code coverage tool• Computes statement, line, function and branch coverage.• Supports all JS coverage use cases

• unit tests• server side functional tests• browser tests.

• Built for scale• Based on

• esprima parser• escodegen code generator

Page 9: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

Karma - http://karma-runner.github.io

• Created by the Angular team• Modern JavaScript Test Runner• Test Framework Agnostic

• Jasmine, Mocha, QUnit….• Can be used to automate tests• Based on Node.js and distributed as a Node package• Can run tests in multiple browsers at once• Code Coverage using Istanbul• Continuous Integration• JUnit reporters, yay Enterprise :)

Page 10: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •
Page 11: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •
Page 12: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •
Page 13: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •
Page 14: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

Dalek*

• This ain’t Selenium!• Automated cross browser testing with JavaScript!• Launch & automate your browser• fill & submit forms• click & follow links• capture screenshots• run your functional tests• JUnit reporters, yay Enterprise :) • Grunt & Gulp tasks available

* currently a developer preview...

Page 15: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •
Page 16: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •
Page 17: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

Other tools

Page 18: Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

<takk-fyrir>

betware.com/jobs

Node.js Developers

Experienced JavaScript Developers

Senior Java Developers

Software Developers

Software Testers

Web Developer

and more...