pseudo-dom 0.6.0 → 0.8.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.8.0",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
   "author": "Joshua Heagle",
@@ -18,12 +18,13 @@
     "watch:test": "gulp watchTest"
   },
   "dependencies": {
-    "collect-your-stuff": "^2.1.1",
+    "collect-your-stuff": "^2.1.2",
     "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"

package/dist/classes.d.ts

@@ -1,20 +0,0 @@
-/**
- * @file All of the Pseudo Dom classes for replicating DOM structure.
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- */
-import { EventService as PseudoEvent } from './services/EventService';
-import PseudoEventTarget from './services/EventTargetService';
-import { NodeService as PseudoNode } from './services/NodeService';
-import { ElementService as PseudoElement } from './services/ElementService';
-import { HTMLElementService as PseudoHTMLElement } from './services/HTMLElementService';
-import PseudoHTMLDocument from './classes/PseudoHTMLDocument';
-declare const _default: {
-    PseudoEvent: typeof PseudoEvent;
-    PseudoEventTarget: typeof PseudoEventTarget;
-    PseudoNode: typeof PseudoNode;
-    PseudoElement: typeof PseudoElement;
-    PseudoHTMLElement: typeof PseudoHTMLElement;
-    PseudoHTMLDocument: typeof PseudoHTMLDocument;
-};
-export default _default;

package/dist/classes.js

@@ -1,31 +0,0 @@
-'use strict'
-
-/**
- * @file All of the Pseudo Dom classes for replicating DOM structure.
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- */
-const __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule
-    ? mod
-    : {
-        default: mod
-      }
-}
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
-const EventService_1 = require('./services/EventService')
-const EventTargetService_1 = __importDefault(require('./services/EventTargetService'))
-const NodeService_1 = require('./services/NodeService')
-const ElementService_1 = require('./services/ElementService')
-const HTMLElementService_1 = require('./services/HTMLElementService')
-const PseudoHTMLDocument_1 = __importDefault(require('./classes/PseudoHTMLDocument'))
-exports.default = {
-  PseudoEvent: EventService_1.EventService,
-  PseudoEventTarget: EventTargetService_1.default,
-  PseudoNode: NodeService_1.NodeService,
-  PseudoElement: ElementService_1.ElementService,
-  PseudoHTMLElement: HTMLElementService_1.HTMLElementService,
-  PseudoHTMLDocument: PseudoHTMLDocument_1.default
-}

package/dist/classes.min.js

@@ -1 +0,0 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const EventService_1=require("./services/EventService"),EventTargetService_1=__importDefault(require("./services/EventTargetService")),NodeService_1=require("./services/NodeService"),ElementService_1=require("./services/ElementService"),HTMLElementService_1=require("./services/HTMLElementService"),PseudoHTMLDocument_1=__importDefault(require("./classes/PseudoHTMLDocument"));exports.default={PseudoEvent:EventService_1.EventService,PseudoEventTarget:EventTargetService_1.default,PseudoNode:NodeService_1.NodeService,PseudoElement:ElementService_1.ElementService,PseudoHTMLElement:HTMLElementService_1.HTMLElementService,PseudoHTMLDocument:PseudoHTMLDocument_1.default};

package/dist/factories/generateNode.d.ts

@@ -1,32 +0,0 @@
-import { TreeLinker } from 'collect-your-stuff/dist/collections/linked-tree-list/TreeLinker';
-import { NodeService } from '../services/NodeService';
-import { PseudoNode } from '../interfaces/PseudoNode';
-import { PseudoElement } from '../interfaces/PseudoElement';
-/**
- * A node which is stored in a TreeLinker (for example by a list built from an array of values). It finds its siblings
- * from that linker, and its parent from the linker's parent when it has not been given one by appendChild.
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @class
- * @augments NodeService
- */
-export declare class LinkedNode extends NodeService {
-    /**
-     * @param {TreeLinker} linker The linker holding this node
-     * @param {string|null} value The value of the node
-     * @constructor
-     */
-    constructor(linker: TreeLinker, value?: string | null);
-    get isConnected(): boolean;
-    get parentNode(): PseudoNode | null;
-    get parentElement(): PseudoElement | null;
-}
-export declare class NodeFactory extends TreeLinker {
-}
-/**
- * Create a TreeLinker class whose linkers each store a node (a LinkedNode) as their data, this can be used to build a
- * tree (or list) of nodes from plain values.
- * @function generateNode
- * @returns {Function} The NodeFactory class (a TreeLinker) to use as the linker class
- */
-declare const generateNode: () => typeof NodeFactory;
-export default generateNode;

