pseudo-dom 0.5.1 → 0.7.0

package/dist/services/UIEventService.js

@@ -1,42 +1,42 @@
-'use strict'
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
-exports.UIEventService = void 0
-/**
- * @file Substitute for the DOM UIEvent Class.
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- */
-const EventService_1 = require('./EventService')
-/**
- * Simulate the behaviour of the UIEvent Class when there is no DOM available: the events which come from a user
- * interface (the mouse, the keyboard, focus and input).
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @class
- * @augments EventService
- * @property {number} detail
- * @property {*} view
- */
-class UIEventService extends EventService_1.EventService {
-  /**
-   * @param {string} [typeArg=''] The type of the event
-   * @param {UIEventInit} [init={}] The options for the event
-   * @constructor
-   */
-  constructor (typeArg = '', init = {}) {
-    super(typeArg, init)
-    this.uiDetail = init.detail || 0
-    this.uiView = init.view || null
-  }
-
-  get detail () {
-    return this.uiDetail
-  }
-
-  get view () {
-    return this.uiView
-  }
-}
-exports.UIEventService = UIEventService
+'use strict'
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})
+exports.UIEventService = void 0
+/**
+ * @file Substitute for the DOM UIEvent Class.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+const EventService_1 = require('./EventService')
+/**
+ * Simulate the behaviour of the UIEvent Class when there is no DOM available: the events which come from a user
+ * interface (the mouse, the keyboard, focus and input).
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @class
+ * @augments EventService
+ * @property {number} detail
+ * @property {*} view
+ */
+class UIEventService extends EventService_1.EventService {
+  /**
+   * @param {string} [typeArg=''] The type of the event
+   * @param {UIEventInit} [init={}] The options for the event
+   * @constructor
+   */
+  constructor (typeArg = '', init = {}) {
+    super(typeArg, init)
+    this.uiDetail = init.detail || 0
+    this.uiView = init.view || null
+  }
+
+  get detail () {
+    return this.uiDetail
+  }
+
+  get view () {
+    return this.uiView
+  }
+}
+exports.UIEventService = UIEventService

package/dist/simulate.d.ts

@@ -1,32 +1,32 @@
-/**
- * Click an element the way a user does: pointerdown and mousedown, then the focus moves to the nearest element which
- * can have it (or is taken away from the one which had it) unless mousedown was cancelled, then pointerup, mouseup
- * and finally click. Every event is trusted and has the options the browser gives it. A disabled element gets nothing.
- * @function click
- * @param {*} element The element to click
- * @param {Object} [init={}] Options for the events (for example clientX, clientY, shiftKey)
- * @returns {boolean} False when the click was cancelled (or the element is disabled), so its default action did not happen
- */
-export declare const click: (element: any, init?: {
-    [option: string]: any;
-}) => boolean;
-/**
- * Press and release a key on an element (the element which has the focus, or one given): keydown and then keyup.
- * @function keyPress
- * @param {*} element The element which gets the key
- * @param {string} key The value of the key, such as a or Enter
- * @param {Object} [init={}] Options for the events (for example code, shiftKey)
- * @returns {boolean} False when keydown was cancelled, so its default action did not happen
- */
-export declare const keyPress: (element: any, key: string, init?: {
-    [option: string]: any;
-}) => boolean;
-declare const _default: {
-    click: (element: any, init?: {
-        [option: string]: any;
-    }) => boolean;
-    keyPress: (element: any, key: string, init?: {
-        [option: string]: any;
-    }) => boolean;
-};
-export default _default;
+/**
+ * Click an element the way a user does: pointerdown and mousedown, then the focus moves to the nearest element which
+ * can have it (or is taken away from the one which had it) unless mousedown was cancelled, then pointerup, mouseup
+ * and finally click. Every event is trusted and has the options the browser gives it. A disabled element gets nothing.
+ * @function click
+ * @param {*} element The element to click
+ * @param {Object} [init={}] Options for the events (for example clientX, clientY, shiftKey)
+ * @returns {boolean} False when the click was cancelled (or the element is disabled), so its default action did not happen
+ */
+export declare const click: (element: any, init?: {
+    [option: string]: any;
+}) => boolean;
+/**
+ * Press and release a key on an element (the element which has the focus, or one given): keydown and then keyup.
+ * @function keyPress
+ * @param {*} element The element which gets the key
+ * @param {string} key The value of the key, such as a or Enter
+ * @param {Object} [init={}] Options for the events (for example code, shiftKey)
+ * @returns {boolean} False when keydown was cancelled, so its default action did not happen
+ */
+export declare const keyPress: (element: any, key: string, init?: {
+    [option: string]: any;
+}) => boolean;
+declare const _default: {
+    click: (element: any, init?: {
+        [option: string]: any;
+    }) => boolean;
+    keyPress: (element: any, key: string, init?: {
+        [option: string]: any;
+    }) => boolean;
+};
+export default _default;

