QConRio 2014 - Uso de Headless Browsers em Testes Automatizados

•

9 likes•1,452 views

O documento discute o uso de navegadores headless em testes automatizados, destacando três vantagens principais: fornece feedback mais rápido, é ideal para smoke tests e ótimo para integração contínua. Exemplos de ferramentas como PhantomJS, Selenium WebDriver, Capybara e CasperJS são apresentados.

Technology

Uso de Headless Browsers
em Testes Automatizados!
Stefan Teixeira!
stefanfk@gmail.com / stefanteixeira.com.br

Sobre o palestrante
Stefan Teixeira!
• QA Engineer @ Orga Systems!
• Bacharel em Ciência da Computação pela UFRJ!
• Finalizando MBA em Garantia de Qualidade de Software pela Escola
Politécnica da UFRJ!
• Mantém um blog técnico sobre testes: stefanteixeira.com.br!
• Certificado CTAL-TM / TA pelo ISQTB e CPRE-FL pelo IREB!
Contatos:!
• E-mail: stefanfk@gmail.com!
• Twitter: twitter.com/stefan_teixeira!
• Facebook: facebook.com/stefan.teixeira!
• LinkedIn: linkedin.com/in/stefanteixeira!
• GitHub: github.com/stefanteixeira!
• SlideShare: slideshare.net/stefanteixeira

Pirâmide de Automação de Testes!
!
Mike Cohn (Succeeding with Agile)

Foco de Testes pela UI!
!
• Smoke Tests!
• xBrowser Testing!
• Visual Regression Testing

Importância do tempo de build e
feedback!
• XP (Extreme Programming)!
‣ 10-minute build!
!
• James Shore (The Art of Agile Development)!
‣ 10 or 15-minute build!
!

“That's about the right amount of time to
stretch my legs, get some coffee, and
talk over our work with my pairing
partner.”!
!
- James Shore, The Art of Agile Development

“Subconjunto de todos os casos de testes definidos/
planejados que cobre as principais funcionalidades de
um componente ou sistema, para averiguar as
principais funções de um programa em funcionamento
sem se preocupar com maiores detalhes.“!
!
- Definição de Smoke Tests pelo ISTQB (International Software Testing
Qualifications Board)

Headless Browsers + CI!
!
• Possível rodar os testes no próprio servidor
de CI!
• Setup simples!
• Para projetos no GitHub, o Travis CI oferece
suporte ao PhantomJS por default :)

Importante!!
!
Testar com um Headless Browser
não substitui a necessidade de
testar em browsers reais.

• Selenium WebDriver!
‣ GhostDriver (PhantomJS)!
‣ HtmlUnitDriver (HtmlUnit)!
• Capybara!
‣ Poltergeist (PhantomJS)!
‣ Celerity (HtmlUnit)!
• CasperJS!
‣ PhantomJS!
‣ SlimerJS!
• Zombie.js (+ Mocha / Jasmine)

Usos!
!
• Comparar screenshots!
• Validar design responsivo!
• Validar valores de CSS

Visual Regression Testing
+ Headless Browsers

Ferramenta Browsers
PhantomCSS PhantomJS
Wraith PhantomJS, SlimerJS
Depicted (dpxdt) PhantomJS
CSS Critic Firefox, PhantomJS (experimental)
Hardy.io
Qualquer browser suportado pelo
WebDriver (FF, Chrome, PhantomJS…)
Huxley
Qualquer browser suportado pelo
WebDriver (FF, Chrome, PhantomJS…)

Obrigado!
Stefan Teixeira!
stefanfk@gmail.com!
stefanteixeira.com.br!
@stefan_teixeira

What's hot

Minas Testing Conference 2015 - Visual Regression Testing em ambientes na nuvem

Stefan Teixeira

[MTC 2021] Tests smells: aquele cheirinho de que algo não está bom no seu cód...

minastestingconference

TDC 2015 Floripa - Visual Regression Testing em ambientes na nuvem

Stefan Teixeira

