Testes de aceitação com Steak e Capybara

Testes de aceitação com
Steak e Capybara

por Jésus Lopes
@jtadeulopes

sexta-feira, 17 de dezembro de 2010

Sucesso!


Testes de aceitação


Automatizar os testes de
aceitação!


O que é teste de
aceitação?


Testes do cliente!


Por que?


Por que?
Mais valioso de todos


Por que?

Começa com a interface


Por que?

Começa com a interface

Ajuda a pensar na funcionalidade e aplicar
somente o necessário


Mas eu faço isso!


Errado!

Então, como automatizar
este tipo de teste?


Steak
“Minimalist acceptance testing on top of RSpec”


Exemplo:
1º Descrever o comportamento em
Ruby puro


1 feature "Produtos", %q{
2 A fim de ter um site com produtos
3 Como administrador
4 Eu quero gerenciar meus produtos
5 } do
6
7 scenario "Visualizando produtos na home" do
8
9 Product.create!(:name => 'Sapato')
10 Product.create!(:name => 'Mochila')
11
12 visit '/'
13
14 page.should have_content('Sapato')
15 page.should have_content('Mochila')
16
17 end
18
19 end


Pronto!


Pronto!
Basta seguir com o desenvolvimento...


Pronto!

2º Rodar os testes e ver falhando


Pronto!

3º Escrever o código necessário
para o teste passar


Pronto!

3º Escrever o código necessário
para o teste passar
4º Rodar os testes novamente...


Capybara
“DSL for interacting with a web application”


visit '/'


click_link 'Products'


click_button 'Save'


Formulários


Formulários
fill_in 'First Name', :with => 'Jésus'


Formulários

choose 'A Radio Button'


Formulários


check 'A Checkbox'


Formulários


check 'A Checkbox'

uncheck 'A Checkbox'


Formulários


check 'A Checkbox'


attach_file 'Image', '/path/to/image.jpg'


Formulários


check 'A Checkbox'


attach_file 'Image', '/path/to/image.jpg'

select 'Option', :from => 'Select Box'


Mais exemplos!


1 feature "Lorem ipsum" do
2
3 scenario "New lorem" do
4
5 visit 'http://www.domain.com'
6
7 click_link 'Light Button'
8
9 fill_in 'Input', :with => 'dolore'
10 fill_in 'Text-Field', :with => 'Lorem ipsum dolor...'
11 click_button 'Dark Button'
12
13 page.should have_content 'dolor sit amet'
14 end
15
16 end


Consultas na página



page.has_selector?('table tr')




page.has_selector?(:xpath, '//table/tr')




page.has_selector?(:xpath, '//table/tr')

page.has_css?('table tr.foo')


Encontrar elementos


Encontrar elementos

find_field('First Name').value


Encontrar elementos


find_link('Hello').visible?


Encontrar elementos


find_link('Hello').visible?

find_button('Send').click


1 feature "Login" do
2
3 scenario "Login como administrador" do
4
5 within("div.admin") do
6 fill_in 'LOGIN', :with => 'user'
7 fill_in 'SENHA', :with => 'senha123'
8 click_button 'Light Button'
9 end
10
11 end
12
13 scenario "Login como aluno" do
14
15 within("div.student") do
16 fill_in 'E-MAIL', :with => 'user@user.com'
17 fill_in 'SENHA', :with => 'senha123'
18 click_button 'Light Button'
19 end
20
21 end
22
23 end


Live coding!


Obrigado!


Fontes
• https://github.com/cavalle/steak

• https://github.com/jnicklas/capybara

• http://jeffkreeftmeijer.com/2010/steak-because-cucumber-is-for-vegetarians

• http://www.slideshare.net/danielvlopes/steak-4939188

• http://www.dtsato.com/blog/2007/09/24/voce-automatiza-seus-testes-de-aceitacao

• http://www.extremeprogramming.org/rules/functionaltests.html

• Storyboard characters - http://www.grafﬂetopia.com/stencils/462

• http://www.eleqtriq.com/2010/08/sqetch-wireframe-toolkit/


Testes de aceitação com Steak e Capybara

Recomendados

Recomendados

Más contenido relacionado

Más de Zigotto Tecnologia

Más de Zigotto Tecnologia (7)

Testes de aceitação com Steak e Capybara