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

runTestScenario

v0.1.4

Published

Testing utility for functions operating on streams

Downloads

2

Readme

runTestScenario

Table of content

Context

There exists a number of ways to test functions which take a stream and return a stream (referred to, in what follows, as stream combinator). Most streaming libraries have at least some basic APIs to that purpose.

  • Rxjs for example uses a test scheduler, and offers some specific constructs (TestScheduler, startWithTiming, createHotObservable, Rx.ReactiveTest.onNext etc.). Most has the most-test community library which can also help.
  • In the worse case, if the streaming library offers subjects from the get-go, it is relatively easy to pass a sequence of inputs through that, run the stream combinator and gather back the output in sequence.

Testing functions which take a collection of streams and return a collection of streams however can be difficult :

  • we have the additional issue of simulating not only the inputs/input order for a given stream, but also the inputs/input order for the collection of streams, relative to each other. This is so because in the general case, change in that ordering can lead to changes in the stream combinator output and behavior.
  • prior experiments aiming at ensuring the aforedescribed total ordering with setTimeOut, or the delay operator proved challenging.

The runTestScenario utility function provides an interface which facilitates creating a collection of streams from an array of input values, executing a function on that collection and comparing the resulting collection of output streams vs. an expected array of output values.

In what follows :

  • by a collection of streams, we will refer to a hash object (i.e. standard javascript object), keyed by stream identifier, matched to the actual stream.
  • the collection of streams, when envisioned as an input to the function under test, may also be called sources
  • the collection of streams, when envisioned as an output to the function under test, may also be called sinks
  • hence the function under test is a function which takes sources and computes sinks.

Dependencies

  • functional toolkit : ramda
  • streaming library : most

API

Key types

/**
 * @typedef {function(*):boolean} Predicate
 * @typedef {Object} Input
 * @typedef {Object} Output
 * @typedef {{diagram: string, values: Object.<string, Input>}} Sequence
 * @typedef {Object} ExpectedRecord
 *   @property {?function (outputs:Array<Output>)} transformFn
 *   @property {!Array<Output>} outputs
 *   @property {?String} successMessage
 *   @property {!function (Array<Output>, Array<Output>), String} analyzeTestResults
 * @typedef {!Object.<string, ExpectedRecord>} ExpectedTestResults
 * @typedef {{diagram: string, values:*}} Input
 * - only one key,value pair though
 * @typedef {Object.<string, Input>} SourceInput
 * - only one key,value pair though
*/

runTestScenario

As extracted for current source code (as of v0.1.0),

/**
 * Tests a function which takes a collection of streams and returns a
 * collection of streams. In the current implementation, a collection of
 * streams refers to a hash object (POJO or Plain Old Javascript Object).
 * The function is run on some inputs, and its output is compared against the
 * expected values defined in a test case object.
 *
 * ### Test execution
 * Input values are emitted on their respective input streams according to
 * an order defined by the array `inputs` (rows) and the marble diagrams
 * (columns). That order is such that the first column is emitted first, and
 * then subsequent columns in the marble diagrams are emitted next.
 * The time interval between column emission is configurable (`tickDuration`).
 * When there are no more input values to emit, a configurable amount of
 * time must lapse for the test to conclude (`waitForFinishDelay`).
 * Output values are optionally transformed, then hashed by output streams and
 * gathered into an output object which is compared against expected values.
 * If there is a discrepancy between actual and expected values, an
 * exception is raised.
 *
 * The testing behaviour can be configured with the following settings :
 * - tickDuration :
 *   - the interval between the emission of a column of inputs and the next one
 * - waitForFinishDelay :
 *   - the time lapse in ms after the last input is emitted, after which the
 *   test is terminated
 * - errorHandler :
 *   - in case an exception is raised, the corresponding error is passed
 *   through that error handler
 * - mocks :
 *   - only used if one of the input source key is of the form
 *   x!y, where x is the source identifier, and y is called the
 *   source qualifier
 *   - matches a source identifier to a mock function which produces a
 *   mocked object to be used in lieu of an input source
 *   - for instance, `DOM!.button@click` as an entry in the `inputs`
 *   hash MUST correspond to a `DOM` entry in the `mocks` object
 *   - the mock function takes three parameters :
 *     - mockedObj :
 *       - current accumulated value of the mock object
 *     - sourceSpecs :
 *       - correspond to the `y` in `x!y`
 *     - stream :
 *       - subject which is produced by the matching factory
 * - sourceFactory :
 *   - entries whose keys are of the form `x!y` where `x` is the
 *   identifier for the corresponding source stream, and `y` is the
 *   qualifier for that same source. That key is matched to a function
 *   which takes no parameter and returns a stream to be used to emit
 *   input values (hence MUST be a subject).
 *
 * @param {Array<SourceInput>} inputs
 * Inputs are passed in the form of an array
 * - Each element of the array is a POJO which exactly ONE key which is the
 * identifier for the tested function's corresponding input stream
 *   - Input values for a given input streams are passed using the marble
 *   diagram syntax
 * @param {ExpectedTestResults} expected Object whose key correspond to
 * an output stream identifier, matched to an object containing the
 * data relevant to the test case :
 *   - outputs : array of expected values emitted by the output stream
 *   - successMessage : description of the test being performed
 *   - analyzeTestResults : function which receives the actual, expected,
 *   and test messages information. It MUST raise an exception if the test
 *   fails. Typically this function fulfills the same function as the usual
 *   `assert.equal(actual, expected, message)`.
 *   - transformFn : function which transforms the actual outputs from a stream.
 *   That transform function can be used to remove fields, which are irrelevant
 *   or non-reproducible (for instance timestamps), before comparison.
 *
 *   ALL output streams returned by the tested function must have defined
 *   expected results, otherwise an exception will be thrown
 * @param {function(Sources):Sinks} testFn Function to test
 * @param {{tickDuration: Number, waitForFinishDelay: Number}} _settings
 * @throws
 */
