npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

browsyquire

v3.0.1

Published

Proxies browserify's require in order to allow overriding dependencies during testing.

Downloads

5

Readme

browsyquire build status

IMPORTANT This is a fork of the awesome proxyquireify. All credit is for the original authors.

This fork adds the following features:

  • Wraps the "require magic" in a function to prevent it from being executed but still allow browserify to include the proxied module in the bundle.

  • Allows to mock dependencies that are outside of the main require flow (like inside a method that is executed after the mock was created).

  • Enable noCallThru globally. It adds a noCallThru function that can be called to indicate you want all your stubs to behave like if they have the property '@noCallThru': true on them. You can still override this behavior on each stub if desired by adding the property @noCallThru and set it to false.

  • injects a function called mockquire to the modules that reference it. This function is just an alias to browsyquire, but is convenient to use because you don't need to pass the local require, that is done automatically.

    So basically if you use mockquire('some-module') then the following code will prepend to your code.

    var mockquire = require('browsyquire')(require); mockquire.reset(); mockquire.noCallThru();

    This will inject the mockquire function and configure it to reset the cache, so calls from other modules don't interfere with the current one. And to not call the original methods of your stub. If you want to use mockquire and still want to call the original methods of your stubs you can do:

    mockquire.callThru(); // add this at the top of your testing code

    NOTE: It is advisable to always clear the cache with reset after your tests to prevent the normal require calls be confused by the cache created by browsyquire

    e.g:

    // in mocha
    afterEach(function () {
      mockquire.reset();
    });

installing

npm i browsyquire

using it in browserify

var fs         = require('fs')
  , proxyquire = require('browsyquire')
  , browserify = require('browserify')
  ;

browserify({ debug: true })
  .plugin(proxyquire.plugin) // !!do not forget to pass the plugin...
  .require(require.resolve('./test'), { entry: true })
  .bundle()
  .pipe(fs.createWriteStream(__dirname + '/bundle.js'));

And inside your tests:

'use strict';

var stubs = {
  './bar': {
      wunder: function () { return 'wirklich wunderbar'; }
    , kinder: function () { return 'schokolade'; }
  }
};

var foo = mockquire('./src/foo', stubs); // mockquire will be defined... I promise :)
console.log(foo());

using it as a drop in replacement

// it is a drop in replacement for proxyquireify, so just do:
// It works exactly like the original but with the added behavior
// described above.
var proxyquire = require('browsyquire')(require);

Using the mockquire method

//===> mouth.js
module.exports = {
  saySomething: function () {
    return 'blah';
  }
};

//===> speaker.js
module.exports = {
  speak: function () {
    return require('./mouth').saySomething();
  }
};