Como criar testes automatizados com alto valor de negócio e baixo custo de manutenção de código para construir software com qualidade? Não é novidade que uma das práticas para um time construir software com qualidade é a adoção de testes no processo de desenvolvimento. Mas é muito importante que os testes sejam efetivos para garantir a qualidade das funcionalidades já implementadas e das novas funcionalidades. Esta palestra tem como objetivo compartilhar padrões e ferramentas que, quando combinados, podem oferecer testes automatizados com alto valor de negócio e de baixa manutenção seguindo três passos: definir o valor do negócio, automatizar testes e refatorar para baixa manutenção.

3 noções básicas para automação de testes efetivos - Taíse Dias da Silva

minastestingconference

Janaína Horácio - Terceirização - O desafio de garantir a Qualidade

minastestingconference

Acelere - e melhore! - o feedback com testes automatizados rápidos

Igor Abade

Acelerando o feedback e deploy com Automação de Testes!

Elias Nogueira

A Importância do Teste Continuo

Elias Nogueira

Apresentação em 28/10/2016 no evento virtual QANinjaConference Apresentar, de forma ditática e no formato totalmente live code, como dividir a automação na sua pipeline com um smoke test seguido dos testes funcionais/aceitação criando estas duas chamadas no Jenkins. Serão apresentadas duas ferramentas diferentes: CasperJs (Javascript) para o smoke test e Selenium WebDriver (Java) para testes funcionais/aceitação

Feedback mais rápido na sua build dividindo os testes funcionais

Elias Nogueira

Testes E2E em Cypress com JS

Nàtali Cabral

Como testar sua aplicação Android com Robotium

Thayse Severiano

Teste em produção - Paraiso ou Inferno?

Sarah Pimentel

Como aumentar a produtividade da sua equipe

Wende Mendes

Automação de Teste em Front End - Caipira Ágil

Elias Nogueira

Automação de Teste para REST, Web e Mobile

Elias Nogueira

Como criar testes rápidos e robustos com Cypress

Walmyr Lima e Silva Filho

Automação de Teste com Robotium - Tche Mobile 2014

Elias Nogueira

TDC2017 | Florianópolis - Trilha Java Melhorando a performance do seu Código ...

tdc-globalcode

1º Encontro do Grupo de Testes Carioca - Primeiros Passos em Automação de Testes

Stefan Teixeira

Testes exploratórios não são sinônimo de bagunça! (TDC 2016 SP)

Igor Abade

What's hot (20)

Minas Testing Conference 2015 - Visual Regression Testing em ambientes na nuvem

[MTC 2021] Tests smells: aquele cheirinho de que algo não está bom no seu cód...

TDC 2015 Floripa - Visual Regression Testing em ambientes na nuvem

3 noções básicas para automação de testes efetivos - Taíse Dias da Silva

Janaína Horácio - Terceirização - O desafio de garantir a Qualidade

Acelere - e melhore! - o feedback com testes automatizados rápidos

Acelerando o feedback e deploy com Automação de Testes!

A Importância do Teste Continuo

Feedback mais rápido na sua build dividindo os testes funcionais

Testes E2E em Cypress com JS

Como testar sua aplicação Android com Robotium

Teste em produção - Paraiso ou Inferno?

Como aumentar a produtividade da sua equipe

Automação de Teste em Front End - Caipira Ágil

Automação de Teste para REST, Web e Mobile

Como criar testes rápidos e robustos com Cypress

Automação de Teste com Robotium - Tche Mobile 2014

TDC2017 | Florianópolis - Trilha Java Melhorando a performance do seu Código ...

1º Encontro do Grupo de Testes Carioca - Primeiros Passos em Automação de Testes

Testes exploratórios não são sinônimo de bagunça! (TDC 2016 SP)

Similar to QConRio 2014 - Uso de Headless Browsers em Testes Automatizados

Scrum Gathering Rio 2014 - Melhorando sua Estratégia de Testes Automatizados

Stefan Teixeira

Scrum Gathering Rio 2015 - Testando na nuvem a UI e o JavaScript de sua aplic...

Stefan Teixeira

