23
Testes E2E Usando o Protractor Sthanley Carlos de Lima Junior Café, Teste e Pão de Queijo 28 de Janeiro

Protractor

Embed Size (px)

Citation preview

Page 1: Protractor

Testes E2E Usando o Protractor

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

28 de Janeiro

Page 2: Protractor

Apresentação

Sthanley [email protected]@sthanleylima

Page 3: Protractor
Page 4: Protractor

Agenda

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

Page 5: Protractor

O que é Angularjs

Page 6: Protractor

#AngularJs

Framework Javascript open-source

Baseado em MVC

Criada pelo Google

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

Page 7: Protractor

NodeJS e Jasmine

Page 8: Protractor

#NodeJs

Roda independente de navegador

Baseada em V8 JS Enginer

É uma plataforma para desenvolvimento de aplicações Javascript

Multiplataforma

Page 9: Protractor

#Jasmine

Sintaxe intuitiva

Fácil aprendizado

É uma framework javascript baseada em BDD

Page 10: Protractor

Webdriver

Page 11: Protractor

#Webdriver

Manipulador de elementos DOM em documentos da Web

É uma interface de controle remoto

Page 12: Protractor

O que é Protractor

Page 13: Protractor

#Protractor

Arquivo de Configuração do Protractor

O Protractor é uma framework de testes funcionais E2E.

Page 14: Protractor

#Protractor

Page 15: Protractor

#Protractor

Nodejs

Webdriver

Jasmine

DEPENDÊNCIAS

Java Development Kit (JDK)

Page 16: Protractor

#Protractor

Escrito em Javascript

Pode ser executadas em navegadores reais ou Headless

Usado para testes Funcionais

Sem “Sleeps” e “Waits”

Open Source

Page 17: Protractor

#Protractor

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

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

Alguns Locators

Page 18: Protractor

#Protractor

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

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

Algumas Ações

Page 19: Protractor

Mão na massa

Page 20: Protractor

#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

Page 21: Protractor

#Github

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

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

Page 22: Protractor

taketest.com.br