unit testing with javascript

форум програмиране, форум уеб дизайнкурсове и уроци по програмиране, уеб дизайн – безплатно

програмиране за деца – безплатни курсове и уроцибезплатен SEO курс - оптимизация за търсачки

уроци по уеб дизайн, HTML, CSS, JavaScript, Photoshop

уроци по програмиране и уеб дизайн за ученициASP.NET MVC курс – HTML, SQL, C#, .NET, ASP.NET MVC

безплатен курс "Разработка на софтуер в cloud среда"

BG Coder - онлайн състезателна система - online judge

курсове и уроци по програмиране, книги – безплатно от Наков

безплатен курс "Качествен програмен код"

алго академия – състезателно програмиране, състезанияASP.NET курс - уеб програмиране, бази данни, C#, .NET, ASP.NET

курсове и уроци по програмиране – Телерик академия

курс мобилни приложения с iPhone, Android, WP7, PhoneGapfree C# book, безплатна книга C#, книга Java, книга C# Дончо Минков - сайт за програмиране

Николай Костов - блог за програмиранеC# курс, програмиране, безплатно

Unit Testing with JavaScript

QUnit, Jasmine and JsUnit

Doncho Minkov

Telerik Software Academyhttp://academy.telerik.com

Technical Trainerhttp://minkov.it

Insert a Picture Here

http://academy.telerik.com/

http://minkov.it/

http://forums.academy.telerik.com/

http://kursove-uroci-knigi-obuchenie-programirane-web-design-csharp.info/

http://www.telerik-kids.com/

http://seocourse.telerik.com/

http://html5course.telerik.com/

http://schoolacademy.telerik.com/

http://mvccourse.telerik.com/

http://clouddevcourse.telerik.com/

http://www.bgcoder.com/

http://www.nakov.com/

http://codecourse.telerik.com/

http://algoacademy.telerik.com/

http://aspnetcourse.telerik.com/


http://mobiledevcourse.telerik.com/

http://www.introprogramming.info/

http://www.minkov.it/

http://www.nikolay.it/

http://csharpfundamentals.telerik.com/












Николай Костов - блог за програмиранеC# курс, програмиране, безплатно Table of Contents

Unit Testing QUnit

Tests Assertions and Modules DOM Testing

Jasmine Behavior-driven Development Specs, describes and assertions Matchers
































Unit Testing































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно Unit Testing

Unit Testing is part of the development process Used to test programming code Tests programming code in small

pieces (units) Unit testing means testing in units

Testing the functions of a class, means the class works well
































Unit Testing in JavaScript

































There are too many frameworks for component testing for JavaScript QUnit

Developed to test jQuery Later introduced as separate

framework JsUnit

Come from the *Unit family (JUnit, NUnit, etc…)

Stopped from development Jasmine

Uses behavior-driven development
































QUnitOverview































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно QUnit

Used to test jQuery components (jQuery, jQueryUI, jQuery Mobile) Lately introduced as a independent

framework No need of jQuery to use QUnit

QUnit supports synchronous and asynchronous testing, DOM testing































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно QUnit Use

To use QUnit: Create an HTML page Create a div with id "qunit" Load its JavaScript and CSS files Write your tests and assertions































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно Testing with QUnit

QUnit introduces a test method It takes two parameters

A success message An a test function

function sum(a, b){…}

test("Sum, when 2 and 3, should return 5", function(){ ok(sum(2,3) === 5, "expected result is 5"); });
































Simple Unit TestingLive Demo































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно Assertions

Assertions are the actual test components

QUnit supports three types of assertions ok(bool value [, message])

Checks if the value is TRUE equal(actual, expected [, message])

Checks if actual and expected are equal

Uses == operator deepEqual(actual, expected [,

message]) Deep recursive check, property by

property Also, does a strict check (type and

value)































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно QUnit Assertions

Test methods can contain any number of asserts

test("creating snake piece, should set correct values", function(){ var position = {x: 150, y: 150}, size = 15, speed = 5, dir = 0; var piece = new SnakePiece(position, size, speed, dir); equal(piece.position, position) equal(piece.size, "15"); //asserts TRUE deepEqual(piece.size, 15); //asserts FALSE });test("SnakePiece.move, when direction is 0, should update x", function(){ var position = {x: 150, y: 150}, size = 15, speed = 5, dir = 0; var piece = new SnakePiece(position, size, speed, dir); piece.move(); position.x - speed; deepEqual(piece.position, position); });
































QUnit AssertionsLive Demo































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно QUnit Modules

QUnit also introduces a way to create modules, so that tests can be organized in sectionsmodule("SnakePiece");

test("move, when direction is 0, should update x");test("move, when direction is 1, should update y");…test("equals, when pieces are colliding);test("equals, when pieces are not colliding);…module("Snake");test("move, when direction is 0, should update x");test("move, when direction is 1, should update y");…test("consume, when object is Food, should grow snake");test("consume, when object is Obstacle, should die");…
































QUnit ModulesLive Demo
































testStart, testDone































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно testStart and testDone

QUnit introduces callbacks to be called before and after test execution testStart(startCallback)

Invoked before the execution of each test

Used to build and prepare the objects

testDone(doneCallback) Invoked after the execution of each

test Mostly used for cleanup operations
































Asynchronous Tests































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно Asynchronous Tests

QUnit supports asynchronous tests as well Use asyncTest function instead of

test function Call start() right after all the

assertionsasyncTest("Asynchronous Test", function(){ setTimeout(function(){ ok(true); start(); }, 1000); });
































Asynchronous TestsLive Demo
































DOM Testing































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно DOM Testing

DOM can also be tested with Qunit Create a div with id "qunit-fixture" Everything inside it will be reset

before each testfunction addDivs(root, count){ … }

test("addDivs, when count is 5", function(){ var fixture = document.getElementById("qunit-fixture"); var count = 5; addDivs(fixture, count); var divs = fixture.getElementsByTagName("div"); equal(divs.length, count); });
































DOM TestingLive Demo
































?

?? ? ?

??? ?

?

? ?

??

?

?

? ?

Questions?


http://academy.Telerik.com




















































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно Homework

1. Finish the Unit Tests for MovingGameObject

2. Finish the tests for Snake 3. Fix the big with the collision detection4. Implement game logic, so the Snake

dies, when it bites itself And write unit tests

5. Test the Food contructor6. Refactor the code, so that the

SnakeGame.checkCollisions method becomes more testable































Николай Костов - блог за програмиранеC# курс, програмиране, безплатно Homework (2)

7. *Extend the game by adding functionality for: MovingFood, MovingObstacle and

SnakeObstacle Create Unit Test Use TDD, writing first the tests, then

implementing the programming logic8. *Extend the game by increasing the

speed of the snake, when it eats five food objects Create Unit Test Use TDD, writing first the tests, then

implementing the programming logic




















unit testing with javascript

Documents