protractor
TRANSCRIPT
![Page 1: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/1.jpg)
Testes E2E Usando o Protractor
Sthanley Carlos de Lima JuniorCafé, Teste e Pão de Queijo
28 de Janeiro
![Page 3: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/3.jpg)
![Page 4: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/4.jpg)
Agenda
• O que é AngularJS• Nodejs e Jasmine•Webdriver• O que é Protractor•Mão na massa
![Page 5: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/5.jpg)
O que é Angularjs
![Page 6: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/6.jpg)
#AngularJs
Framework Javascript open-source
Baseado em MVC
Criada pelo Google
Seu maior Objetivo é simplificar o Desenvolvimento de Aplicações WEB
![Page 7: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/7.jpg)
NodeJS e Jasmine
![Page 8: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/8.jpg)
#NodeJs
Roda independente de navegador
Baseada em V8 JS Enginer
É uma plataforma para desenvolvimento de aplicações Javascript
Multiplataforma
![Page 9: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/9.jpg)
#Jasmine
Sintaxe intuitiva
Fácil aprendizado
É uma framework javascript baseada em BDD
![Page 10: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/10.jpg)
Webdriver
![Page 11: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/11.jpg)
#Webdriver
Manipulador de elementos DOM em documentos da Web
É uma interface de controle remoto
![Page 12: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/12.jpg)
O que é Protractor
![Page 13: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/13.jpg)
#Protractor
Arquivo de Configuração do Protractor
O Protractor é uma framework de testes funcionais E2E.
![Page 14: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/14.jpg)
#Protractor
![Page 15: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/15.jpg)
#Protractor
Nodejs
Webdriver
Jasmine
DEPENDÊNCIAS
Java Development Kit (JDK)
![Page 16: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/16.jpg)
#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](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/17.jpg)
#Protractor
• by.model• by.binding• by.repeater• by.options
• by.id• by.name• by.css• by.xpath
Alguns Locators
![Page 18: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/18.jpg)
#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](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/19.jpg)
Mão na massa
![Page 20: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/20.jpg)
#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](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/21.jpg)
#Github
• https://gist.github.com/SthanleyLima/2b89242ac2ad0c316b86
• https://gist.github.com/SthanleyLima/5da2c965f9b0fe94b96a
![Page 22: Protractor](https://reader031.vdocuments.com.br/reader031/viewer/2022030118/589f25df1a28ab7b208b6f03/html5/thumbnails/22.jpg)
taketest.com.br