npm

Ready to take your JavaScript development to the next level? Meet npm Enterprise - the ultimate in enterprise JavaScript. Learn more »

@daign/mock-dom

1.0.1 • Public • Published

daign-mock-dom

NPM package

Mocking DOM nodes and events for unit tests in Typescript.

Installation

npm install @daign/mock-dom --save

Usage

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 ).to.be.true;
    expect( spy.calledWith( event ) ).to.be.true;
  } );
} );

Scripts

Build

npm run build

Run lint analysis

npm run lint

Run unit tests with code coverage

npm run test

install

npm i @daign/mock-dom

Downloadsweekly downloads

14

version

1.0.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability