O documento discute testes de interfaces web, abordando tópicos como quais componentes testar, ferramentas para testes como Jasmine e qUnit, e como executar testes de forma headless ou não headless. É apresentada uma comparação entre diferentes bibliotecas para testes de interface como Selenium, Capybara e Splinter.

1. testando interfaces web
@andrewsmedina

2. andrews medina
•?

3. andrews medina
• o que os outros pensam...

4. andrews medina
• o que eu penso...

5. andrews medina
• o que minha mãe pensa...

6. andrews medina
• como realmente é!

7. interfaces?

8. http://farm4.static.flickr.com/3293/3045994303_6f2a4f36d2.jpg

9. http://farm4.static.flickr.com/3522/3468280305_fb2681f996.jpg

12. testes?

14. teste + interface = ???
• porque testar?
• o que testar?
• como testar?
• quando testar?

15. porque testar?
• garantir que a interface está tendo o comportamento esperado

16. o que testar?
• css?
• visual?
• comportamento/funcionamento?

17. o que testar?
• css?
• visual?
• comportamento/funcionamento!

18. o que testar?
• interface?
• componentes?

19. o que testar?
• interface e componentes!

20. componente?

23. como testar?
• componentes
• interface

24. testando componentes
• qUnit
• jasmine

25. qUnit
• jquey
• unitário
• api “feia”
• ruim para testes assíncronos

26. jasmine
• bdd
• api “bonita”
• inspirado no rspec
• baseado em tópicos
• bom para testes assíncronos

30. como rodar jasmine/qunit?
• jasmine-splinter-runner

31. como rodar jasmine/qunit?
• abrir o browser toda vez para rodar um teste?
• jasmine/qunit + integração contínua (ci) ?

32. jasmine-splinter-runner
• https://github.com/cobrateam/jasmine-splinter-runner

33. jasmine-splinter-runner
• pip install jasmine-splinter-runner
• jasmine-splinter URI

35. testando interfaces
• selenium 1.0 • htmlunit
• pyccuracy • zombie.js
• selenium 2.0 • zope testbrowser
• capybara • mechanize
• splinter • phantomjs

36. selenium 1
• lento
• necessita de server
• obsoleto
• funcionalidades legais

37. selenium 2
• não necessita server
• vários browsers (firefox, ie, opera, chrome)
• instável
• diferença entre browsers (api)
• features legais

38. zope testbrowser
• rápido
• headless
• não renderiza js
• api estável
• trata formulários de forma especial

40. zombie.js
• rápido
• headless
• suporta js
• node.js
• instável

42. htmlunit
• rápido
• headless
• suporta js
• java :-(

43. webkit
• rápido
• headless
• suporta js
• phantomjs, ghost.py

46. headless ou não headless?

47. headless
• rápido
• não consome muitos recursos (memória x processamento)
• difícil de debugar
• mas não é um browser...

48. não headless
• lento
• usa o browser
• fácil de debugar (você pode ver o que está acontecendo)

49. headless + não headless

50. headless
• TDD
• executar os testes localmente

51. não headless
• escrever os testes
• rodar os testes em uma máquina de integração contínua (ci)

52. headless + não headless?
• #comofaz???

53. headless + não headless?
• capybara
• splinter

54. capybara
• api
• ruby
• drivers: firefox
• third party drivers: webkit, chrome, zombie.js...

55. capybara
• seletores css, xpath, tag, name
• ajax
• javascript

57. splinter
• api
• python
• drivers: chrome, firefox, zope testbrowser
• em andamento: webkit, zombie.js

58. splinter
• seletores css, xpath, tag, name
• ajax
• javascript
• cookies
• iframes, alerts
• http status code

63. bônus!
• http://sikuli.org/
• http://needle.readthedocs.org/

66. perguntas?
@andrewsmedina
andrewsmedina.com