Os complicados testes de interface

como trazer sua banda favorita para oSunday, September 11, 11 1

ou...Sunday, September 11, 11 2

os complicados testes de interface e componentes webSunday, September 11, 11 3

Andrews Medina #cobrateam founder djangobrasil.org / python.org.br desenvolvedor @ globo.comSunday, September 11, 11 4

Francisco Souza #cobrateam member djangobrasil.org desenvolvedor @ globo.comSunday, September 11, 11 5

proprietary software is the disease. Meet the cure.Sunday, September 11, 11 6

Testes?Sunday, September 11, 11 7

Testes automatizadosSunday, September 11, 11 8

Sunday, September 11, 11 9

show me the codeSunday, September 11, 11 9

interfaces web?Sunday, September 11, 11 10

interfaces x componentes ricosSunday, September 11, 11 11

interfacesSunday, September 11, 11 12

componentesSunday, September 11, 11 13

componentesSunday, September 11, 11 14

Testes de interfaceSunday, September 11, 11 15

o inícioSunday, September 11, 11 16

o início • testes de interface não eram automatizadosSunday, September 11, 11 16

o início • testes de interface não eram automatizados • equipe de QASunday, September 11, 11 16

o início • testes de interface não eram automatizados • equipe de QA • selenium ideSunday, September 11, 11 16

o início • testes de interface não eram automatizados • equipe de QA • selenium ide • selenium rcSunday, September 11, 11 16

o declínioSunday, September 11, 11 17

o declínio • selenium rcSunday, September 11, 11 17

o declínio • xpath /e1//e3[not(ancestor::*[not(self::e1|self::e2)])]Sunday, September 11, 11 18

o declínio • page objectSunday, September 11, 11 19

a ressurreiçãoSunday, September 11, 11 20

a ressurreição • testes unitários em componentesSunday, September 11, 11 20

a ressurreição • testes unitários em componentes • teste de intefaces web (browser)Sunday, September 11, 11 20

a ressurreição • testes unitários em componentes • teste de intefaces web (browser) • teste de interfaces além do browserSunday, September 11, 11 20

testando componentesSunday, September 11, 11 21

qunitSunday, September 11, 11 22

qunit • jquerySunday, September 11, 11 22

qunit • jquery • unitárioSunday, September 11, 11 22

qunit • jquery • unitário • api feiaSunday, September 11, 11 22

qunit • jquery • unitário • api feia • ruim para testes assíncronosSunday, September 11, 11 22

jasmineSunday, September 11, 11 23

jasmine • bddSunday, September 11, 11 23

jasmine • bdd • api bonitaSunday, September 11, 11 23

jasmine • bdd • api bonita • inspirado no rspecSunday, September 11, 11 23

jasmine • bdd • api bonita • inspirado no rspec • baseado em tópicosSunday, September 11, 11 23

jasmine • bdd • api bonita • inspirado no rspec • baseado em tópicos • bom para testes assíncronosSunday, September 11, 11 23

testando interfaces web (browser)Sunday, September 11, 11 25

ferramentasSunday, September 11, 11 26

selenium 1.0Sunday, September 11, 11 27

selenium 1.0 • lentoSunday, September 11, 11 27

selenium 1.0 • lento • necessita de serverSunday, September 11, 11 27

selenium 1.0 • lento • necessita de server • obsoletoSunday, September 11, 11 27

selenium 1.0 • lento • necessita de server • obsoleto • sintaxe ruimSunday, September 11, 11 27

selenium 1.0 • lento • necessita de server • obsoleto • sintaxe ruim • funcionalidades legaisSunday, September 11, 11 27

selenium 1.0 • lento • necessita de server • obsoleto • sintaxe ruim • funcionalidades legais • multi linguagemSunday, September 11, 11 27

pyccuracySunday, September 11, 11 28

pyccuracy • linguagem naturalSunday, September 11, 11 28

pyccuracy • linguagem natural • sintaxe complexaSunday, September 11, 11 28

pyccuracy • linguagem natural • sintaxe complexa • difícil de manterSunday, September 11, 11 28

pyccuracy • linguagem natural • sintaxe complexa • difícil de manter • baseado no selenium 1Sunday, September 11, 11 28

pyccuracy • linguagem natural • sintaxe complexa • difícil de manter • baseado no selenium 1 • multi linguagemSunday, September 11, 11 28

selenium 2.0Sunday, September 11, 11 29

