Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Testes no Rails: Além do Ruby

Halan Pinheiro
September 03, 2013
Programming
1
90

Testes no Rails: Além do Ruby

Um ponto de vista sobre como cuidar e evoluir de forma sustentável a camada de JavaScripts de uma aplicação Rails. Utilizando como base uma abordagem TDD, indo além dos simples testes de aceitação: escrevendo testes de unidade e desenvolvendo código fácil de ser testado.

Halan Pinheiro

September 03, 2013
Tweet

Other Decks in Programming

See All in Programming
CREってこういうこと？ 体験入社 - 提案資料 - / what-is-cre-trial-employment
shinden
1
620
AmperとFleetを使ったAndroidアプリ
yoppie
0
300
Implementing Design Systems in Swift
seyfoyun
2
530
Exploring Type-Informed Lint Rules in Rust based TypeScript Linters
unvalley
3
630
Direct Style Effect Systems The Print[A] Example A Comprehension Aid
philipschwarz
PRO
0
410
Amazon Aurora Serverless v2が意外と高かった話と、 AWS Database Migration Serviceの話
satoshi256kbyte
1
110
ServerAction で Progressive Enhancement はどこまで頑張れるか？ / progressive-enhancement-with-server-action
takefumiyoshii
6
510
Balkan Ruby 2024 — How and why to run SQLite on Rails in production
fractaledmind
0
110
Escolhendo (ou não) o melhor ORM para o seu projeto
andreiacsilva
1
160
Timeline エディター拡張入門
yucchiy
0
450
ペパボOpenTelemetry革命
pyama86
2
1.1k
slow types ってなんだろう?
karad
0
210

Featured

See All Featured
Practical Orchestrator
shlominoach
183
9.8k
Why Our Code Smells
bkeepers
PRO
331
56k
A Philosophy of Restraint
colly
197
16k
Thoughts on Productivity
jonyablonski
60
3.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Designing Experiences People Love
moore
136
23k
YesSQL, Process and Tooling at Scale
rocio
165
13k
The Pragmatic Product Professional
lauravandoore
26
5.9k
Automating Front-end Workflow
addyosmani
1357
200k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
How STYLIGHT went responsive
nonsquared
92
4.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
22
1.4k