function runTestScenario(inputs, expected, testFn, _settings)

Marble syntax

The marble syntax used for representing input sequences is inspired from rxjs5's writing marble tests.

In the present context, the syntax is used to denote four meanings :

  • - : empty data slot - no data is emitted by the producer
  • | : completion of the sequence - this is the observable producer signaling complete()
  • # : error - An error terminating the sequence. This is the observable producer signaling error()
  • a (any ONE character) : input value - All other characters than the three previously shown represent a value being emitted by the producer signaling next()

Examples

  • a--# : represents a producer which emits a value on the first time slot, then emits nothing the next two time slots, and then on the 4th time slots emits an error.
  • -b| : represents a producer which emits nothing on the first time slot, then emits a value on the next time slot, then completes on the third time slot..

Total ordering

The following inputs :

[
  { x$: {diagram: `a-c`} }, // row 1
  { y$: {diagram: `bde`} }  // row 2
]

will result in the following data emission and sequence of actions:

  • lapse of tickDuration ms
  • emission of "a" by x$ THEN emission of "b" by y$
  • lapse of tickDuration ms
  • emission of "d" by y$
  • lapse of tickDuration ms
  • emission of "c" by x$ THEN emission of "e" by y$
  • lapse of waitForFinishDelay ms
  • completion of the test producer and processing of outputs

Hence data emission is such that, if (i,j)represents the input value at row i and column j, then (i,j) is ALWAYS emitted before (k,l) if j < l or j==l && i < k.

Input values

Input values can be associated to the letter/character in the diagram through the values property. When no matching entry can be found in values, the input stream emits the character itself. For instance :

[
 { x$: {diagram: `a-c`, values: {c: `dummy`}} }, // row 1
 { y$: {diagram: `bde`} }  // row 2
]

