dom-testing-library - npm Package Compare versions

Comparing version 3.8.2 to 3.8.3

dist/events.js

@@ -11,30 +11,14 @@ 'use strict';
 
-var _ref = typeof window === 'undefined' ? /* istanbul ignore next */global : window,
-    AnimationEvent = _ref.AnimationEvent,
-    ClipboardEvent = _ref.ClipboardEvent,
-    CompositionEvent = _ref.CompositionEvent,
-    DragEvent = _ref.DragEvent,
-    Event = _ref.Event,
-    FocusEvent = _ref.FocusEvent,
-    InputEvent = _ref.InputEvent,
-    KeyboardEvent = _ref.KeyboardEvent,
-    MouseEvent = _ref.MouseEvent,
-    ProgressEvent = _ref.ProgressEvent,
-    TouchEvent = _ref.TouchEvent,
-    TransitionEvent = _ref.TransitionEvent,
-    UIEvent = _ref.UIEvent,
-    WheelEvent = _ref.WheelEvent;
-
 var eventMap = {
   // Clipboard Events
   copy: {
-    EventType: ClipboardEvent,
+    EventType: 'ClipboardEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   cut: {
-    EventType: ClipboardEvent,
+    EventType: 'ClipboardEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   paste: {
-    EventType: ClipboardEvent,
+    EventType: 'ClipboardEvent',
     defaultInit: { bubbles: true, cancelable: true }
@@ -44,11 +28,11 @@ },
   compositionEnd: {
-    EventType: CompositionEvent,
+    EventType: 'CompositionEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   compositionStart: {
-    EventType: CompositionEvent,
+    EventType: 'CompositionEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   compositionUpdate: {
-    EventType: CompositionEvent,
+    EventType: 'CompositionEvent',
     defaultInit: { bubbles: true, cancelable: false }
@@ -58,11 +42,11 @@ },
   keyDown: {
-    EventType: KeyboardEvent,
+    EventType: 'KeyboardEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   keyPress: {
-    EventType: KeyboardEvent,
+    EventType: 'KeyboardEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   keyUp: {
-    EventType: KeyboardEvent,
+    EventType: 'KeyboardEvent',
     defaultInit: { bubbles: true, cancelable: true }
@@ -72,7 +56,7 @@ },
   focus: {
-    EventType: FocusEvent,
+    EventType: 'FocusEvent',
     defaultInit: { bubbles: false, cancelable: false }
   },
   blur: {
-    EventType: FocusEvent,
+    EventType: 'FocusEvent',
     defaultInit: { bubbles: false, cancelable: false }
@@ -82,15 +66,15 @@ },
   change: {
-    EventType: InputEvent,
+    EventType: 'InputEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   input: {
-    EventType: InputEvent,
+    EventType: 'InputEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   invalid: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: true }
   },
   submit: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: true, cancelable: true }
@@ -100,71 +84,71 @@ },
   click: {
-    EventType: MouseEvent,
+    EventType: 'MouseEvent',
     defaultInit: { bubbles: true, cancelable: true, button: 0 }
   },
   contextMenu: {
-    EventType: MouseEvent,
+    EventType: 'MouseEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   dblClick: {
-    EventType: MouseEvent,
+    EventType: 'MouseEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   drag: {
-    EventType: DragEvent,
+    EventType: 'DragEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   dragEnd: {
-    EventType: DragEvent,
+    EventType: 'DragEvent',
     defaultInit: { bubbles: true, cancelable: false }
   },
   dragEnter: {
-    EventType: DragEvent,
+    EventType: 'DragEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   dragExit: {
-    EventType: DragEvent,
+    EventType: 'DragEvent',
     defaultInit: { bubbles: true, cancelable: false }
   },
   dragLeave: {
-    EventType: DragEvent,
+    EventType: 'DragEvent',
     defaultInit: { bubbles: true, cancelable: false }
   },
   dragOver: {
-    EventType: DragEvent,
+    EventType: 'DragEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   dragStart: {
-    EventType: DragEvent,
+    EventType: 'DragEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   drop: {
-    EventType: DragEvent,
+    EventType: 'DragEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   mouseDown: {
-    EventType: MouseEvent,
+    EventType: 'MouseEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   mouseEnter: {
-    EventType: MouseEvent,
+    EventType: 'MouseEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   mouseLeave: {
-    EventType: MouseEvent,
+    EventType: 'MouseEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   mouseMove: {
-    EventType: MouseEvent,
+    EventType: 'MouseEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   mouseOut: {
-    EventType: MouseEvent,
+    EventType: 'MouseEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   mouseOver: {
-    EventType: MouseEvent,
+    EventType: 'MouseEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   mouseUp: {
-    EventType: MouseEvent,
+    EventType: 'MouseEvent',
     defaultInit: { bubbles: true, cancelable: true }
@@ -174,3 +158,3 @@ },
   select: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: true, cancelable: false }
