pseudo-dom 0.6.0 → 0.7.0

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.6.0",
+  "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"