Борьба с багами
 

в реалиях
FrontEnd разработки

Максим Кожух

Бесполезная информация

Насекомые - самый успешный класс животных. 

На каждого из нас приходится 300кг

• кодим-кодим-кодим
• фиксим-кодим-фиксим
• думаем

Что делать чтобы багов не было ?

TDD, BDD, прочее

Круто

- не тестирует внешний вид

- не тестирует поведение

- удваивает объем кода

- тестирует код

Не Круто

Первая линия обороны

Asserts

function show(date){
   //only dates in the past expected
   assert(date < new Date()); 

   calendar.select(date);
}

Asserts

function show(count){
   //only dates in the past expected
   console.assert(list.childNodes.length < 10,
          "List item count is >= 10");

   list.load(count);
}

Первая линия обороны

jsHint

Проверка кода

Вторая линия обороны

Unit test

casper.
    start( url ).
    then(function(){

        // do something
        casper.click('button#open-dialog');

        // Take a screenshot of the UI component
        phantomcss.screenshot('#the-dialog',
                              'a screenshot of my dialog');

    });

Phantom CSS

CI - это не сложно

Drone.io

image: mkozhukh:drone
git:
  depth: 1
script:
  - npm install &>/dev/null
  - gulp lint --fail
  - gulp mocha
  - gulp test
notify:
  hipchat:
    room: Builds
    on_failure: true

Бездушные роботы

Production

rollbar.com

Бесполезная информация

Насекомые - появились
400 милионов лет назад

и процветают поныне