Your SlideShare is downloading. ×
  • Like
jQuery plugin & testing with Jasmine
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

jQuery plugin & testing with Jasmine

  • 2,067 views
Published

 

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,067
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
10
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. jQuery Plugins & Jasmine A lightning quick example @mparramon
  • 2. What? With · some useful js code Create · a full-fledged jQuery plugin · with unit testing
  • 3. File inputs in some browsers: The problem
  • 4. let's fix it! · add styling · custom button · initial value Based on quirksmode.org/dom/inputfile.html
  • 5. jQuery plugin http://docs.jquery.com/Plugins/Authoring
  • 6. Basic Framework
  • 7. Defaults and options
  • 8. Mantaining chainability
  • 9. Unit testing with Jasmine http://pivotal.github.com/jasmine/
  • 10. Initial setup Modify SpecRunner.html:
  • 11. DSL
  • 12. jasmine-jquery 2 extensions for Jasmine: · an HTML fixtures API · a set of jQuery custom matchers https://github.com/velesin/jasmine-jquery
  • 13. Fixtures
  • 14. Expectations
  • 15. Our final code jquery-enhancedfileinput ↳ lib ↳ jasmine-1.3.0 spec ↳ jquery-enhancedfileinput_spec.js ↳ jasmine-jquery-1.3.1.js src ↳ jquery-enhancedfileinput.js ↳ demo.html ↳ README.md ↳ SpecRunner.html
  • 16. No time! @mparramon github.com/mparramont Questions?