Protractor

Testes E2E Usando o Protractor

Sthanley Carlos de Lima JuniorCafé, Teste e Pão de Queijo

28 de Janeiro

Apresentação

Sthanley Limasthanley@takenet.com.br@sthanleylima

Agenda

• O que é AngularJS• Nodejs e Jasmine•Webdriver• O que é Protractor•Mão na massa

O que é Angularjs

#AngularJs

Framework Javascript open-source

Baseado em MVC

Criada pelo Google

Seu maior Objetivo é simplificar o Desenvolvimento de Aplicações WEB

NodeJS e Jasmine

#NodeJs

Roda independente de navegador

Baseada em V8 JS Enginer

É uma plataforma para desenvolvimento de aplicações Javascript

Multiplataforma

#Jasmine

Sintaxe intuitiva

Fácil aprendizado

É uma framework javascript baseada em BDD

Webdriver

#Webdriver

Manipulador de elementos DOM em documentos da Web

É uma interface de controle remoto

O que é Protractor

#Protractor

Arquivo de Configuração do Protractor

O Protractor é uma framework de testes funcionais E2E.

#Protractor

#Protractor

Nodejs

Webdriver

Jasmine

DEPENDÊNCIAS

Java Development Kit (JDK)

#Protractor

Escrito em Javascript

Pode ser executadas em navegadores reais ou Headless

Usado para testes Funcionais

Sem “Sleeps” e “Waits”

Open Source

#Protractor

• by.model• by.binding• by.repeater• by.options

• by.id• by.name• by.css• by.xpath

Alguns Locators

#Protractor

• var.click()• var.clear()• var.sendKeys(‘texto')• var.getAttribute(‘value')

• var.getText()• var.isDisplayed()• var.isEnabled()• var.isSelected()

Algumas Ações

Mão na massa

#Referências

• https://www.thoughtworks.com/pt/insights/blog/testing-angularjs-apps-protractor?utm_campaign=perspectives-may-2014-brasil&utm_medium=email&utm_source=email&mkt_tok=3RkMMJWWfF9wsRovv6zLZKXonjHpfsX67%2BkpXqO%2FlMI%2F0ER3fOvrPUfGjI4ITMtjI%2BSLDwEYGJlv6SgFS7nMMbFk37gPUhA%3D

• http://ramonvictor.github.io/protractor/slides/#/

• http://www.pinceladasdaweb.com.br/blog/2015/06/04/review-introducao-ao-angularjs/

• http://pt.slideshare.net/stefanteixeira/meetup-angularjs-rio-testes-e2e-para-apps-angularjs-com-protractor

#Github

• https://gist.github.com/SthanleyLima/2b89242ac2ad0c316b86

• https://gist.github.com/SthanleyLima/5da2c965f9b0fe94b96a

taketest.com.br

Obrigado!sthanley@takenet.com.br