pseudo-dom 0.14.0 → 0.15.0

package/README.md

@@ -54,7 +54,10 @@ else, document fragments insert their children instead of themselves, and a node
 
 **Attribute helpers** work like the DOM's: `getAttributeNames`, `hasAttributes`, `toggleAttribute(name, [force])`.
 `localName` matches `tagName` and `prefix` is always `null` (there's no real namespace parsing);
-`getElementsByTagNameNS` behaves exactly like `getElementsByTagName`, ignoring the namespace.
+`getElementsByTagNameNS` behaves exactly like `getElementsByTagName`, ignoring the namespace. All 37 `aria*`
+reflected properties (`ariaLabel`, `ariaExpanded`, `ariaValueNow`, ...) are real too - each just reads/writes its
+matching `aria-*` attribute (`ariaLabel` <-> `aria-label`; the mapping isn't camelCase-to-kebab-case, so
+`ariaColCount` <-> `aria-colcount`, not `aria-col-count`).
 
 **`style`** is a real, live `CSSStyleDeclaration`:
 
@@ -168,7 +171,6 @@ it) - useful for watching pseudo-dom-driven code run, or checking a final result
 
 ## Not implemented yet
 
-- The `aria*` reflected properties
 - The `Attr`-node / namespaced attribute methods (`getAttributeNode`, `getAttributeNS`, ...)
 ## Modules
 
