Download as ODP, PPTX
![Blue Ridge ./script/plugin install git://github.com/relevance/blue-ridge.git ./script/generate blue_ridge ./script/generate javascript_spec event rake spec:javascripts [TEST=event] rake js:shell](https://image.slidesharecdn.com/javascriptunittesting-jakubsuder-090928072920-phpapp02/85/Javascript-Unit-Testing-7-320.jpg)
![Blue Ridge (Screw.Unit) expect(something).to(equal, expected) expect(something).to_not(equal, expected) ... be_true / be_false be_null / be_undefined have_length, n be_empty match, 'str' match, /regexp/ be_gt / be_lt / be_gte / be_lte, val Screw.Matchers["be_visible"] = { ... }](https://image.slidesharecdn.com/javascriptunittesting-jakubsuder-090928072920-phpapp02/85/Javascript-Unit-Testing-10-320.jpg)
![Blue Ridge $ rake js:shell ================================================= Rhino JavaScript Shell To exit type 'exit', 'quit', or 'quit()'. ================================================= - loaded env.js - sample DOM loaded - jQuery-1.2.6 loaded ================================================= Rhino 1.7 release 2 PRERELEASE 2008 07 28 js> $('body').append("<p>asd</p>") [object Object] js> $('p').length 1 js>](https://image.slidesharecdn.com/javascriptunittesting-jakubsuder-090928072920-phpapp02/85/Javascript-Unit-Testing-15-320.jpg)
Uploaded byPaul Klipp
Javascript Unit Testing
This document summarizes different JavaScript unit testing frameworks and libraries including jsUnit, JSSpec, JSpec, jqUnit, YUItest, and QUnit. It also discusses the Blue Ridge plugin for Ruby on Rails which facilitates JavaScript unit testing and provides examples of writing tests using the Screw.Unit and Smoke testing libraries within Blue Ridge.
Javascript Unit Testing
- 1. Javascript Unit TestingJakub Suder <jakub.suder@gmail.com> http://psionides.jogger.pl
- 2. Różne biblioteki jsUnitTestnew Test.Unit.Runner({ testCalculatorAdd: function() { with (this) { var calc = new Calculator(); assertEqual(4, calc.add(2, 2)); } } });
- 3. Różne biblioteki JSSpecdescribe("Calculator", function() { with(this) { it("should add numbers", function() { var calc = new Calculator(); calc.add(2, 2).should(equal(4)); }); } });
- 4. Różne biblioteki JSpecdescribe 'Calculator' it 'should add numbers' var calc = new Calculator calc.add(2, 2).should.equal 4 end end
- 5. Różne biblioteki jqUnitunittest YUItest jsUnit FireUnit QUnit RhinoUnit ...
- 6. Blue Ridge pluginRails Screw.Unit Smoke Rhino Env.js
- 7. Blue Ridge ./script/plugininstall git://github.com/relevance/blue-ridge.git ./script/generate blue_ridge ./script/generate javascript_spec event rake spec:javascripts [TEST=event] rake js:shell
- 8. Blue Ridge /|- spec | |- javascripts | |- event_spec.js |- utils_spec.js |- spec_helper.js |- ... |- fixtures |- event.html |- utils.html |- ...
- 9. Blue Ridge (Screw.Unit)// utils_spec.js require("spec_helper.js"); require("../../public/javascripts/utils.js"); Screw.Unit(function() { describe("Utils", function() { it("does something", function() { expect("hello").to(equal, "hello"); }); }); });
- 10. Blue Ridge (Screw.Unit)expect(something).to(equal, expected) expect(something).to_not(equal, expected) ... be_true / be_false be_null / be_undefined have_length, n be_empty match, 'str' match, /regexp/ be_gt / be_lt / be_gte / be_lte, val Screw.Matchers["be_visible"] = { ... }
- 11. Blue Ridge (Smoke)mock(something).should_receive('method'). with_arguments("x", 1).exactly('once'). and_return(0) stub(something, 'method').and_return(2) stub(something, 'field').and_set_to(3)
- 12. Blue Ridge //fixtures/utils.html (w skrócie) <html> <head> <script type="text/javascript" src="../../../vendor/plugins/blue_ridge /lib/blue_ridge.js"></script> </head> <body> <!-- Put any HTML fixture elements here. --> </body> </html>
- 13. Blue Ridge wynikitestu - przeglądarka:
- 14. Blue Ridge wynikitestu - konsola: $ rake spec:javascripts TEST=event Running event_spec.js with fixture 'fixtures/event.html'... ........................... 27 test(s), 0 failure(s) 0.453 seconds elapsed
- 15. Blue Ridge $rake js:shell ================================================= Rhino JavaScript Shell To exit type 'exit', 'quit', or 'quit()'. ================================================= - loaded env.js - sample DOM loaded - jQuery-1.2.6 loaded ================================================= Rhino 1.7 release 2 PRERELEASE 2008 07 28 js> $('body').append("<p>asd</p>") [object Object] js> $('p').length 1 js>
- 16. Blue Ridge Uwagi:Rhino + env.js ≠ przeglądarka bugi w env.js Smoke.reset() nie resetuje :-)