O mercado tem exigido cada vez mais rapidez nas entregas dos times de desenvolvimento, para atender as demandas de negócio e manter a competitividade. Para garantir que essas entregas aconteçam no tempo esperado e com qualidade, é muito importante investir em todos os níveis de teste automatizados. Vamos ver quais são esses níveis de teste e alguns exemplos práticos usando Python de testes unitários, integração, funcionais, performance e mutação.

Importância de Testes Automatizados para Continuous Delivery & DevOps

Samanta Cicilia

Agile Brazil 2015 - Testando na Nuvem a UI e o JavaScript de sua aplicação

Stefan Teixeira

[DevOps Carioca] Testes Automatizados

Samanta Cicilia

VR Dev Summit 2016 - Primeiros Passos em Automação de Testes

Stefan Teixeira

Quebrando barreiras entre desenvolvimento e operação de software com DevOps

José Alexandre Macedo

Já imaginou poder automatizar testes que validem a aparência, o CSS e o design responsivo da sua aplicação web? É sobre isso que se trata o conceito de Visual Regression Testing, que é suportado por diversas ferramentas atualmente. Nesta palestra, vou falar sobre como fazer Visual Regression Testing em ambientes na nuvem (SauceLabs/BrowserStack) usando bibliotecas Node.js (Kobold, Preceptor e Hodman), criadas pelo Marcel Erz, do Yahoo. Vamos também mostrar como integrar um projeto de exemplo com essas ferramentas em um pipeline de Integração Contínua (com Jenkins).

Visual Regression Testing em ambientes na nuvem - Stefan Teixeira

minastestingconference

Dezembro 2015 - Primeiros Passos em Automação de Testes

Grupo de Testes Carioca

SonarQube

CDS

Automação de Teste - BRATESTE 2010

Elias Nogueira

UAI Test - Introdução Prática ao Jenkins

Stefan Teixeira

TDC 2015 Floripa - Testes Automatizados de todos os tipos utilizando bibliote...

Stefan Teixeira

TDC 2016 SP - Desmistificando cobertura de código como métrica de qualidade

Stefan Teixeira

DevQA | Da zona de conforto ao comprometimento com a qualidade

Kamilla Queiroz Xavier

Menos teste e mais qualidade - como equilibrar essa equação?

Igor Abade

Qualidade no desenvolvimento de Software com TDD e PHPUnit

Domingos Teruel

TDC 2015 São Paulo - Testes Automatizados de todos os tipos utilizando biblio...

Stefan Teixeira

Caipira agil automacao front end selenium

Qualister

Qualidade de software com Visual Studio ALM

Adriano Bertucci

Similar to QConRio 2014 - Uso de Headless Browsers em Testes Automatizados (20)

Scrum Gathering Rio 2014 - Melhorando sua Estratégia de Testes Automatizados

Scrum Gathering Rio 2015 - Testando na nuvem a UI e o JavaScript de sua aplic...

Importância de Testes Automatizados para Continuous Delivery & DevOps

Agile Brazil 2015 - Testando na Nuvem a UI e o JavaScript de sua aplicação

[DevOps Carioca] Testes Automatizados

VR Dev Summit 2016 - Primeiros Passos em Automação de Testes

Quebrando barreiras entre desenvolvimento e operação de software com DevOps

Visual Regression Testing em ambientes na nuvem - Stefan Teixeira

Dezembro 2015 - Primeiros Passos em Automação de Testes

SonarQube

Automação de Teste - BRATESTE 2010

UAI Test - Introdução Prática ao Jenkins

TDC 2015 Floripa - Testes Automatizados de todos os tipos utilizando bibliote...

TDC 2016 SP - Desmistificando cobertura de código como métrica de qualidade

DevQA | Da zona de conforto ao comprometimento com a qualidade

Menos teste e mais qualidade - como equilibrar essa equação?

Qualidade no desenvolvimento de Software com TDD e PHPUnit

TDC 2015 São Paulo - Testes Automatizados de todos os tipos utilizando biblio...

Caipira agil automacao front end selenium

Qualidade de software com Visual Studio ALM

Recently uploaded

