Difference between revisions of "JS tools"

From Things and Stuff Wiki
Jump to navigation Jump to search
Line 52: Line 52:
  
 
== Testing ==
 
== Testing ==
 +
See also [[WebDev#Testing]]
 +
 
* [http://pivotal.github.com/jasmine/ Jasmine] is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests.
 
* [http://pivotal.github.com/jasmine/ Jasmine] is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests.
 
** http://net.tutsplus.com/tutorials/javascript-ajax/testing-your-javascript-with-jasmine/
 
** http://net.tutsplus.com/tutorials/javascript-ajax/testing-your-javascript-with-jasmine/

Revision as of 10:52, 10 August 2014

Analysis

JSLint

JSHint

fork of jslint, not as strict as crockford's defaults

git clone git@github.com:johnbender/jshint-service.git
cd jshint-service
heroku create
git push heroku master
  • jshint.vim : A plugin that integrates JSHint with Vim

ESLint

Google Closure Linter

JSBeautifier

DoctorJS

TraceGL

  • traceGL transforms your JavaScript, injecting monitoring code that produces a log of everything that happens. This log is streamed from the target (node or browser), via the traceGL node.js process to the UI for visualisation. The UI tries to display the resulting huge amount of information fast, and uses webGL to render everything. - $

other

Testing

See also WebDev#Testing

  • QUnit is a powerful, easy-to-use JavaScript unit test suite. It’s used by the jQuery, jQuery UI and jQuery Mobile projects and is capable of testing any generic JavaScript code, including itself!.

Stack

  • JSDev is a filter that activates selected comments, making them executable. This makes it possible to put development, performance, and testing scaffolding into a source file. The scaffolding is removed by minification, but is activated by JSDev.
  • Grunt: a task-based command line build tool for JavaScript projects.

Noflo

Other

  • PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

Performance

Apps

Vim

See also Vim

  • Vim JS Tools - This is a simple plugin that adds both JSLint and JSBeautify functionality in one. JSLint is currently assumed to be installed globally by npm, JSBeautify code is included.
    • forked from vim-js-beautify
  • jshint.vim - This plugin will allow you to run jshint from vim, and shows the results in a split window.