package/dist/simulate.js

@@ -1,115 +1,115 @@
-'use strict'
-
-const __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule
-    ? mod
-    : {
-        default: mod
-      }
-}
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
-exports.keyPress = exports.click = void 0
-/**
- * @file Simulate what a user does, with the events the browser sends for it.
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- * @module pseudoDom/simulate
- */
-const createEvent_1 = __importDefault(require('./factories/createEvent'))
-const activeElement_1 = require('./functions/activeElement')
-const send = (target, type, init) => target.dispatchEvent((0, createEvent_1.default)(type, init, {
-  browser: true,
-  trusted: true
-}))
-/**
- * The nearest element (starting with the element itself) which can have the focus.
- * @param {*} element Where to start
- * @returns {*|null}
- */
-const focusableFrom = element => {
-  let current = element
-  while (current) {
-    if (current.canFocus) {
-      return current
-    }
-    current = current.parentNode
-  }
-  return null
-}
-/**
- * Click an element the way a user does: pointerdown and mousedown, then the focus moves to the nearest element which
- * can have it (or is taken away from the one which had it) unless mousedown was cancelled, then pointerup, mouseup
- * and finally click. Every event is trusted and has the options the browser gives it. A disabled element gets nothing.
- * @function click
- * @param {*} element The element to click
- * @param {Object} [init={}] Options for the events (for example clientX, clientY, shiftKey)
- * @returns {boolean} False when the click was cancelled (or the element is disabled), so its default action did not happen
- */
-const click = (element, init = {}) => {
-  if (element.hasAttribute && element.hasAttribute('disabled')) {
-    return false
-  }
-  const pointer = Object.assign({
-    pointerId: 1,
-    pointerType: 'mouse',
-    isPrimary: true,
-    button: 0
-  }, init)
-  send(element, 'pointerdown', Object.assign({
-    buttons: 1
-  }, pointer))
-  if (send(element, 'mousedown', Object.assign({
-    buttons: 1,
-    detail: 1
-  }, init, {
-    button: 0
-  }))) {
-    const focusable = focusableFrom(element)
-    if (focusable) {
-      focusable.focus()
-    } else {
-      const active = (0, activeElement_1.getActiveElement)(element.getRootNode())
-      if (active) {
-        active.blur()
-      }
-    }
-  }
-  send(element, 'pointerup', Object.assign({
-    buttons: 0
-  }, pointer))
-  send(element, 'mouseup', Object.assign({
-    buttons: 0,
-    detail: 1
-  }, init, {
-    button: 0
-  }))
-  return send(element, 'click', Object.assign({
-    detail: 1
-  }, init, {
-    button: 0
-  }))
-}
-exports.click = click
-/**
- * Press and release a key on an element (the element which has the focus, or one given): keydown and then keyup.
- * @function keyPress
- * @param {*} element The element which gets the key
- * @param {string} key The value of the key, such as a or Enter
- * @param {Object} [init={}] Options for the events (for example code, shiftKey)
- * @returns {boolean} False when keydown was cancelled, so its default action did not happen
- */
-const keyPress = (element, key, init = {}) => {
-  const options = Object.assign({
-    key
-  }, init)
-  const proceeded = send(element, 'keydown', options)
-  send(element, 'keyup', options)
-  return proceeded
-}
-exports.keyPress = keyPress
-exports.default = {
-  click: exports.click,
-  keyPress: exports.keyPress
-}
+'use strict'
+
+const __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule
+    ? mod
+    : {
+        default: mod
+      }
+}
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})
+exports.keyPress = exports.click = void 0
+/**
+ * @file Simulate what a user does, with the events the browser sends for it.
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ * @module pseudoDom/simulate
+ */
+const createEvent_1 = __importDefault(require('./factories/createEvent'))
+const activeElement_1 = require('./functions/activeElement')
+const send = (target, type, init) => target.dispatchEvent((0, createEvent_1.default)(type, init, {
+  browser: true,
+  trusted: true
+}))
+/**
+ * The nearest element (starting with the element itself) which can have the focus.
+ * @param {*} element Where to start
+ * @returns {*|null}
+ */
+const focusableFrom = element => {
+  let current = element
+  while (current) {
+    if (current.canFocus) {
+      return current
+    }
+    current = current.parentNode
+  }
+  return null
+}
+/**
+ * Click an element the way a user does: pointerdown and mousedown, then the focus moves to the nearest element which
+ * can have it (or is taken away from the one which had it) unless mousedown was cancelled, then pointerup, mouseup
+ * and finally click. Every event is trusted and has the options the browser gives it. A disabled element gets nothing.
+ * @function click
+ * @param {*} element The element to click
+ * @param {Object} [init={}] Options for the events (for example clientX, clientY, shiftKey)
+ * @returns {boolean} False when the click was cancelled (or the element is disabled), so its default action did not happen
+ */
+const click = (element, init = {}) => {
+  if (element.hasAttribute && element.hasAttribute('disabled')) {
+    return false
+  }
+  const pointer = Object.assign({
+    pointerId: 1,
+    pointerType: 'mouse',
+    isPrimary: true,
+    button: 0
+  }, init)
+  send(element, 'pointerdown', Object.assign({
+    buttons: 1
+  }, pointer))
+  if (send(element, 'mousedown', Object.assign({
+    buttons: 1,
+    detail: 1
+  }, init, {
+    button: 0
+  }))) {
+    const focusable = focusableFrom(element)
+    if (focusable) {
+      focusable.focus()
+    } else {
+      const active = (0, activeElement_1.getActiveElement)(element.getRootNode())
+      if (active) {
+        active.blur()
+      }
+    }
+  }
+  send(element, 'pointerup', Object.assign({
+    buttons: 0
+  }, pointer))
+  send(element, 'mouseup', Object.assign({
+    buttons: 0,
+    detail: 1
+  }, init, {
+    button: 0
+  }))
+  return send(element, 'click', Object.assign({
+    detail: 1
+  }, init, {
+    button: 0
+  }))
+}
+exports.click = click
+/**
+ * Press and release a key on an element (the element which has the focus, or one given): keydown and then keyup.
+ * @function keyPress
+ * @param {*} element The element which gets the key
+ * @param {string} key The value of the key, such as a or Enter
+ * @param {Object} [init={}] Options for the events (for example code, shiftKey)
+ * @returns {boolean} False when keydown was cancelled, so its default action did not happen
+ */
+const keyPress = (element, key, init = {}) => {
+  const options = Object.assign({
+    key
+  }, init)
+  const proceeded = send(element, 'keydown', options)
+  send(element, 'keyup', options)
+  return proceeded
+}
+exports.keyPress = keyPress
+exports.default = {
+  click: exports.click,
+  keyPress: exports.keyPress
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pseudo-dom",
   "description": "Mock the DOM on the server side for managing state and testing",
-  "version": "0.5.1",
+  "version": "0.7.0",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
   "author": "Joshua Heagle",
@@ -20,10 +20,11 @@
   "dependencies": {
     "collect-your-stuff": "^2.1.1",
     "core-js": "^3.50.0",
+    "css-select": "^6.0.0",
     "si-funciona": "^2.6.1"
   },
   "devDependencies": {
-    "js-build-tools": "^5.0.0",
+    "js-build-tools": "^5.2.0",
     "jsdoc": "^4.0.5",
     "standard": "^17.1.2",
     "test-filesystem": "^1.5.1"