package/dist/factories/generateNode.js

@@ -1,85 +0,0 @@
-'use strict'
-
-require('core-js/modules/esnext.iterator.constructor.js')
-require('core-js/modules/esnext.iterator.reduce.js')
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
-exports.NodeFactory = exports.LinkedNode = void 0
-const TreeLinker_1 = require('collect-your-stuff/dist/collections/linked-tree-list/TreeLinker')
-const NodeService_1 = require('../services/NodeService')
-/**
- * A node which is stored in a TreeLinker (for example by a list built from an array of values). It finds its siblings
- * from that linker, and its parent from the linker's parent when it has not been given one by appendChild.
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @class
- * @augments NodeService
- */
-class LinkedNode extends NodeService_1.NodeService {
-  /**
-   * @param {TreeLinker} linker The linker holding this node
-   * @param {string|null} value The value of the node
-   * @constructor
-   */
-  constructor (linker, value = '') {
-    super()
-    this.listLinker = linker
-    this.nodeValue = value
-  }
-
-  get isConnected () {
-    return !!this.parentNode
-  }
-
-  get parentNode () {
-    if (this.parent) {
-      return this.parent
-    }
-    const parentLinker = this.listLinker ? this.listLinker.parent : null
-    return parentLinker ? parentLinker.data : null
-  }
-
-  get parentElement () {
-    const parent = this.parentNode
-    return parent && parent.nodeType === NodeService_1.NodeService.ELEMENT_NODE ? parent : null
-  }
-}
-exports.LinkedNode = LinkedNode
-class NodeFactory extends TreeLinker_1.TreeLinker {}
-exports.NodeFactory = NodeFactory
-/**
- * Create a TreeLinker class whose linkers each store a node (a LinkedNode) as their data, this can be used to build a
- * tree (or list) of nodes from plain values.
- * @function generateNode
- * @returns {Function} The NodeFactory class (a TreeLinker) to use as the linker class
- */
-const generateNode = () => {
-  NodeFactory.fromArray = (values = [], LinkerClass = NodeFactory) => values.reduce((list, element) => {
-    if (typeof element !== 'object') {
-      element = {
-        data: element
-      }
-    }
-    const newElement = new LinkerClass(Object.assign({}, element, {
-      prev: list.tail
-    }))
-    newElement.data = new LinkedNode(newElement, element.data)
-    if (list.head === null) {
-      return {
-        head: newElement,
-        tail: newElement
-      }
-    }
-    list.tail.next = newElement
-    newElement.prev = list.tail
-    return {
-      head: list.head,
-      tail: newElement
-    }
-  }, {
-    head: null,
-    tail: null
-  })
-  return NodeFactory
-}
-exports.default = generateNode

package/dist/factories/generateNode.min.js

@@ -1 +0,0 @@
-"use strict";require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.reduce.js"),Object.defineProperty(exports,"__esModule",{value:!0}),exports.NodeFactory=exports.LinkedNode=void 0;const TreeLinker_1=require("collect-your-stuff/dist/collections/linked-tree-list/TreeLinker"),NodeService_1=require("../services/NodeService");class LinkedNode extends NodeService_1.NodeService{constructor(e,t=""){super(),this.listLinker=e,this.nodeValue=t}get isConnected(){return!!this.parentNode}get parentNode(){if(this.parent)return this.parent;const e=this.listLinker?this.listLinker.parent:null;return e?e.data:null}get parentElement(){const e=this.parentNode;return e&&e.nodeType===NodeService_1.NodeService.ELEMENT_NODE?e:null}}exports.LinkedNode=LinkedNode;class NodeFactory extends TreeLinker_1.TreeLinker{}exports.NodeFactory=NodeFactory;const generateNode=()=>(NodeFactory.fromArray=(e=[],t=NodeFactory)=>e.reduce((e,r)=>{"object"!=typeof r&&(r={data:r});const o=new t(Object.assign({},r,{prev:e.tail}));return o.data=new LinkedNode(o,r.data),null===e.head?{head:o,tail:o}:(e.tail.next=o,o.prev=e.tail,{head:e.head,tail:o})},{head:null,tail:null}),NodeFactory);exports.default=generateNode;

