rumax / dom-events-mocking

Dom events mocking

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DOM events mocking npm version CircleCI

=============

Wraps the DOM API to make real events mocking in the browser using method chaining.

npm install --save dome-events

Implements the following DOM events methods and helpers:

  • click
  • dblclick
  • drag
  • at
  • wait
  • exec
  • async
  • done
  • etc.

Why Do I Need This?

If you want to test your application and want/can use JavaScript only, but still cover UI events. Or write some integration tests:

it('Can handle my events', (done) => {
  const btn = document.getElelemntById('YOUR_BUTTON');

  events
    .click(btn)
    .exec(() => {
      expect('YOUR_VALIDATION').toBeTruthy();
    })
    .click(() => {
      // Dynamically created button
      return document.getElelemntById('YOUR_NEW_BUTTON');
    })
    .exec(() => {
      expect('YOUR_ANOTHER_VALIDATION').toBeFalsy();
    })
    .done(() => {
      // Final validations
      console.log('All steps executed');
      done();
    });
});

Demo

Based on happen.

License

BSD-2-Clause

About

Dom events mocking

License:BSD 2-Clause "Simplified" License


Languages

Language:JavaScript 99.0%Language:CSS 0.7%Language:HTML 0.3%