No mundo digital atual, a informação é considerada uma das principais matérias-primas para o desenvolvimento econômico e social. Com a evolução tecnológica e a disseminação da internet, a quantidade de dados gerados e disponíveis diariamente cresce de forma exponencial. Nesse contexto, a gestão da informação assume um papel fundamental para as organizações, uma vez que permite a captação, armazenamento, processamento, análise e disseminação dos dados de forma estruturada e eficiente. Saes, Danillo Xavier. Gestão da Informação. Maringá-Pr.: UniCesumar, 2019. [Unidade I, p. 16 a 28] Para que possamos construir uma reflexão significativa sobre a gestão da informação no mundo organizacional, vamos realizar a presente atividade em 2 momentos. 1. Defina e diferencie: DADO, INFORMAÇÃO e CONHECIMENTO. 2. Faça uma reflexão sobre o uso da informação no contexto organizacional que está inserido na sociedade do conhecimento, destacando qual a relevância do uso das tecnologias digitais como apoio para a gestão da informação.

ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx

2m Assessoria

Padrões de Projeto: Proxy e Command com exemplo

Danilo Pinotti

Árvores binárias são uma das estruturas de dados mais fundamentais e poderosas na ciência da computação, essenciais para o entendimento e aplicação de algoritmos eficientes. Elas permitem operações de busca, inserção e remoção em tempos de execução competitivos, especialmente quando estão balanceadas. Uma árvore binária é uma estrutura de dados em que cada nó possui no máximo dois filhos, que são referenciados como subárvore esquerda e subárvore direita. Considerando os conceitos fundamentais de uma árvore binária, defina o conceito de PROFUNDIDADE de uma árvore binária e discuta como essa medida impacta as operações realizadas na estrutura.

ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx

2m Assessoria

Boas práticas de programação com Object Calisthenics

Danilo Pinotti

A margem de contribuição é uma medida fundamental para entender a lucratividade de um produto, serviço, departamento ou da empresa como um todo. Ela representa o valor que sobra da receita depois de subtrair os custos e despesas variáveis associados à produção ou venda desse produto ou serviço. Essa quantia é chamada de "margem de contribuição" porque é a parte do dinheiro que efetivamente contribui para cobrir os custos fixos e gerar lucro. Fonte: FRAGALLI, Adriana Casavechia; CASTRO, Silvio Cesar de. Custos da Produção. Maringá - PR.: Unicesumar, 2022. Dado o contexto fornecido sobre os Margem de Contribuição dentro de uma empresa, é possível expandir a análise para que seja apurada de diferentes formas dentro de uma organizacional. Essas apurações podem ser (1) Global da Empresa, (2) Global de uma filial, (3) Divisão de Negócios, (4) Departamental, (5) Total por produto e (6) Unitário. Neste sentido, explique como cada uma dessas apurações consiste no contexto prático de margem de contribuição.

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx

2m Assessoria

LOGÍSTICA EMPRESARIAL — ATIVIDADE DE ESTUDO 1 Olá, estudante! Iniciamos, agora, a Atividade 1. Prepare-se para colocar em prática os conceitos estudados durante a disciplina! Caso surjam dúvidas, não hesite em contatar os professores da disciplina. Desejamos sucesso na sua atividade! "A gestão da cadeia de abastecimento, também conhecida como Supply Chain Management, envolve as práticas gerenciais necessárias para que todas as empresas agreguem valor ao cliente ao longo de todo o processo, desde a fabricação dos materiais até a distribuição e entrega final dos bens e serviços (MARTINS; LAUGENI, 2015, p. 189). Essa abordagem busca integrar os diversos atores da cadeia, proporcionando uma visão abrangente e contínua de todo o processo produtivo, desde a aquisição da matéria-prima até a entrega ao cliente final. A evolução do supply chain culminou na concepção da cadeia logística integrada. a) Relacione as fases de evolução do Supply Chain Management, apresentando suas principais características. b) Descreva, de forma detalhada, o fluxo de informação da Logística Integrada. c) Quais estratégias as empresas podem adotar para integrar de forma eficaz a tecnologia da informação na cadeia logística?

ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx

2m Assessoria

