Blame view

lib/jsdom/living/nodes/DOMStringMap-impl.js 1.95 KB
858f2bdf5   Boyan Georgiev   fixes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
  "use strict";
  
  const idlUtils = require("../generated/utils.js");
  const { setAttributeValue, removeAttributeByName } = require("../attributes");
  const validateName = require("../helpers/validate-names").name;
  const DOMException = require("domexception/webidl2js-wrapper");
  
  const dataAttrRe = /^data-([^A-Z]*)$/;
  
  function attrCamelCase(name) {
    return name.replace(/-([a-z])/g, (match, alpha) => alpha.toUpperCase());
  }
  
  function attrSnakeCase(name) {
    return name.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);
  }
  
  exports.implementation = class DOMStringMapImpl {
    constructor(globalObject, args, privateData) {
      this._globalObject = globalObject;
      this._element = privateData.element;
    }
    get [idlUtils.supportedPropertyNames]() {
      const result = new Set();
      const { attributes } = this._element;
      for (let i = 0; i < attributes.length; i++) {
        const attr = attributes.item(i);
        const matches = dataAttrRe.exec(attr.localName);
        if (matches) {
          result.add(attrCamelCase(matches[1]));
        }
      }
      return result;
    }
    [idlUtils.namedGet](name) {
      const { attributes } = this._element;
      for (let i = 0; i < attributes.length; i++) {
        const attr = attributes.item(i);
        const matches = dataAttrRe.exec(attr.localName);
        if (matches && attrCamelCase(matches[1]) === name) {
          return attr.value;
        }
      }
      return undefined;
    }
    [idlUtils.namedSetNew](name, value) {
      if (/-[a-z]/.test(name)) {
        throw DOMException.create(this._globalObject, [
          `'${name}' is not a valid property name`,
          "SyntaxError"
        ]);
      }
      name = `data-${attrSnakeCase(name)}`;
      validateName(this._globalObject, name);
      setAttributeValue(this._element, name, value);
    }
    [idlUtils.namedSetExisting](name, value) {
      this[idlUtils.namedSetNew](name, value);
    }
    [idlUtils.namedDelete](name) {
      name = `data-${attrSnakeCase(name)}`;
      removeAttributeByName(this._element, name);
    }
  };