@@ -2975,6 +2977,8 @@ Simulate the behaviour of the Element Class when there is no DOM available.
     * [.requestFullscreen()](#ElementService+requestFullscreen) ⇒ <code>Promise.&lt;void&gt;</code>
     * [.requestPointerLock()](#ElementService+requestPointerLock) ⇒ <code>Promise.&lt;void&gt;</code>
     * [.attachShadow(options)](#ElementService+attachShadow) ⇒ <code>PseudoShadowRoot</code>
+    * [.getAriaAttribute(attributeName)](#ElementService+getAriaAttribute) ⇒ <code>string</code>
+    * [.setAriaAttribute(attributeName, value)](#ElementService+setAriaAttribute) ⇒ <code>undefined</code>
 
 <a name="new_ElementService_new"></a>
 
@@ -3419,6 +3423,29 @@ Attach a shadow tree to this element and return its ShadowRoot. Throws when it a
 | --- | --- |
 | options | <code>Object</code> | 
 
+<a name="ElementService+getAriaAttribute"></a>
+
+### elementService.getAriaAttribute(attributeName) ⇒ <code>string</code>
+Read one of the aria-* reflected properties (see the individual aria* getters/setters below).
+
+**Kind**: instance method of [<code>ElementService</code>](#ElementService)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| attributeName | <code>string</code> | A real aria-* attribute name (aria-label, ...) |
+
+<a name="ElementService+setAriaAttribute"></a>
+
+### elementService.setAriaAttribute(attributeName, value) ⇒ <code>undefined</code>
+Write one of the aria-* reflected properties.
+
+**Kind**: instance method of [<code>ElementService</code>](#ElementService)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| attributeName | <code>string</code> | A real aria-* attribute name (aria-label, ...) |
+| value | <code>string</code> |  |
+
 <a name="DocumentService"></a>
 
 ## DocumentService ⇐ [<code>NodeService</code>](#NodeService)

package/browser/pseudo-dom.js

@@ -2795,6 +2795,321 @@
       get shadowRoot () {
         return this.shadowRootInstance && this.shadowRootInstance.mode === 'open' ? this.shadowRootInstance : null
       }
+
+      /**
+   * Read one of the aria-* reflected properties (see the individual aria* getters/setters below).
+   * @param {string} attributeName A real aria-* attribute name (aria-label, ...)
+   * @returns {string}
+   */
+      getAriaAttribute (attributeName) {
+        return this.getAttribute(attributeName) || ''
+      }
+
+      /**
+   * Write one of the aria-* reflected properties.
+   * @param {string} attributeName A real aria-* attribute name (aria-label, ...)
+   * @param {string} value
+   * @returns {undefined}
+   */
+      setAriaAttribute (attributeName, value) {
+        this.setAttribute(attributeName, value)
+      }
+
+      get ariaAtomic () {
+        return this.getAriaAttribute('aria-atomic')
+      }
+
+      set ariaAtomic (value) {
+        this.setAriaAttribute('aria-atomic', value)
+      }
+
+      get ariaAutoComplete () {
+        return this.getAriaAttribute('aria-autocomplete')
+      }
+
+      set ariaAutoComplete (value) {
+        this.setAriaAttribute('aria-autocomplete', value)
+      }
+
+      get ariaBusy () {
+        return this.getAriaAttribute('aria-busy')
+      }
+
+      set ariaBusy (value) {
+        this.setAriaAttribute('aria-busy', value)
+      }
+
+      get ariaChecked () {
+        return this.getAriaAttribute('aria-checked')
+      }
+
+      set ariaChecked (value) {
+        this.setAriaAttribute('aria-checked', value)
+      }
+
+      get ariaColCount () {
+        return this.getAriaAttribute('aria-colcount')
+      }
+
+      set ariaColCount (value) {
+        this.setAriaAttribute('aria-colcount', value)
+      }
+
+      get ariaColIndex () {
+        return this.getAriaAttribute('aria-colindex')
+      }
+
+      set ariaColIndex (value) {
+        this.setAriaAttribute('aria-colindex', value)
+      }
+
+      get ariaColSpan () {
+        return this.getAriaAttribute('aria-colspan')
+      }
+
+      set ariaColSpan (value) {
+        this.setAriaAttribute('aria-colspan', value)
+      }
+
+      get ariaCurrent () {
+        return this.getAriaAttribute('aria-current')
+      }
+
+      set ariaCurrent (value) {
+        this.setAriaAttribute('aria-current', value)
+      }
+
+      get ariaDescription () {
+        return this.getAriaAttribute('aria-description')
+      }
+
+      set ariaDescription (value) {
+        this.setAriaAttribute('aria-description', value)
+      }
+
+      get ariaDisabled () {
+        return this.getAriaAttribute('aria-disabled')
+      }
+
+      set ariaDisabled (value) {
+        this.setAriaAttribute('aria-disabled', value)
+      }
+
+      get ariaExpanded () {
+        return this.getAriaAttribute('aria-expanded')
+      }
+
+      set ariaExpanded (value) {
+        this.setAriaAttribute('aria-expanded', value)
+      }
+
+      get ariaHasPopup () {
+        return this.getAriaAttribute('aria-haspopup')
+      }
+
+      set ariaHasPopup (value) {
+        this.setAriaAttribute('aria-haspopup', value)
+      }
+
+      get ariaHidden () {
+        return this.getAriaAttribute('aria-hidden')
+      }
+
+      set ariaHidden (value) {
+        this.setAriaAttribute('aria-hidden', value)
+      }
+
+      get ariaKeyShortcuts () {
+        return this.getAriaAttribute('aria-keyshortcuts')
+      }
+
+      set ariaKeyShortcuts (value) {
+        this.setAriaAttribute('aria-keyshortcuts', value)
+      }
+
+      get ariaLabel () {
+        return this.getAriaAttribute('aria-label')
+      }
+
+      set ariaLabel (value) {
+        this.setAriaAttribute('aria-label', value)
+      }
+
+      get ariaLevel () {
+        return this.getAriaAttribute('aria-level')
+      }
+
+      set ariaLevel (value) {
+        this.setAriaAttribute('aria-level', value)
+      }
+
+      get ariaLive () {
+        return this.getAriaAttribute('aria-live')
+      }
+
+      set ariaLive (value) {
+        this.setAriaAttribute('aria-live', value)
+      }
+
+      get ariaModal () {
+        return this.getAriaAttribute('aria-modal')
+      }
+
+      set ariaModal (value) {
+        this.setAriaAttribute('aria-modal', value)
+      }
+
+      get ariaMultiline () {
+        return this.getAriaAttribute('aria-multiline')
+      }
+
+      set ariaMultiline (value) {
+        this.setAriaAttribute('aria-multiline', value)
+      }
+
+      get ariaMultiSelectable () {
+        return this.getAriaAttribute('aria-multiselectable')
+      }
+
+      set ariaMultiSelectable (value) {
+        this.setAriaAttribute('aria-multiselectable', value)
+      }
+
+      get ariaOrientation () {
+        return this.getAriaAttribute('aria-orientation')
+      }
+
+      set ariaOrientation (value) {
+        this.setAriaAttribute('aria-orientation', value)
+      }
+
+      get ariaPlaceholder () {
+        return this.getAriaAttribute('aria-placeholder')
+      }
+
+      set ariaPlaceholder (value) {
+        this.setAriaAttribute('aria-placeholder', value)
+      }
+
+      get ariaPosInSet () {
+        return this.getAriaAttribute('aria-posinset')
+      }
+
+      set ariaPosInSet (value) {
+        this.setAriaAttribute('aria-posinset', value)
+      }
+
+      get ariaPressed () {
+        return this.getAriaAttribute('aria-pressed')
+      }
+
+      set ariaPressed (value) {
+        this.setAriaAttribute('aria-pressed', value)
+      }
+
+      get ariaReadOnly () {
+        return this.getAriaAttribute('aria-readonly')
+      }
+
+      set ariaReadOnly (value) {
+        this.setAriaAttribute('aria-readonly', value)
+      }
+
+      get ariaRequired () {
+        return this.getAriaAttribute('aria-required')
+      }
+
+      set ariaRequired (value) {
+        this.setAriaAttribute('aria-required', value)
+      }
+
+      get ariaRoleDescription () {
+        return this.getAriaAttribute('aria-roledescription')
+      }
+
+      set ariaRoleDescription (value) {
+        this.setAriaAttribute('aria-roledescription', value)
+      }
+
+      get ariaRowCount () {
+        return this.getAriaAttribute('aria-rowcount')
+      }
+
+      set ariaRowCount (value) {
+        this.setAriaAttribute('aria-rowcount', value)
+      }
+
+      get ariaRowIndex () {
+        return this.getAriaAttribute('aria-rowindex')
+      }
+
+      set ariaRowIndex (value) {
+        this.setAriaAttribute('aria-rowindex', value)
+      }
+
+      get ariaRowSpan () {
+        return this.getAriaAttribute('aria-rowspan')
+      }
+
+      set ariaRowSpan (value) {
+        this.setAriaAttribute('aria-rowspan', value)
+      }
+
+      get ariaSelected () {
+        return this.getAriaAttribute('aria-selected')
+      }
+
+      set ariaSelected (value) {
+        this.setAriaAttribute('aria-selected', value)
+      }
+
+      get ariaSetSize () {
+        return this.getAriaAttribute('aria-setsize')
+      }
+
+      set ariaSetSize (value) {
+        this.setAriaAttribute('aria-setsize', value)
+      }
+
+      get ariaSort () {
+        return this.getAriaAttribute('aria-sort')
+      }
+
+      set ariaSort (value) {
+        this.setAriaAttribute('aria-sort', value)
+      }
+
+      get ariaValueMax () {
+        return this.getAriaAttribute('aria-valuemax')
+      }
+
+      set ariaValueMax (value) {
+        this.setAriaAttribute('aria-valuemax', value)
+      }
+
+      get ariaValueMin () {
+        return this.getAriaAttribute('aria-valuemin')
+      }
+
+      set ariaValueMin (value) {
+        this.setAriaAttribute('aria-valuemin', value)
+      }
+
+      get ariaValueNow () {
+        return this.getAriaAttribute('aria-valuenow')
+      }
+
+      set ariaValueNow (value) {
+        this.setAriaAttribute('aria-valuenow', value)
+      }
+
+      get ariaValueText () {
+        return this.getAriaAttribute('aria-valuetext')
+      }
+
+      set ariaValueText (value) {
+        this.setAriaAttribute('aria-valuetext', value)
+      }
     }
     exports.ElementService = ElementService
   }, { '../factories/createEvent': 5, '../factories/query': 14, '../factories/serializeHTML': 15, '../functions/getParentNodesFromAttribute': 19, './AttrService': 22, './DOMTokenListService': 25, './HTMLCollectionService': 32, './NamedNodeMapService': 37, './NodeService': 38, './ShadowRootService': 40, 'core-js/modules/esnext.iterator.constructor.js': 193, 'core-js/modules/esnext.iterator.every.js': 194, 'core-js/modules/esnext.iterator.find.js': 196, 'core-js/modules/esnext.iterator.for-each.js': 197, 'core-js/modules/esnext.iterator.map.js': 198, 'core-js/modules/esnext.iterator.some.js': 200, 'core-js/modules/esnext.set.add-all.js': 214, 'core-js/modules/esnext.set.delete-all.js': 215, 'core-js/modules/esnext.set.difference.js': 216, 'core-js/modules/esnext.set.every.js': 217, 'core-js/modules/esnext.set.filter.js': 218, 'core-js/modules/esnext.set.find.js': 219, 'core-js/modules/esnext.set.intersection.js': 220, 'core-js/modules/esnext.set.is-disjoint-from.js': 221, 'core-js/modules/esnext.set.is-subset-of.js': 222, 'core-js/modules/esnext.set.is-superset-of.js': 223, 'core-js/modules/esnext.set.join.js': 224, 'core-js/modules/esnext.set.map.js': 225, 'core-js/modules/esnext.set.reduce.js': 226, 'core-js/modules/esnext.set.some.js': 227, 'core-js/modules/esnext.set.symmetric-difference.js': 228, 'core-js/modules/esnext.set.union.js': 229, 'si-funciona/dist/helpers/objects/cloneObject': 263, 'si-funciona/dist/helpers/objects/isEqual': 265 }],