@@ -180,15 +164,15 @@ },
   touchCancel: {
-    EventType: TouchEvent,
+    EventType: 'TouchEvent',
     defaultInit: { bubbles: true, cancelable: false }
   },
   touchEnd: {
-    EventType: TouchEvent,
+    EventType: 'TouchEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   touchMove: {
-    EventType: TouchEvent,
+    EventType: 'TouchEvent',
     defaultInit: { bubbles: true, cancelable: true }
   },
   touchStart: {
-    EventType: TouchEvent,
+    EventType: 'TouchEvent',
     defaultInit: { bubbles: true, cancelable: true }
@@ -198,3 +182,3 @@ },
   scroll: {
-    EventType: UIEvent,
+    EventType: 'UIEvent',
     defaultInit: { bubbles: false, cancelable: false }
@@ -204,3 +188,3 @@ },
   wheel: {
-    EventType: WheelEvent,
+    EventType: 'WheelEvent',
     defaultInit: { bubbles: true, cancelable: true }
@@ -210,27 +194,27 @@ },
   abort: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   canPlay: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   canPlayThrough: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   durationChange: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   emptied: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   encrypted: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   ended: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
@@ -243,59 +227,59 @@ },
   loadedData: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   loadedMetadata: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   loadStart: {
-    EventType: ProgressEvent,
+    EventType: 'ProgressEvent',
     defaultInit: { bubbles: false, cancelable: false }
   },
   pause: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   play: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   playing: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   progress: {
-    EventType: ProgressEvent,
+    EventType: 'ProgressEvent',
     defaultInit: { bubbles: false, cancelable: false }
   },
   rateChange: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   seeked: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   seeking: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   stalled: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   suspend: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   timeUpdate: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   volumeChange: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
   },
   waiting: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
@@ -305,7 +289,7 @@ },
   load: {
-    EventType: UIEvent,
+    EventType: 'UIEvent',
     defaultInit: { bubbles: false, cancelable: false }
   },
   error: {
-    EventType: Event,
+    EventType: 'Event',
     defaultInit: { bubbles: false, cancelable: false }
@@ -315,11 +299,11 @@ },
   animationStart: {
-    EventType: AnimationEvent,
+    EventType: 'AnimationEvent',
     defaultInit: { bubbles: true, cancelable: false }
   },
   animationEnd: {
-    EventType: AnimationEvent,
+    EventType: 'AnimationEvent',
     defaultInit: { bubbles: true, cancelable: false }
   },
   animationIteration: {
-    EventType: AnimationEvent,
+    EventType: 'AnimationEvent',
     defaultInit: { bubbles: true, cancelable: false }
@@ -329,3 +313,3 @@ },
   transitionEnd: {
-    EventType: TransitionEvent,
+    EventType: 'TransitionEvent',
     defaultInit: { bubbles: true, cancelable: true }
@@ -343,8 +327,8 @@ }
 
