Top Banner
JAVASCRIPT unit testing with venus.js presented by seth mclaughlin on 05.30.13
63

Introduction to Venus.js

May 11, 2015

Download

Software

Seth McLaughlin

Slides for tech talk "Intro to Venus.js"

http://www.youtube.com/watch?v=fvHk7KWa25o
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Introduction to Venus.js

JAVASCRIPTunit testing with venus.js

presented by seth mclaughlin on 05.30.13

Page 2: Introduction to Venus.js
Page 3: Introduction to Venus.js

METHODS OF TESTING

Page 4: Introduction to Venus.js

METHODS OF TESTINGa web application

Page 5: Introduction to Venus.js

METHODS OF TESTINGa web application

Page 6: Introduction to Venus.js

METHODS OF TESTINGa web application

JS UNIT TESTING

Page 7: Introduction to Venus.js

METHODS OF TESTINGa web application

JS UNIT TESTINGautomated whitebox testing

Page 8: Introduction to Venus.js

METHODS OF TESTINGa web application

JS UNIT TESTINGautomated whitebox testing

Page 9: Introduction to Venus.js
Page 10: Introduction to Venus.js

BLACK BOX

Page 11: Introduction to Venus.js

BLACK BOX

WHITE BOX

Page 12: Introduction to Venus.js

EXAMPLE

Page 13: Introduction to Venus.js
Page 14: Introduction to Venus.js
Page 15: Introduction to Venus.js
Page 16: Introduction to Venus.js

M

Page 17: Introduction to Venus.js

MMaineMarylandMichiganMinnesota

Page 18: Introduction to Venus.js

MMaineMarylandMichiganMinnesota

Page 19: Introduction to Venus.js

BLACK BOX WHITE BOX

Page 20: Introduction to Venus.js

BLACK BOX WHITE BOX

MANUAL

Page 21: Introduction to Venus.js

BLACK BOX WHITE BOX

MANUAL

Page 22: Introduction to Venus.js

BLACK BOX WHITE BOX

MANUAL

Page 23: Introduction to Venus.js

BLACK BOX WHITE BOX

MANUAL

AUTOMATED

Page 24: Introduction to Venus.js

BLACK BOX WHITE BOX

MANUAL

AUTOMATED functional tests

Page 25: Introduction to Venus.js

BLACK BOX WHITE BOX

MANUAL

AUTOMATED functional tests unit tests

Page 26: Introduction to Venus.js

BLACK BOX WHITE BOX

MANUAL

AUTOMATED

Page 27: Introduction to Venus.js

JAVASCRIPT UNIT

TESTS

Page 28: Introduction to Venus.js

JAVASCRIPT UNIT

TESTS

Page 29: Introduction to Venus.js

So...what is a unit test?

Page 30: Introduction to Venus.js

SOURCE CODE

TEST CODE

Page 31: Introduction to Venus.js

SOURCE CODE

TEST CODE

1

Page 32: Introduction to Venus.js

SOURCE CODE

TEST CODE

1

2

Page 33: Introduction to Venus.js

SOURCE CODE

TEST CODE

TEST HARNESS HTML PAGE

1

2

Page 34: Introduction to Venus.js

SOURCE CODE

TEST CODE

TEST HARNESS HTML PAGE

1

2

Page 35: Introduction to Venus.js

process(function () { this.log('Part 1'); this.doFoo();}.bind(this));

Page 36: Introduction to Venus.js

process(function () { this.log('Part 1'); this.doFoo();}.bind(this));

Page 37: Introduction to Venus.js

Let’s write a test...

Page 38: Introduction to Venus.js
Page 39: Introduction to Venus.js

Let’s write a test...

Page 40: Introduction to Venus.js

Let’s write a test...

THE EASY WAY

Page 41: Introduction to Venus.js
Page 42: Introduction to Venus.js

CLI Executor UAC Browser

Page 43: Introduction to Venus.js

CLI Executor UAC Browser

Page 44: Introduction to Venus.js

CLI Executor UAC

run this test & use IE8

Browser

Page 45: Introduction to Venus.js

CLI Executor UAC

run this test & use IE8

parse files and build test url

Browser

Page 46: Introduction to Venus.js

CLI Executor UAC

run this test & use IE8

parse files and build test url

Browser

we need a browser

Page 47: Introduction to Venus.js

CLI Executor UAC

run this test & use IE8

parse files and build test url

Browser

we need a browser

load test url with IE8

Page 48: Introduction to Venus.js

CLI Executor UAC

run this test & use IE8

parse files and build test url

Browser

we need a browser

load test url with IE8

test harness page, please

Page 49: Introduction to Venus.js

run this test & use IE8

parse files and build test url

we need a browser

load test url with IE8

test harness page, please

CLI Executor UAC Browser

Page 50: Introduction to Venus.js

load test url with IE8

test harness page, please

CLI Executor UAC Browser

Page 51: Introduction to Venus.js

test harness page, please

CLI Executor UAC Browser

Page 52: Introduction to Venus.js

test harness page, please

CLI Executor UAC Browser

here you go

Page 53: Introduction to Venus.js

test harness page, please

CLI Executor UAC Browser

here you go

tests execute in browser

Page 54: Introduction to Venus.js

test harness page, please

CLI Executor UAC Browser

here you go

tests execute in browser

test results

Page 55: Introduction to Venus.js

test harness page, please

CLI Executor UAC Browser

here you go

tests execute in browser

test results

display test results to user

Page 56: Introduction to Venus.js

test harness page, please

CLI Executor UAC Browser

here you go

tests execute in browser

test results

display test results to user

Page 57: Introduction to Venus.js
Page 58: Introduction to Venus.js

NEXT STEPS

Page 59: Introduction to Venus.js

NEXT STEPS

VISIT US at www.venusjs.org

1

Page 60: Introduction to Venus.js

NEXT STEPS

VISIT US at www.venusjs.org

2 INSTALL venus.js with npm

Page 61: Introduction to Venus.js

NEXT STEPS

VISIT US at www.venusjs.org

3 WRITE & RUN JavaScript Unit Tests!

INSTALL venus.js with npm

Page 62: Introduction to Venus.js

NEXT STEPS

VISIT US at www.venusjs.org

WRITE & RUN JavaScript Unit Tests!

INSTALL venus.js with npm

Page 63: Introduction to Venus.js

venusjs.org