will result in the input stream x$ emitting a on the first time slot and dummy` on the third time slot.

Mocking

In order to cover cycle.js applications' use cases, where functions (called components or component functions) take as input a collection of streams OR regular objects from which streams are derived, a mocking functionality has been added, extending the syntax. For example :

[
   { x$: {diagram: `a-c`, values: {c: `dummy`}} }, // row 1
   { `y!z`: {diagram: `bde`} }  // row 2
 ]

will construct a mock object y and an input stream (identified by z) which will emit values corresponding to the marble diagram specification. y is referred to as the mock identifier and can be any string (not including the ! character). z is referred to as the stream qualifier and can be any string (not including the ! character).

For instance, in the included example, a DOM!input@click input entails the creation of a DOM mock object which will reference through an API of its choice an input stream corresponding to input@click.

The DOM mock factory function, passed through the settings parameter (makeMockDOMSource), builds the mock object iteratively and constructs the derived input streams using the relevant source factory (defined in settings.sourceFactory).

Cf. the documentation in the code source and the example above for more details.

Source factories

A source factory is a function which MUST return a subject (cf. contracts). The functionality is added to support the object mocking ability.

Contracts

  • key type contracts

    • tested function MUST have the expected signature
      • must take a collection of streams OR objects...
      • ...and return a collection of streams
    • analyzeTestResults is mandatory and must throw to signal test failure
    • source factory functions must return a subject
  • other rules

    • source identifier MUST be non-empty strings
    • source identifier MUST follow either x or x!y syntax, where x and y are any non empty strings, i.e. !sth is not a permitted syntax
    • if the syntax x!y is used for a source identifier, there MUST be a corresponding key x in the mocks object

    TODO :

    • if the syntax x!y is used for a source identifier, there MUST be a corresponding key x!y in the sourceFactory object
    • make sure there is only one ! in input streams identifiers

Examples

Basic example

The example thereafter illustrates the following optional features:

  • settings
    • tickDuration
    • waitForFinishDelay
  • inputs
    • values matching marble diagram letters
  • outputs
    • transform function
describe("When inputs are simulating regular stream behaviour", () => {
  it(`emits the inputs in increasing order of (i,j), where : 
   - i is the (row) index of the source in the input array
   - j is the (column) index of the emitted input value in the source diagram
   - (2,1) < (1,2)`, (done) => {
    const assertAsync = plan(3)

    function analyzeTestResults(actual, expected, message) {
      assert.deepEqual(actual, expected, message)
      assertAsync(done)
    }

    const inputs = [
      {a: {diagram: 'xy|', values: {x: 'a-0', y: 'a-1'}}},
      {b: {diagram: 'xyz|', values: {x: 'b-0', y: 'b-1', z: 'b-2'}}},
    ]

    /** @type ExpectedTestResults */
    const expected = {
      m: {
        outputs: ['m-a-0', 'm-b-0', 'm-a-1', 'm-b-1', 'm-b-2'],
        successMessage: 'sink m produces the expected values',
        analyzeTestResults: analyzeTestResults,
        transformFn: undefined,
      },
      n: {
        outputs: ['t-n-a-0', 't-n-a-1'],
        successMessage: 'sink n produces the expected values',
        analyzeTestResults: analyzeTestResults,
        transformFn: x => 't-' + x,
      },
      o: {
        outputs: ['o-b-0', 'o-b-1', 'o-b-2'],
        successMessage: 'sink o produces the expected values',
        analyzeTestResults: analyzeTestResults,
        transformFn: undefined,
      }
    }

    const testFn = sources => ({
      m: $.merge(sources.a, sources.b).map((x => 'm-' + x)),
      n: sources.a.map(x => 'n-' + x),
      o: sources.b.delay(3).map(x => 'o-' + x)
    })

    runTestScenario(inputs, expected, testFn, {
      tickDuration: 10,
      waitForFinishDelay: 30
    })
  })
})

Using ad-hoc mocks and factories

The example thereafter illustrates the following features:

  • mock
    • makeDOMSource mock
  • stream (subject) factory
  • error handler

Note that :

  • the error handler is used here to pass on the error to the testing library (here mocha).
describe("When inputs are simulating an object, AND there is a mock" +
  " associated to that object", () => {
  it('constructs the object according to the mock handler, constructs the' +
    ' sources with the source factory and emits the input values through that',
    (done) => {
      const assertAsync = plan(3)

      function analyzeTestResults(actual, expected, message) {
        assert.deepEqual(actual, expected, message)
        assertAsync(done)
      }

      function noop() {
      }

      function makeDummyClickEvent(value) {
        return {
          preventDefault: noop,
          tap: x => console.log(x),
          target: {
            value: value
          }
        }
      }

      function makeDummyHoverEvent(value) {
        return {
          value: value
        }
      }

      const inputs = [
        {
          'DOM!input@click': {
            diagram: 'xy|', values: {
              x: makeDummyClickEvent('a-0'), y: makeDummyClickEvent('a-1')
            }
          }
        },
        {
          'DOM!a@hover': {
            diagram: '-xyz|', values: {
              x: makeDummyHoverEvent('a-0'),
              y: makeDummyHoverEvent('a-1'),
              z: makeDummyHoverEvent('a-2'),
            }
          }
        },
        {b: {diagram: 'xyz|', values: {x: 'b-0', y: 'b-1', z: 'b-2'}}},
      ]

      const testFn = function testFn(sources) {
        const DOMclick = sources.DOM.select('input').events('click');
        const DOMhover = sources.DOM.select('a').events('hover');
        return {
          m: DOMclick
            .tap(ev => ev.preventDefault())
            .map(x => 'm-' + x.target.value),
          n: DOMhover.map(x => 'n-' + x.value),
          o: DOMhover.combine((a,b)=> ({x: a.value,y:b.target.value}), DOMclick)
        }
      }

      /** @type ExpectedTestResults */
      const expected = {
        m: {
          outputs: ['m-a-0', 'm-a-1'],
          successMessage: 'sink m produces the expected values',
          analyzeTestResults: analyzeTestResults,
          transformFn: undefined,
        },
        n: {
          outputs: ['t-n-a-0', 't-n-a-1', 't-n-a-2'],
          successMessage: 'sink n produces the expected values',
          analyzeTestResults: analyzeTestResults,
          transformFn: x => 't-' + x,
        },
        o: {
          outputs: [{"x":"a-0","y":"a-1"},{"x":"a-1","y":"a-1"},{"x":"a-2","y":"a-1"}],
          successMessage: 'sink o produces the expected values',
          analyzeTestResults: analyzeTestResults,
          transformFn: undefined,
        }
      }

      runTestScenario(inputs, expected, testFn, {
        tickDuration: 10,
        waitForFinishDelay: 30,
        mocks: {
          DOM: makeMockDOMSource
        },
        sourceFactory: {
          'DOM!input@click': () => sync(),
          'DOM!a@hover' : () => sync(),
        },
        errorHandler: function (err) {
          done(err)
        }
      })
    })
})

// DOM Mocking
 function isValidDOMSourceInput(select, event) {
   // Keep it simple for now
   return !!select && !!event
 }
 
 function makeDOMMock(hashTable) {
   return function mockCycleDOMSelect(selector) {
     return {
       events: function mockCycleDOMEvent(event) {
         return hashTable[selector][event]
       }
     }
   }
 }
 
 function makeMockDOMSource(_mockedObj, sourceSpecs, stream) {
   const [select, event] = sourceSpecs.split('@');
 
   if (!isValidDOMSourceInput(select, event)) {
     throw `Invalid spec for DOM source : ${sourceSpecs}`
   }
 
   // Initialize object hash table if not done already
   let mockedObj = _mockedObj || {};
   mockedObj.hashTable = mockedObj.hashTable || {};
   mockedObj.hashTable[select] = mockedObj.hashTable[select] || {};
   mockedObj.hashTable[select][event] = mockedObj.hashTable[select][event] || {};
   // register the stream in the hash table
   mockedObj.hashTable[select][event] = stream;
   // build the mock anew to incorporate the new stream
   mockedObj.select = makeDOMMock(mockedObj.hashTable)
   return mockedObj
 }

Known limitations

  • The edge case of a tested function which takes streams and returns nothing is not handled.
  • rxjs grammar is not enforced for the marble diagrams, i.e. behaviour of a sequence such as a-|b#-c| is unspecified and untested.
  • Subjects are used to simulate input streams. Small semantic differences between the two around edge cases, depending on the streaming library in use, may lead to false negatives.

Installation

The library should work both in the browser and in a node.js environment. It is distributed with the so-called universal module format, and as such can be use with a commonJS, AMD style, or accessible through a global (runTestScenario if none of the former module formats are detected).

The library itself is written with the ES6 dialect of javascript.

You can install in a variety of ways:

npm

On the command line, run:

npm install runTestScenario

Then you can build with Browserify/Webpack using require('runTestScenario'), or you can include it directly as a <script> tag via the dist/runTestScenario.js file. For Rollup users, it uses a "jsnext:main" field, so you can directly include the ES6 source.

Direct download

Download either the unminified runTestScenario.js file or the minified runTestScenario.min.js file from the Github releases page.

Bower

bower install runTestScenario

Then use the dist/runTestScenario.js as a <script> tag inside your HTML page.

jspm

jspm install runTestScenario

Then you can use dist/runTestScenario.js.


npm run build will build the Node-ready and browser-ready versions, which are written to the dist-node and dist directories.

Troubleshooting

No shooting, no trouble.

Breaking Changes

Soon. Cf. roadmap

Roadmap

  • combine mocks and source factory in one indexed by the mock i.e. DOM : {y_n: factory(), constructor: makeDOMsource}
  • refactor transformFn to just transform
  • have documentation reviewed by external actor
  • review marble diagrams syntax
    • enforce rxjs grammar?
  • publish also the rxjs version
  • make a stream library agnostic version (use only ES7 standard spec) + subjects
  • clean code
  • review API against open/closed principle

License

Contributing

Shoot but aim high. Open a pull request!

Suggestions, if you are bored on a sunday :

  • typescript type file