selenium 2.0 • vários browsers (ﬁrefox, ie, chrome)Sunday, September 11, 11 29

selenium 2.0 • vários browsers (ﬁrefox, ie, chrome) • instávelSunday, September 11, 11 29

selenium 2.0 • vários browsers (ﬁrefox, ie, chrome) • instável • diferença entre browsers (api)Sunday, September 11, 11 29

selenium 2.0 • vários browsers (ﬁrefox, ie, chrome) • instável • diferença entre browsers (api) • menos features que o selenium 1Sunday, September 11, 11 29

zope testbrowserSunday, September 11, 11 30

zope testbrowser • rápidoSunday, September 11, 11 30

zope testbrowser • rápido • headlessSunday, September 11, 11 30

zope testbrowser • rápido • headless • não renderiza jsSunday, September 11, 11 30

zope testbrowser • rápido • headless • não renderiza js • api estávelSunday, September 11, 11 30

zope testbrowser • rápido • headless • não renderiza js • api estável • trata formulários de forma ‘especial’Sunday, September 11, 11 30

zope testbrowser • rápido • headless • não renderiza js • api estável • trata formulários de forma ‘especial’ • pythonSunday, September 11, 11 30

htmlunitSunday, September 11, 11 31

htmlunit • rápidoSunday, September 11, 11 31

htmlunit • rápido • headlessSunday, September 11, 11 31

htmlunit • rápido • headless • suporta jsSunday, September 11, 11 31