package/dist/factories.d.ts

@@ -1,11 +0,0 @@
-declare const _default: {
-    generateNode: () => typeof import("./factories/generateNode").NodeFactory;
-    nodeListFactory: (innerList?: import("collect-your-stuff/dist/collections/linked-tree-list/TreeLinker").TreeLinker | null) => import("./classes/PseudoNodeList").PseudoNodeList;
-    createEvent: (type: string, init?: {
-        [option: string]: any;
-    }, { browser, trusted }?: import("./factories/createEvent").CreateEventOptions) => import("./main").PseudoEvent;
-    eventDefaults: {
-        [type: string]: import("./factories/eventDefaults").EventDefinition;
-    };
-};
-export default _default;

package/dist/factories.js

@@ -1,27 +0,0 @@
-'use strict'
-
-const __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule
-    ? mod
-    : {
-        default: mod
-      }
-}
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
-/**
- * @file All of the Pseudo Dom Helper functions for generating DOM objects.
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- */
-const generateNode_1 = __importDefault(require('./factories/generateNode'))
-const generateNodeList_1 = __importDefault(require('./factories/generateNodeList'))
-const createEvent_1 = __importDefault(require('./factories/createEvent'))
-const eventDefaults_1 = __importDefault(require('./factories/eventDefaults'))
-exports.default = {
-  generateNode: generateNode_1.default,
-  nodeListFactory: generateNodeList_1.default,
-  createEvent: createEvent_1.default,
-  eventDefaults: eventDefaults_1.default
-}

package/dist/factories.min.js

@@ -1 +0,0 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const generateNode_1=__importDefault(require("./factories/generateNode")),generateNodeList_1=__importDefault(require("./factories/generateNodeList")),createEvent_1=__importDefault(require("./factories/createEvent")),eventDefaults_1=__importDefault(require("./factories/eventDefaults"));exports.default={generateNode:generateNode_1.default,nodeListFactory:generateNodeList_1.default,createEvent:createEvent_1.default,eventDefaults:eventDefaults_1.default};

package/dist/functions.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    getParentNodes: (node: import("./interfaces/PseudoEventTarget").PseudoEventTarget | import("./interfaces/PseudoNode").PseudoNode | any) => Array<import("./interfaces/PseudoNode").PseudoNode>;
-    getParentNodesFromAttribute: (attr: string, value: boolean | number | string, node: import("./interfaces/PseudoEventTarget").PseudoEventTarget | import("./interfaces/PseudoNode").PseudoNode | any) => Array<import("./interfaces/PseudoNode").PseudoNode>;
-};
-export default _default;

package/dist/functions.js

@@ -1,23 +0,0 @@
-'use strict'
-
-const __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule
-    ? mod
-    : {
-        default: mod
-      }
-}
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
-/**
- * @file Helper functions for managing interactions with DOM classes
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- */
-const getParentNodes_1 = __importDefault(require('./functions/getParentNodes'))
-const getParentNodesFromAttribute_1 = __importDefault(require('./functions/getParentNodesFromAttribute'))
-exports.default = {
-  getParentNodes: getParentNodes_1.default,
-  getParentNodesFromAttribute: getParentNodesFromAttribute_1.default
-}

package/dist/functions.min.js

@@ -1 +0,0 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const getParentNodes_1=__importDefault(require("./functions/getParentNodes")),getParentNodesFromAttribute_1=__importDefault(require("./functions/getParentNodesFromAttribute"));exports.default={getParentNodes:getParentNodes_1.default,getParentNodesFromAttribute:getParentNodesFromAttribute_1.default};