This bookmarklet reorders the diff files in a github diff view. It tries to display the spec/test files directly after the actual code files. Add a new bookmark with the content of the bookmarklet.js file

bookmarklet.js

javascript:(function(){$.each($('#files .js-details-container'), function(i, element) {var path = $(element).children('.meta').data('path');  if(!path.match(/_spec\.*$/)) {    var extension_match = path.match(/\..*$/);    if(extension_match) {      var extension = extension_match[0];      var filename_match = path.match(/.*(\/.*)\..*$/);      if(filename_match) {        var filename = path.match(/.*(\/.*)\..*$/)[1];        var spec_path = filename + '_spec' + extension;        var spec_dom = $('.meta[data-path$="' + spec_path + '"]').parent();        if(spec_dom.length > 0) {          spec_dom.detach();          spec_dom.insertAfter(element);        }      }    }  }});})();

reorder.js

// jquery hacking... omg :) 
// iterationg over all files, searching for the spec file and inserting that dom element after the actual file
$.each($('#files .js-details-container'), function(i, element) {
  var path = $(element).children('.meta').data('path');
  if(!path.match(/_spec\.*$/)) {
    var extension_match = path.match(/\..*$/);
    if(extension_match) {
      var extension = extension_match[0];
      var filename_match = path.match(/.*(\/.*)\..*$/);
      if(filename_match) {
        var filename = path.match(/.*(\/.*)\..*$/)[1];
        var spec_path = filename + '_spec' + extension;
        var spec_dom = $('.meta[data-path$="' + spec_path + '"]').parent();
        if(spec_dom.length > 0) {
          spec_dom.detach();
          spec_dom.insertAfter(element);
        }
      }
    }
  }
})

missing semicolon on line 6.

bookmarklet doesn't work in firefox :(

have to run the code manually via the JS console.

an idea how to fix it?

not using FF?