Recently uploaded (6)

ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx

Padrões de Projeto: Proxy e Command com exemplo

ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx

Boas práticas de programação com Object Calisthenics

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx

ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx

QConRio 2014 - Uso de Headless Browsers em Testes Automatizados

1. Uso de Headless Browsers em Testes Automatizados! Stefan Teixeira! stefanfk@gmail.com / stefanteixeira.com.br

2. Sobre o palestrante Stefan Teixeira! • QA Engineer @ Orga Systems! • Bacharel em Ciência da Computação pela UFRJ! • Finalizando MBA em Garantia de Qualidade de Software pela Escola Politécnica da UFRJ! • Mantém um blog técnico sobre testes: stefanteixeira.com.br! • Certificado CTAL-TM / TA pelo ISQTB e CPRE-FL pelo IREB! Contatos:! • E-mail: stefanfk@gmail.com! • Twitter: twitter.com/stefan_teixeira! • Facebook: facebook.com/stefan.teixeira! • LinkedIn: linkedin.com/in/stefanteixeira! • GitHub: github.com/stefanteixeira! • SlideShare: slideshare.net/stefanteixeira

3. Testes Automatizados

4. Pirâmide de Automação de Testes! ! Mike Cohn (Succeeding with Agile)

5. Foco de Testes pela UI! ! • Smoke Tests! • xBrowser Testing! • Visual Regression Testing

6. Headless Browsers

8. Por que usar um Headless Browser?

9. #1: Feedback mais rápido

10. Importância do tempo de build e feedback! • XP (Extreme Programming)! ‣ 10-minute build! ! • James Shore (The Art of Agile Development)! ‣ 10 or 15-minute build! !

11. “That's about the right amount of time to stretch my legs, get some coffee, and talk over our work with my pairing partner.”! ! - James Shore, The Art of Agile Development

12. #2: Ideal para Smoke Tests

13. “Subconjunto de todos os casos de testes definidos/ planejados que cobre as principais funcionalidades de um componente ou sistema, para averiguar as principais funções de um programa em funcionamento sem se preocupar com maiores detalhes.“! ! - Definição de Smoke Tests pelo ISTQB (International Software Testing Qualifications Board)

14. #3: Ótimo para Integração Contínua

15. Headless Browsers + CI! ! • Possível rodar os testes no próprio servidor de CI! • Setup simples! • Para projetos no GitHub, o Travis CI oferece suporte ao PhantomJS por default :)

16. Importante!! ! Testar com um Headless Browser não substitui a necessidade de testar em browsers reais.

17. Headless Testing

18. • Selenium WebDriver! ‣ GhostDriver (PhantomJS)! ‣ HtmlUnitDriver (HtmlUnit)! • Capybara! ‣ Poltergeist (PhantomJS)! ‣ Celerity (HtmlUnit)! • CasperJS! ‣ PhantomJS! ‣ SlimerJS! • Zombie.js (+ Mocha / Jasmine)

19. Visual Regression Testing

20.

21. Usos! ! • Comparar screenshots! • Validar design responsivo! • Validar valores de CSS

22. Visual Regression Testing + Headless Browsers

23. Ferramenta Browsers PhantomCSS PhantomJS Wraith PhantomJS, SlimerJS Depicted (dpxdt) PhantomJS CSS Critic Firefox, PhantomJS (experimental) Hardy.io Qualquer browser suportado pelo WebDriver (FF, Chrome, PhantomJS…) Huxley Qualquer browser suportado pelo WebDriver (FF, Chrome, PhantomJS…)

24. Obrigado! Stefan Teixeira! stefanfk@gmail.com! stefanteixeira.com.br! @stefan_teixeira

QConRio 2014 - Uso de Headless Browsers em Testes Automatizados

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to QConRio 2014 - Uso de Headless Browsers em Testes Automatizados

Similar to QConRio 2014 - Uso de Headless Browsers em Testes Automatizados (20)

More from Stefan Teixeira

More from Stefan Teixeira (20)

Recently uploaded

Recently uploaded (6)

QConRio 2014 - Uso de Headless Browsers em Testes Automatizados