Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Agile Brazil 2015 - Testando na Nuvem a UI e o JavaScript de sua aplicação
Search
Stefan Teixeira
October 23, 2015
Programming
0
32
Agile Brazil 2015 - Testando na Nuvem a UI e o JavaScript de sua aplicação
Palestra apresentada no Agile Brazil 2015, no dia 23/10.
Stefan Teixeira
October 23, 2015
Tweet
Share
More Decks by Stefan Teixeira
See All by Stefan Teixeira
Scrum Gathering Portugal 2016 - Containerizing Tests with Docker
stefanteixeira
0
76
Agile Brazil 2016 - 5 fundamentos essenciais de padrões xUnit
stefanteixeira
0
100
Latinoware 2016 - Continuous Delivery com ferramentas open source
stefanteixeira
0
58
Ágiles 2016 - Using open source tools to support Continuous Delivery
stefanteixeira
0
47
6º Encontro do Grupo de Testes Carioca - Testes em um contexto de Continuous Delivery
stefanteixeira
0
39
TDC 2016 SP - Desmistificando cobertura de código como métrica de qualidade
stefanteixeira
0
110
TDC 2016 SP - Continuous Delivery para aplicações Java com ferramentas open-source
stefanteixeira
0
79
TDC 2016 SP - Cobertura de código de procedures T-SQL com SQLCC
stefanteixeira
0
64
TDC 2016 SP - 5 libs de teste JavaScript que você deveria conhecer
stefanteixeira
0
57
Other Decks in Programming
See All in Programming
Productivity is Messing Around and Having Fun
hollycummins
1
170
Exploring Type-Informed Lint Rules in Rust based TypeScript Linters
unvalley
3
620
Deep Dive into React Stream/Serialize
mugi_uno
4
850
Docker_OSS_ホスティング入門
satokoki645
0
140
“Seeing Like a Programmer”—Resiliency, Limits, and Moral Hazards in Software Engineering (LambdaConf 2024)
chriskrycho
0
420
GitHub Actionsの痒いところを埋めるサードパーティーランナー
dora1998
1
210
WebGLで始める コンピュータグラフィックス入門
heller77
0
370
TypeScriptでもLLMアプリケーション開発 / LLM Application In Typescript
rkaga
5
1.3k
AmperとFleetを使ったAndroidアプリ
yoppie
0
300
Ruby on Fails - effective error handling with Rails conventions
talyssonoc
0
280
TypeScriptから始める VR生活
tamagokakeg
2
110
Try creating your own orderedmap
kazamori
1
280
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
How to train your dragon (web standard)
notwaldorf
75
5.2k
Designing for Performance
lara
601
67k
Robots, Beer and Maslow
schacon
PRO
155
8k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Testing 201, or: Great Expectations
jmmastey
30
6.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
22
1.4k
Rails Girls Zürich Keynote
gr2m
91
13k
Being A Developer After 40
akosma
67
580k
Transcript
Testando na Nuvem a UI e o JavaScript de sua
aplicação Stefan Teixeira @stefan_teixeira
[email protected]
stefanteixeira.com.br stefanteixeira.com
About me Stefan Teixeira • QA Engineer @ M4U •
Entusiasta de Automação de Testes, Agile Testing e DevOps • Blogs técnicos: stefanteixeira.com.br (pt-br) / stefanteixeira.com (en) Contatos: • E-mail:
[email protected]
• Twitter: twitter.com/stefan_teixeira • Facebook: facebook.com/stefan.teixeira • LinkedIn: linkedin.com/in/stefanteixeira • GitHub: github.com/stefanteixeira • SlideShare: slideshare.net/stefanteixeira
Vocês automatizam testes?
(a) Não, testes são para os fracos
(b) Sim! Assim como a zoeira, a automação não tem
limites!
Pirâmide de Automação de Testes
Pirâmide de Automação de Testes Mike Cohn - Succeeding With
Agile
None
Cuidado!
Testes de UI são mais lentos!
None
None
Testes de UI
• União de dois projetos: • Selenium (Jason Huggins -
ThoughtWorks) Selenium WebDriver
• União de dois projetos: • Selenium (Jason Huggins -
ThoughtWorks) • WebDriver (Simon Stewart - Google) Selenium WebDriver
• União de dois projetos: • Selenium (Jason Huggins -
ThoughtWorks) • WebDriver (Simon Stewart - Google) • Framework mais utilizado para testes de UI Selenium WebDriver
• União de dois projetos: • Selenium (Jason Huggins -
ThoughtWorks) • WebDriver (Simon Stewart - Google) • Framework mais utilizado para testes de UI • Padrão W3C (http:/ /www.w3.org/TR/ webdriver/) Selenium WebDriver
Fonte: http:/ /pt.slideshare.net/ThoughtWorks/selenium-workshopbrasil-pdf
Fonte: http:/ /pt.slideshare.net/ThoughtWorks/selenium-workshopbrasil-pdf
Testes de Unidade
+ OU OU Testes de Unidade para JS
Karma • Criado pelo Vojta Jína (na época, da equipe
do AngularJS)
Karma • Criado pelo Vojta Jína (na época, da equipe
do AngularJS) • Executa os testes (de unidade) em browsers reais, permitindo identificar incompatibilidades entre seu código/libs e browsers
Karma • Feature de “watch" oferece feedback imediato dos testes
a cada save em um script
Karma • Feature de “watch" oferece feedback imediato dos testes
a cada save em um script • Integração muito simples com libs de cobertura de código (Istanbul) ou mocks/stubs/spies (Sinon.js)
Karma: Browsers
Testes na Nuvem
Por que testar na nuvem? • Zero estresse com infraestrutura
de VMs para testar em múltiplos ambientes
Por que testar na nuvem? • Zero estresse com infraestrutura
de VMs para testar em múltiplos ambientes • Serviços oferecem mais de 500 combinações de browser/OS
Por que testar na nuvem? • Setup simples
Por que testar na nuvem? • Setup simples • Execuções
em paralelo te dão feedback mais rápido
Por que testar na nuvem? • Setup simples • Execuções
em paralelo te dão feedback mais rápido • (mas custam mais caro)
Sauce Labs
BrowserStack
Sauce Labs x BrowserStack • Documentação
Sauce Labs x BrowserStack • Documentação • Valores
Sauce Labs x BrowserStack • Documentação • Valores • Features
Sauce Labs x BrowserStack • Documentação • Valores • Features
• Túnel SSL
Sauce Labs: Pricing
BrowserStack: Pricing
Mas e os testes manuais?
Testes Manuais • Ambos os serviços oferecem ambientes para testes
manuais
Testes Manuais • Ambos os serviços oferecem ambientes para testes
manuais • BrowserStack possui, inclusive, emuladores de Windows Phone para testes manuais!
Hands-on
None
None
Hands-on: Vídeos • Demo Selenium: https:/ / www.youtube.com/watch? v=3RzHd817anY •
Demo Karma: https:/ / www.youtube.com/watch? v=1LFHoYaSY00
Hands-on: Código-fonte • Exemplo Selenium: https:/ / github.com/stefanteixeira/ exemplo-selenium-nuvem •
Exemplo Karma: https:/ / github.com/stefanteixeira/fav- organizer
Livros recomendados
Obrigado! Stefan Teixeira @stefan_teixeira
[email protected]
stefanteixeira.com.br stefanteixeira.com