-Object.entries(eventMap).forEach(function (_ref2) {
-  var key = _ref2[0],
-      _ref2$ = _ref2[1],
-      _ref2$$EventType = _ref2$.EventType,
-      EventType = _ref2$$EventType === undefined ? Event : _ref2$$EventType,
-      defaultInit = _ref2$.defaultInit;
+Object.entries(eventMap).forEach(function (_ref) {
+  var key = _ref[0],
+      _ref$ = _ref[1],
+      _ref$$EventType = _ref$.EventType,
+      EventType = _ref$$EventType === undefined ? 'Event' : _ref$$EventType,
+      defaultInit = _ref$.defaultInit;
 
@@ -374,3 +358,7 @@ var eventName = key.toLowerCase();
     }
-    var event = new EventType(eventName, eventInit);
+    var window = node.ownerDocument.defaultView;
+    if (typeof window[EventType] === 'undefined') {
+      throw new Error(`${EventType} is not supported`);
+    }
+    var event = new window[EventType](eventName, eventInit);
     return fireEvent(node, event);
@@ -383,9 +371,9 @@ };
 function setNativeValue(element, value) {
-  var _ref3 = Object.getOwnPropertyDescriptor(element, 'value') || {},
-      valueSetter = _ref3.set;
+  var _ref2 = Object.getOwnPropertyDescriptor(element, 'value') || {},
+      valueSetter = _ref2.set;
 
   var prototype = Object.getPrototypeOf(element);
 
-  var _ref4 = Object.getOwnPropertyDescriptor(prototype, 'value') || {},
-      prototypeValueSetter = _ref4.set;
+  var _ref3 = Object.getOwnPropertyDescriptor(prototype, 'value') || {},
+      prototypeValueSetter = _ref3.set;
 
@@ -401,5 +389,5 @@ if (prototypeValueSetter && valueSetter !== prototypeValueSetter) {
 
-Object.entries(eventAliasMap).forEach(function (_ref5) {
-  var aliasKey = _ref5[0],
-      key = _ref5[1];
+Object.entries(eventAliasMap).forEach(function (_ref4) {
+  var aliasKey = _ref4[0],
+      key = _ref4[1];
 
@@ -406,0 +394,0 @@ fireEvent[aliasKey] = function () {

dist/get-node-text.js

@@ -7,2 +7,4 @@ 'use strict';
 function getNodeText(node) {
+  var window = node.ownerDocument.defaultView;
+
   return Array.from(node.childNodes).filter(function (child) {
@@ -9,0 +11,0 @@ return child.nodeType === window.Node.TEXT_NODE && Boolean(child.textContent);

dist/query-helpers.js

@@ -16,2 +16,3 @@ 'use strict';
   var inNode = typeof process !== 'undefined' && process.versions !== undefined && process.versions.node !== undefined;
+  var window = htmlElement.ownerDocument.defaultView;
   var inCypress = typeof window !== 'undefined' && window.Cypress;
@@ -18,0 +19,0 @@ /* istanbul ignore else */

dist/wait-for-element.js

@@ -8,4 +8,8 @@ 'use strict';
 
-require('mutationobserver-shim');
+var _mutationobserverShim = require('@sheerun/mutationobserver-shim');
 
+var _mutationobserverShim2 = _interopRequireDefault(_mutationobserverShim);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function waitForElement() {
@@ -15,4 +19,3 @@ var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$container = _ref.container,
-      container = _ref$container === undefined ? document : _ref$container,
+      container = _ref.container,
       _ref$timeout = _ref.timeout,
@@ -28,2 +31,10 @@ timeout = _ref$timeout === undefined ? 4500 : _ref$timeout,
 
+  if (typeof container === 'undefined') {
+    if (typeof document === 'undefined') {
+      throw new Error('Could not find default container');
+    } else {
+      container = document;
+    }
+  }
+
   return new Promise(function (resolve, reject) {
@@ -66,3 +77,3 @@ // Disabling eslint prefer-const below: either prefer-const or no-use-before-define triggers.
     timer = setTimeout(onTimeout, timeout);
-    observer = new window.MutationObserver(onMutation);
+    observer = new _mutationobserverShim2.default(onMutation);
     observer.observe(container, mutationObserverOptions);
@@ -69,0 +80,0 @@ if (callback !== undefined) {

package.json

 {
   "name": "dom-testing-library",
-  "version": "3.8.2",
+  "version": "3.8.3",
   "description": "Simple and complete DOM testing utilities that encourage good testing practices.",
@@ -30,4 +30,5 @@ "main": "dist/index.js",
     "test": "kcd-scripts test",
+    "test:all": "npm test && npm test -- --env jsdom",
     "test:update": "npm test -- --updateSnapshot --coverage",
-    "validate": "kcd-scripts validate",
+    "validate": "kcd-scripts validate build,lint,test:all",
     "setup": "npm install && npm run validate -s",
@@ -42,3 +43,3 @@ "precommit": "kcd-scripts precommit",
   "dependencies": {
-    "mutationobserver-shim": "^0.3.2",
+    "@sheerun/mutationobserver-shim": "^0.3.2",
     "pretty-format": "^23.6.0",
@@ -49,4 +50,5 @@ "wait-for-expect": "^1.0.0"
     "dtslint": "^0.3.0",
-    "jest-dom": "^1.7.0",
+    "jest-dom": "^2.0.4",
     "jest-in-case": "^1.0.2",
+    "jsdom": "^12.2.0",
     "kcd-scripts": "^0.41.0",
@@ -53,0 +55,0 @@ "microbundle": "^0.4.4"

No alert changes

Improved metrics

Total package byte prevSize

494708

increased by10.66%

Lines of code

5560

increased by11%

Worsened metrics

Dev dependency count

6

increased by20%

Dependency changes

• + Added@sheerun/mutationobserver-shim@^0.3.2

• + Added@sheerun/mutationobserver-shim@0.3.3(transitive)

• - Removedmutationobserver-shim@^0.3.2

• - Removedmutationobserver-shim@0.3.7(transitive)