Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @daign/mock-dom with all npm packages installed. Try it out:

var mockDom = require("@daign/mock-dom")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@daign/mock-dom v1.0.1

Mocking DOM nodes and events for unit tests in Typescript.


NPM package

Mocking DOM nodes and events for unit tests in Typescript.


npm install @daign/mock-dom --save


import {expect} from 'chai';
import * as sinon from 'sinon';

import {MockEvent} from '@daign/mock-dom';
import {MockNode} from '@daign/mock-dom';

// The class under test.
class TestClass {
  constructor( node: any ) {
    node.addEventListener( 'mousedown', ( event: any ): void => {
      this.onMouseDown( event );
    }, false );

  public onMouseDown( event: any ): void {
    console.log( event.clientX, event.clientY );

describe( 'TestClass', () => {
  it( 'should add event listener that calls onMouseDown with the event object', () => {
    // Create a mock node object.
    const node = new MockNode();

    const test = new TestClass( node );

    // Spy whether the onMouseDown function gets called.
    const spy = sinon.spy( test, 'onMouseDown' );

    // Create a mock event object.
    const event = new MockEvent().setClientPoint( 1, 2 );

    // Send the mock event to the mock node.
    node.sendEvent( 'mousedown', event );

    expect( spy.calledOnce );
    expect( spy.calledWith( event ) );
  } );
} );



npm run build

Run lint analysis

npm run lint

Run unit tests with code coverage

npm run test
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free