htmlunit • rápido • headless • suporta js • java =(Sunday, September 11, 11 31

zombie.jsSunday, September 11, 11 32

zombie.js • rápidoSunday, September 11, 11 32

zombie.js • rápido • headlessSunday, September 11, 11 32

zombie.js • rápido • headless • node.jsSunday, September 11, 11 32

zombie.js • rápido • headless • node.js • instávelSunday, September 11, 11 32

capybaraSunday, September 11, 11 33

capybara • api simplesSunday, September 11, 11 33

capybara • api simples • selenium 2 (ﬁrefox)Sunday, September 11, 11 33

capybara • api simples • selenium 2 (ﬁrefox) • rubySunday, September 11, 11 33

capybara • api simples • selenium 2 (ﬁrefox) • ruby • muitos drivers de terceirosSunday, September 11, 11 33

capybara • api simples • selenium 2 (ﬁrefox) • ruby • muitos drivers de terceiros • zombieSunday, September 11, 11 33

capybara • api simples • selenium 2 (ﬁrefox) • ruby • muitos drivers de terceiros • zombie • webkitSunday, September 11, 11 33

capybara • api simples • selenium 2 (ﬁrefox) • ruby • muitos drivers de terceiros • zombie • webkit • chromeSunday, September 11, 11 33

e mais... • Mechanize • PhantomJS • twill • WindmillSunday, September 11, 11 34

splinter splinter.cobrateam.infoSunday, September 11, 11 35

splinter é uma APISunday, September 11, 11 36

browser = Browser(‘firefox’) browser.visit(‘http://cobrateam.info’) assert browser.is_text_present(‘Projects’) browser = Browser(‘zope.testbrowser’) browser.visit(‘http://cobrateam.info’) assert browser.is_text_present(‘Projects’) browser = Browser(‘chrome’) browser.visit(‘http://cobrateam.info’) assert browser.is_text_present(‘Projects’)Sunday, September 11, 11 37

browserSunday, September 11, 11 38

browser • visit(‘url’)Sunday, September 11, 11 38

browser • visit(‘url’) • reload()Sunday, September 11, 11 38

browser • visit(‘url’) • reload() • quit()Sunday, September 11, 11 38

browser • visit(‘url’) • reload() • quit() • htmlSunday, September 11, 11 38

browser • visit(‘url’) • reload() • quit() • html • urlSunday, September 11, 11 38

browser • visit(‘url’) • reload() • quit() • html • url • titleSunday, September 11, 11 38

procurando por elementosSunday, September 11, 11 39

procurando por elementos • ﬁnd_by_css(‘.classe’)Sunday, September 11, 11 39

procurando por elementos • ﬁnd_by_css(‘.classe’) • ﬁnd_by_id(‘meuid’)Sunday, September 11, 11 39

procurando por elementos • find_by_css(‘.classe’) • find_by_id(‘meuid’) • find_by_xpath(‘//body’)Sunday, September 11, 11 39

procurando por elementos • find_by_css(‘.classe’) • find_by_id(‘meuid’) • find_by_xpath(‘//body’) • find_by_tag(‘a’)Sunday, September 11, 11 39

procurando por elementos • find_by_css(‘.classe’) • find_by_id(‘meuid’) • find_by_xpath(‘//body’) • find_by_tag(‘a’) • find_by_name(‘search’)Sunday, September 11, 11 39

formuláriosSunday, September 11, 11 40

formulários • ﬁll(‘name’, ‘value’)Sunday, September 11, 11 40

formulários • fill(‘name’, ‘value’) • attach_file(‘name’, ‘/path/to/file.txt’)Sunday, September 11, 11 40

formulários • fill(‘name’, ‘value’) • attach_file(‘name’, ‘/path/to/file.txt’) • check(‘name’) #checkboxSunday, September 11, 11 40

formulários • fill(‘name’, ‘value’) • attach_file(‘name’, ‘/path/to/file.txt’) • check(‘name’) #checkbox • choose(‘name’, ‘value’) #radio buttonSunday, September 11, 11 40

formulários • fill(‘name’, ‘value’) • attach_file(‘name’, ‘/path/to/file.txt’) • check(‘name’) #checkbox • choose(‘name’, ‘value’) #radio button • select(‘name’, ‘option’)Sunday, September 11, 11 40

mouse eventsSunday, September 11, 11 41

mouse events • ﬁnd_by_css(‘.botao’).mouseover()Sunday, September 11, 11 41

mouse events • ﬁnd_by_css(‘.botao’).mouseover() • ﬁnd_by_css(‘.botao’).double_click()Sunday, September 11, 11 41

mouse events • find_by_css(‘.botao’).mouseover() • find_by_css(‘.botao’).double_click() • find_by_css(‘.botao’).mouseout()Sunday, September 11, 11 41

e mais...Sunday, September 11, 11 42

e mais... • alertSunday, September 11, 11 42

e mais... • alert • iframeSunday, September 11, 11 42

e mais... • alert • iframe • status_codeSunday, September 11, 11 42

e mais... • alert • iframe • status_code • extensõesSunday, September 11, 11 42

e mais... • alert • iframe • status_code • extensões • cookiesSunday, September 11, 11 42

e mais... • alert • iframe • status_code • extensões • cookies • mouse interactionsSunday, September 11, 11 42

futuro do projetoSunday, September 11, 11 44

futuro do projeto • mais browsers/driversSunday, September 11, 11 44

futuro do projeto • mais browsers/drivers • ieSunday, September 11, 11 44

futuro do projeto • mais browsers/drivers • ie • zombie.jsSunday, September 11, 11 44

futuro do projeto • mais browsers/drivers • ie • zombie.js • webkitSunday, September 11, 11 44

contribua!Sunday, September 11, 11 45

contribua! • #cobrateam @ irc.freenode.netSunday, September 11, 11 45

contribua! • #cobrateam @ irc.freenode.net • forkSunday, September 11, 11 45

contribua! • #cobrateam @ irc.freenode.net • fork • pull requestSunday, September 11, 11 45

sikuliSunday, September 11, 11 46

sikuli • jython (java + script em python)Sunday, September 11, 11 46

sikuli • jython (java + script em python) • api amigávelSunday, September 11, 11 46

sikuli • jython (java + script em python) • api amigável • multiplataformaSunday, September 11, 11 46

sikuliSunday, September 11, 11 47

sikuli • muito sensívelSunday, September 11, 11 47

sikuli • muito sensível • muito a ser desbravadoSunday, September 11, 11 47

futuro?Sunday, September 11, 11 48

futuro? • testes visuaisSunday, September 11, 11 48

futuro?Sunday, September 11, 11 49

como trazer sua banda favorita para oSunday, September 11, 11 50

perguntas? splinter.cobrateam.info github.com/cobrateam/splinter Andrews Medina Francisco Souza andrewsmedina.com franciscosouza.com @andrewsmedina @franciscosouza andrewsmedina@gmail.com f@souza.ccSunday, September 11, 11 51

http://www.franciscosouza.com.br	191
http://planeta-globo.com	11
http://www.tux-es.org	9
https://twitter.com	6
http://twitter.com	6
http://us-w1.rockmelt.com	5
http://paper.li	1

Os complicados testes de interface

by Francisco Souza on Sep 11, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

7 Embeds 229

Statistics

Os complicados testes de interface — Presentation Transcript