Transcript

  1. Testes no Rails: Além do Ruby Por Halan Pinheiro terça-feira,

    3 de setembro de 13

  2. 42 Pseudo-*-End @pinheirohalan terça-feira, 3 de setembro de 13

  3. 42 terça-feira, 3 de setembro de 13

  4. terça-feira, 3 de setembro de 13

  5. terça-feira, 3 de setembro de 13

  6. Douglas Adams terça-feira, 3 de setembro de 13

  7. ‣Como vamos poder comer? terça-feira, 3 de setembro de 13

  8. ‣Como vamos poder comer? ‣ Por que comemos? terça-feira, 3

    de setembro de 13

  9. ‣Como vamos poder comer? ‣ Por que comemos? ‣ Onde

    vamos almoçar? terça-feira, 3 de setembro de 13

  10. ‣Como vamos poder comer? ‣ Por que comemos? ‣ Onde

    vamos almoçar? Sobrevivência Interrogação Sofisticação terça-feira, 3 de setembro de 13

  11. ‣Como? ‣Por quê? ‣Onde? terça-feira, 3 de setembro de 13

  12. ‣Como? ‣Por quê? ‣Onde? terça-feira, 3 de setembro de 13

  13. ‣Como? ‣Por quê? ‣Onde? ... Embora uma grande civilização leve

    milênios para passar pelas fases do Como, do Porquê e do Onde, pequenos agrupamentos sociais podem passar por elas com extrema rapidez. terça-feira, 3 de setembro de 13

  14. Como? terça-feira, 3 de setembro de 13

  15. var assert = function(expression, message){ if(!expression) throw message; }; terça-feira,

    3 de setembro de 13

  16. var assert = function(expression, message){ if(!expression) throw message; }; terça-feira,

    3 de setembro de 13

  17. var assert = function(expression, message){ if(!expression) throw message; }; terça-feira,

    3 de setembro de 13

  18. terça-feira, 3 de setembro de 13

  19. Framework de teste •Reporter •Suite http://visionmedia.github.io/mocha/ terça-feira, 3 de setembro

    de 13

  20. Mocha <html> <head> <title>Mocha Tests</title> <script type="text/javascript" src="mocha.js"></script> <script> mocha.setup('bdd');

    var assert = function(expression){ if(!expression) throw; }; describe('Winston Smith sum', function(){ it('2 + 2 always be equal 4', function(){ assert(2 + 2 == 4); }); }); mocha.run(); </script> </head> <body></body> </html> terça-feira, 3 de setembro de 13

  21. Mocha <html> <head> <title>Mocha Tests</title> <script type="text/javascript" src="mocha.js"></script> <script> mocha.setup('bdd');

    var assert = function(expression){ if(!expression) throw; }; describe('Winston Smith sum', function(){ it('2 + 2 always be equal 4', function(){ assert(2 + 2 == 4); }); }); mocha.run(); </script> </head> <body></body> </html> terça-feira, 3 de setembro de 13

  22. Mocha <html> <head> <title>Mocha Tests</title> <script type="text/javascript" src="mocha.js"></script> <script> mocha.setup('bdd');

    var assert = function(expression){ if(!expression) throw; }; describe('Winston Smith sum', function(){ it('2 + 2 always be equal 4', function(){ assert(2 + 2 == 4); }); }); mocha.run(); </script> </head> <body></body> </html> terça-feira, 3 de setembro de 13

  23. Mocha <html> <head> <title>Mocha Tests</title> <script type="text/javascript" src="mocha.js"></script> <script> mocha.setup('bdd');

    var assert = function(expression){ if(!expression) throw; }; describe('Winston Smith sum', function(){ it('2 + 2 always be equal 4', function(){ assert(2 + 2 == 4); }); }); mocha.run(); </script> </head> <body></body> </html> terça-feira, 3 de setembro de 13

  24. Mocha <html> <head> <title>Mocha Tests</title> <script type="text/javascript" src="mocha.js"></script> <script> mocha.setup('bdd');

    var assert = function(expression){ if(!expression) throw; }; describe('Winston Smith sum', function(){ it('2 + 2 always be equal 4', function(){ assert(2 + 2 == 4); }); }); mocha.run(); </script> </head> <body></body> </html> terça-feira, 3 de setembro de 13

  25. terça-feira, 3 de setembro de 13

  26. Chai.js http://chaijs.com/ terça-feira, 3 de setembro de 13

  27. Mocha + Chai.js window.expect = chai.expect; describe('Winston Smith sum', function(){

    it('2+2 always be equal 4', function(){ expect( 2 + 2 ).to.be.equal(4); }); }); describe( 'we love the expressiveness of chai: write.with.dots.is.cool', function(){ it('2+2 always be equal 4 and 4 is a number', function(){ expect(2 + 2).to.be.equal(4).and.is.a('number'); }); }); terça-feira, 3 de setembro de 13

  28. Mocha + Chai.js window.expect = chai.expect; describe('Winston Smith sum', function(){

    it('2+2 always be equal 4', function(){ expect( 2 + 2 ).to.be.equal(4); }); }); describe( 'we love the expressiveness of chai: write.with.dots.is.cool', function(){ it('2+2 always be equal 4 and 4 is a number', function(){ expect(2 + 2).to.be.equal(4).and.is.a('number'); }); }); terça-feira, 3 de setembro de 13

  29. Mocha + Chai.js window.expect = chai.expect; describe('Winston Smith sum', function(){

    it('2+2 always be equal 4', function(){ expect( 2 + 2 ).to.be.equal(4); }); }); describe( 'we love the expressiveness of chai: write.with.dots.is.cool', function(){ it('2+2 always be equal 4 and 4 is a number', function(){ expect(2 + 2).to.be.equal(4).and.is.a('number'); }); }); terça-feira, 3 de setembro de 13

  30. Mocha + Chai.js window.expect = chai.expect; describe('Winston Smith sum', function(){

    it('2+2 always be equal 4', function(){ expect( 2 + 2 ).to.be.equal(4); }); }); describe( 'we love the expressiveness of chai: write.with.dots.is.cool', function(){ it('2+2 always be equal 4 and 4 is a number', function(){ expect(2 + 2).to.be.equal(4).and.is.a('number'); }); }); terça-feira, 3 de setembro de 13

  31. Sinon.js //= require products describe('Products', function(){ beforeEach(function(){ this.server = sinon.fakeServer.create();

    this.server.requests[0].respond( 200, { "Content-Type": "application/json" }, JSON.stringify([{id: 2}, {id: 7}, {id: 8}]); ); }); afterEach(function(){ this.restore(); }); it('fetch loads some products', function(){ var new products = new Products() products.fetch(); expect(products).to.be.length(6); }); }); terça-feira, 3 de setembro de 13

  32. Sinon.js //= require products describe('Products', function(){ beforeEach(function(){ this.server = sinon.fakeServer.create();

    this.server.requests[0].respond( 200, { "Content-Type": "application/json" }, JSON.stringify([{id: 2}, {id: 7}, {id: 8}]); ); }); afterEach(function(){ this.restore(); }); it('fetch loads some products', function(){ var new products = new Products() products.fetch(); expect(products).to.be.length(6); }); }); terça-feira, 3 de setembro de 13

  33. Sinon.js //= require products describe('Products', function(){ beforeEach(function(){ this.server = sinon.fakeServer.create();

    this.server.requests[0].respond( 200, { "Content-Type": "application/json" }, JSON.stringify([{id: 2}, {id: 7}, {id: 8}]); ); }); afterEach(function(){ this.restore(); }); it('fetch loads some products', function(){ var new products = new Products() products.fetch(); expect(products).to.be.length(6); }); }); terça-feira, 3 de setembro de 13

  34. Sinon.js //= require products describe('Products', function(){ beforeEach(function(){ this.server = sinon.fakeServer.create();

    this.server.requests[0].respond( 200, { "Content-Type": "application/json" }, JSON.stringify([{id: 2}, {id: 7}, {id: 8}]); ); }); afterEach(function(){ this.restore(); }); it('fetch loads some products', function(){ var new products = new Products() products.fetch(); expect(products).to.be.length(3); }); }); terça-feira, 3 de setembro de 13

  35. Sinon.js //= require products describe('Products', function(){ beforeEach(function(){ this.server = sinon.fakeServer.create();

    this.server.requests[0].respond( 200, { "Content-Type": "application/json" }, JSON.stringify([{id: 2}, {id: 7}, {id: 8}]); ); }); afterEach(function(){ this.restore(); }); it('fetch loads some products', function(){ var new products = new Products() products.fetch(); expect(products).to.be.length(3); }); }); terça-feira, 3 de setembro de 13

  36. Sinon.js //= require products describe('Products', function(){ beforeEach(function(){ this.server = sinon.fakeServer.create();

    this.server.requests[0].respond( 200, { "Content-Type": "application/json" }, JSON.stringify([{id: 2}, {id: 7}, {id: 8}]); ); }); afterEach(function(){ this.restore(); }); it('fetch loads some products', function(){ var new products = new Products() products.fetch(); expect(products).to.be.length(3); }); }); terça-feira, 3 de setembro de 13

  37. Por quê? terça-feira, 3 de setembro de 13

  38. Todos testam! O suficiente? terça-feira, 3 de setembro de 13

  39. Não vou testar isso! É só um JavaScript... terça-feira, 3

    de setembro de 13

  40. Meu JavaScript está testado! ...testes de aceitação. terça-feira, 3 de

    setembro de 13

  41. Testes unitários São indispensáveis! terça-feira, 3 de setembro de 13

  42. Onde? terça-feira, 3 de setembro de 13

  43. Integração com Rails ค஡ terça-feira, 3 de setembro de 13

  44. Konacha group :development, :test do gem "konacha" end terça-feira, 3

    de setembro de 13

  45. $ bundle exec rake konacha:serve terça-feira, 3 de setembro de

    13

  46. $ bundle exec rake konacha:serve terça-feira, 3 de setembro de

    13

  47. $ bundle exec rake konacha:serve terça-feira, 3 de setembro de

    13

  48. $ bundle exec rake konacha:serve terça-feira, 3 de setembro de

    13

  49. $ bundle exec rake konacha:serve terça-feira, 3 de setembro de

    13

  50. Konacha group :development, :test do gem "konacha" end terça-feira, 3

    de setembro de 13

  51. Konacha group :development, :test do gem "konacha" gem "poltergeist" end

    terça-feira, 3 de setembro de 13

  52. terça-feira, 3 de setembro de 13

  53. config/initializers/konacha.rb Konacha.configure do |config| require 'capybara/poltergeist' config.driver = :poltergeist end

    if defined?(Konacha) terça-feira, 3 de setembro de 13

  54. config/initializers/konacha.rb Konacha.configure do |config| require 'capybara/poltergeist' config.driver = :poltergeist end

    if defined?(Konacha) terça-feira, 3 de setembro de 13

  55. $ bundle exec rake konacha:run terça-feira, 3 de setembro de

    13

  56. $ bundle exec rake konacha:run ....... terça-feira, 3 de setembro

    de 13

  57. $ bundle exec rake konacha:run ............... terça-feira, 3 de setembro

    de 13

  58. $ bundle exec rake konacha:run ................... Finished in 0.503 seconds

    19 examples, 0 failed, 0 pending terça-feira, 3 de setembro de 13

  59. $ bundle exec rake konacha:run ................... Finished in 0.503 seconds

    19 examples, 0 failed, 0 pending terça-feira, 3 de setembro de 13

  60. terça-feira, 3 de setembro de 13

  61. Até mais, e obrigado pelos peixes! terça-feira, 3 de setembro

    de 13

  62. Halan Pinheiro @pinheirohalan terça-feira, 3 de setembro de 13