26
Browsersync: Acelerando seus testes na web Danilo Feijó #trilhatestes | jul/2016

Tdc2016 trilha testes - browsersync acelerando seus testes na web

Embed Size (px)

Citation preview

Page 1: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Browsersync:Acelerando seus testes na webDanilo Feijó

#trilhatestes | jul/2016

Page 2: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Quem vos fala ;)

[email protected] | [email protected]

/danilofeijo

@DanFeijo_

/danfeijo

✓ Atuo como tester em times ágeis

✓ Faço parte da CI&T desde 2014

✓ Adentrei o universo dos testes em 2011

Page 3: Tdc2016 trilha testes - browsersync acelerando seus testes na web
Page 4: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Entendendo meu cenário

Page 5: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Meu cenario

✓ Atuamos no Desenvolvimento e Suporte de sites…

Page 6: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Meu cenario

✓ Usualmente times com até 2 testers…

Page 7: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Meu cenario

✓ Nós usamos Scrum…

Page 8: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Meu cenario

✓ ou KanBan…

Page 9: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Tudo certo até aqui, mas…

Page 10: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Meu cenario

Temos diferentes Browsers...Não esqueçam de mim \o/

Page 11: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Meu cenario

E também temos devices…

Page 12: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Meu cenario

e claro, sua infinidade de combinações…

Page 13: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Como executar tudo isso?

Page 14: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Meu cenario

Talvez assim…

Page 15: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Meu cenario

Ou assim...

Page 16: Tdc2016 trilha testes - browsersync acelerando seus testes na web
Page 17: Tdc2016 trilha testes - browsersync acelerando seus testes na web

BrowserSync - O que é?

● Assistente para execução de testes manuais

● Agiliza os testes na web

● Free!!!

Page 18: Tdc2016 trilha testes - browsersync acelerando seus testes na web

BrowserSync - O que faz?

● Replica uma URL em vários browsers/devices

● Espelha uma ação em todos os browsers/devices acessados

Page 19: Tdc2016 trilha testes - browsersync acelerando seus testes na web

BrowserSync - Pontos de Atenção

● Mouse over

● Steps diferentes de acordo com a responsividade

Page 20: Tdc2016 trilha testes - browsersync acelerando seus testes na web

Mas, é difícil instalar?

Page 21: Tdc2016 trilha testes - browsersync acelerando seus testes na web

BrowserSync - Instalando

Page 22: Tdc2016 trilha testes - browsersync acelerando seus testes na web

BrowserSync - Instalando

npm install -g browser-sync

Mais informações em browsersync.io

Page 23: Tdc2016 trilha testes - browsersync acelerando seus testes na web

BrowserSync - Rodando

browser-sync start -p “http://naotembug.sqn/”

Fácil, como rodar o pião da casa própria...

Page 24: Tdc2016 trilha testes - browsersync acelerando seus testes na web

BrowserSync - Rodando

Page 25: Tdc2016 trilha testes - browsersync acelerando seus testes na web

E funciona???

Page 26: Tdc2016 trilha testes - browsersync acelerando seus testes na web

THANKYOU

FOR YOURTIME!