//===> some test
describe('a test', function () {
  describe('it should not say blah, but foo', function () {
    var speaker = mockquire('./speaker', {
      './mouth': {
        saySomething: function () {
          return 'foo'
        }
      });
    var result = speaker.speak();
    expect(result).to.equal('foo'); // not blah! cause overriden by stub
  });
});

The mockquire function has 2 methods

reset

Clears the stub cache. This is done automatically after each mockquire call, but can also be called manually if for any reason there is a need to clear it.

// using mockquire
mockquire.reset(); // clear the stubs cache

// using the old api
var browsyquire = require('browsyquire')(require);
browsyquire.reset();

noCallThru

Configure browsyquire to assume all stubs have the @noCallThru property set to true.

// using mockquire
mockquire.noCallThru();

// using the old api
var browsyquire = require('browsyquire')(require);
browsyquire.noCallThru();

Original Readme below.

proxyquireify

browserify >= v2 version of proxyquire.

Proxies browserify's require in order to make overriding dependencies during testing easy while staying totally unobstrusive. To run your tests in both Node and the browser, use proxyquire-universal.

Table of Contents generated with DocToc

Features

  • no changes to your code are necessary
  • non overriden methods of a module behave like the original
  • mocking framework agnostic, if it can stub a function then it works with proxyquireify
  • "use strict" compliant
  • automatic injection of require calls to ensure the module you are testing gets bundled

Installation

npm install proxyquireify

To use with browserify < 5.1 please npm install [email protected] instead. To run your tests in PhantomJS, you may need to use a shim.

Example

foo.js:

var bar = require('./bar');

module.exports = function () {
  return bar.kinder() + ' ist ' + bar.wunder();
};

foo.test.js:

var proxyquire = require('proxyquireify')(require);

var stubs = {
  './bar': {
      wunder: function () { return 'wirklich wunderbar'; }
    , kinder: function () { return 'schokolade'; }
  }
};

var foo = proxyquire('./src/foo', stubs);

console.log(foo());

browserify.build.js:

var browserify = require('browserify');
var proxyquire = require('proxyquireify');

browserify()
  .plugin(proxyquire.plugin)
  .require(require.resolve('./foo.test'), { entry: true })
  .bundle()
  .pipe(fs.createWriteStream(__dirname + '/bundle.js'));

load it in the browser and see:

schokolade ist wirklich wunderbar

With Other Transforms

If you're transforming your source code to JavaScript, you must apply those transforms before applying the proxyquireify plugin:

browserify()
  .transform('coffeeify')
  .plugin(proxyquire.plugin)
  .require(require.resolve('./test.coffee'), { entry: true })
  .bundle()
  .pipe(fs.createWriteStream(__dirname + '/bundle.js'));

proxyquireify needs to parse your code looking for require statements. If you require anything that's not valid JavaScript that acorn can parse (e.g. CoffeeScript, TypeScript), you need to make sure the relevant transform runs before proxyquireify.

API

proxyquire.plugin()

proxyquireify functions as a browserify plugin and needs to be registered with browserify like so:

var browserify = require('browserify');
var proxyquire = require('proxyquireify');

browserify()
  .plugin(proxyquire.plugin)
  .require(require.resolve('./test'), { entry: true })
  .bundle()
  .pipe(fs.createWriteStream(__dirname + '/bundle.js'));

Alternatively you can register proxyquireify as a plugin from the command line like so:

browserify -p proxyquireify/plugin test.js > bundle.js

proxyquire.browserify()

Deprecation Warning

This API to setup proxyquireify was used prior to browserify plugin support.

It has not been removed yet to make upgrading proxyquireify easier for now, but it will be deprecated in future versions. Please consider using the plugin API (above) instead.


To be used in build script instead of browserify(), autmatically adapts browserify to work for tests and injects require overrides into all modules via a browserify transform.

proxyquire.browserify()
  .require(require.resolve('./test'), { entry: true })
  .bundle()
  .pipe(fs.createWriteStream(__dirname + '/bundle.js'));

proxyquire(request: String, stubs: Object)

  • request: path to the module to be tested e.g., ../lib/foo
  • stubs: key/value pairs of the form { modulePath: stub, ... }
    • module paths are relative to the tested module not the test file
    • therefore specify it exactly as in the require statement inside the tested file
    • values themselves are key/value pairs of functions/properties and the appropriate override
var proxyquire =  require('proxyquireify')(require);
var barStub    =  { wunder: function () { 'really wonderful'; } };

var foo = proxyquire('./foo', { './bar': barStub })

Important Magic

In order for browserify to include the module you are testing in the bundle, proxyquireify will inject a require() call for every module you are proxyquireing. So in the above example require('./foo') will be injected at the top of your test file.

noCallThru

By default proxyquireify calls the function defined on the original dependency whenever it is not found on the stub.

If you prefer a more strict behavior you can prevent callThru on a per module or per stub basis.

If callThru is disabled, you can stub out modules that weren't even included in the bundle. Note, that unlike in proxquire, there is no option to prevent call thru globally.

// Prevent callThru for path module only
var foo = proxyquire('./foo', {
    path: {
      extname: function (file) { ... }
    , '@noCallThru': true
    }
  , fs: { readdir: function (..) { .. } }
});

// Prevent call thru for all contained stubs (path and fs)
var foo = proxyquire('./foo', {
    path: {
      extname: function (file) { ... }
    }
  , fs: { readdir: function (..) { .. } }
  , '@noCallThru': true
});

// Prevent call thru for all stubs except path
var foo = proxyquire('./foo', {
    path: {
      extname: function (file) { ... }
    , '@noCallThru': false
    }
  , fs: { readdir: function (..) { .. } }
  , '@noCallThru': true
});

More Examples