tdc2016 trilha testes - browsersync acelerando seus testes na web

Browsersync:Acelerando seus testes na webDanilo Feijó

#trilhatestes | jul/2016

Quem vos fala ;)

danilofs@ciandt.com | danilo.silvafs@gmail.com

/danilofeijo

@DanFeijo_

/danfeijo

✓ Atuo como tester em times ágeis

✓ Faço parte da CI&T desde 2014

✓ Adentrei o universo dos testes em 2011

Entendendo meu cenário

Meu cenario

✓ Atuamos no Desenvolvimento e Suporte de sites…

Meu cenario

✓ Usualmente times com até 2 testers…

Meu cenario

✓ Nós usamos Scrum…

Meu cenario

✓ ou KanBan…

Tudo certo até aqui, mas…

Meu cenario

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

Meu cenario

E também temos devices…

Meu cenario

e claro, sua infinidade de combinações…

Como executar tudo isso?

Meu cenario

Talvez assim…

Meu cenario

Ou assim...

BrowserSync - O que é?

● Assistente para execução de testes manuais

● Agiliza os testes na web

● Free!!!

BrowserSync - O que faz?

● Replica uma URL em vários browsers/devices

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

BrowserSync - Pontos de Atenção

● Mouse over

● Steps diferentes de acordo com a responsividade

Mas, é difícil instalar?

BrowserSync - Instalando

BrowserSync - Instalando

npm install -g browser-sync

Mais informações em browsersync.io

BrowserSync - Rodando

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

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

BrowserSync - Rodando

E funciona???

THANKYOU

FOR YOURTIME!