Geek Answers Handbook

Loading Jest and Bower module in joke tests

Lets say that I have a project that uses conversation, grunts, bowerify (with gasket), and since I really like Jest, I want to check this out. As in the world, I get a joke to see my browser cushion modules while running tests. I use grunt to run the npm check command. Here is my package.json file.

"browser": {
    "jquery": "./bower_components/jquery/dist/jquery.js",
    "foundation": "./bower_components/foundation/js/foundation/foundation.js",
    "fastclick": "./bower_components/fastclick/lib/fastclick.js",
    "greensock-tm": "./bower_components/gsap/src/uncompressed/TweenMax.js",
    "greensock-css": "./bower_components/gsap/src/uncompressed/plugins/CSSPlugin.js",
    "greensock-time": "./bower_components/gsap/src/uncompressed/TimelineMax.js",
    "scrollmagic": "./bower_components/ScrollMagic/js/jquery.scrollmagic.js",
    "handlebars": "./bower_components/handlebars/handlebars.runtime.js"
  },
  "browserify-shim": {
    "jquery": "$",
    "greensock-css": "CSSPlugin",
    "fastclick": "FastClick",
    "greensock-tm": "TweenMax",
    "greensock-time": "TimelineMax",
    "scrollmagic": "ScrollMagic",
    "foundation": "foundation",
    "handlebars": "Handlebars"
  },
  "browserify": {
    "transform": [
      "browserify-shim"
    ]
  },

Right now, I have developed almost all of this by running this in my grunt file before running the test.

grunt.registerTask("shimBowerForTests",function(){
    var readJson = require('read-package-json');
    var fs = require('fs');
    var remapify = require('remapify');
    readJson('./package.json', console.error, false, function (er, data) {
      if (er) {
        throw "There was an error reading the file";
      }
      var packages = data.browser;
      var browserify = require('browserify');
      for (var key in packages){
        var b = browserify();
        var wstream = fs.createWriteStream("devjs/test/modules/"+key+'.js');
        b.add(packages[key]);
        b.bundle().pipe(wstream);
      }
    });
  });

and.

exec: {
      jestTest: {
        command: 'cp -r devjs/modules devjs/test/modules && npm test'
      }
    }

, , , , , . require('jquery') //example, jest cli , , - . /, require('./jquery')

+4
2

, , , -. , .

---------------------- OLD ANSWER , , , Jest, require /tests/, grunt. , -, package.json.

EDIT: bower, script Gruntfile.js, bower commonjs, , .

grunt.registerTask("shimBowerForTests", function() {
    var readJson = require('read-package-json');
    var fs = require('fs');
    readJson('./package.json', console.error, false, function(er, data) {
      if (er) {
        throw "There was an error reading the file";
      }
      var packages = data.browser;
      var shim = data['browserify-shim'];
      var browserify = require('browserify');
      var exclude = ["jquery.maskedinput", "jquery"];
      for (var key in packages) {
        var b = browserify();
        var wstream = fs.createWriteStream("devjs/test/modules/" + key + '.js');
        if (shim[key] !== undefined && exclude.indexOf(key) === -1) {
          b.add(packages[key]);
          b.bundle().pipe(wstream);
        } else {
          var rstream = fs.createReadStream(packages[key]);
          rstream.pipe(wstream);
        }
      }
    });
  });

Jest pre processor .

module.exports = {
  process: function(src, path) {
    var src2= src.replace(/require\([\"\']([^\.\'\"]+)[\"\']\)/g, "require(\'../modules/$1\')");
    src2= src2.replace(/jest\.dontMock\([\"\']([^\.\'\"]+)[\"\']\)/g, "jest.dontMock(\'../modules/$1\')");
    return src2;
  }
};
0

, , . , node/jest, npm. , Jest - node_modules, , .

Jest package.json :

"jest": {
  "unmockedModulePathPatterns": [
    "./node_modules"
  ]
}

.

npm install jquery --save-dev
+2

More articles:


All Articles