feat(vanilla): add testing infrastructure and tests (NK-wjnczv)

1 files changed, 178 insertions, 0 deletions

diff --git a/vanilla/node_modules/cssstyle/lib/properties/flex.js b/vanilla/node_modules/cssstyle/lib/properties/flex.js
new file mode 100644
index 0000000..084e99d
--- /dev/null
+++ b/vanilla/node_modules/cssstyle/lib/properties/flex.js
@@ -0,0 +1,178 @@
+"use strict";
+
+const parsers = require("../parsers");
+const flexGrow = require("./flexGrow");
+const flexShrink = require("./flexShrink");
+const flexBasis = require("./flexBasis");
+
+const property = "flex";
+
+module.exports.initialValues = new Map([
+  [flexGrow.property, "0"],
+  [flexShrink.property, "1"],
+  [flexBasis.property, "auto"]
+]);
+
+module.exports.shorthandFor = new Map([
+  [flexGrow.property, flexGrow],
+  [flexShrink.property, flexShrink],
+  [flexBasis.property, flexBasis]
+]);
+
+module.exports.parse = (v, opt = {}) => {
+  const { globalObject } = opt;
+  if (v === "") {
+    return v;
+  }
+  const { AST_TYPES } = parsers;
+  const value = parsers.parsePropertyValue(property, v, {
+    globalObject,
+    inArray: true
+  });
+  if (Array.isArray(value) && value.length) {
+    const flex = {
+      [flexGrow.property]: "1",
+      [flexShrink.property]: "1",
+      [flexBasis.property]: "0%"
+    };
+    if (value.length === 1) {
+      const [{ isNumber, name, type, unit, value: itemValue }] = value;
+      switch (type) {
+        case AST_TYPES.CALC: {
+          if (isNumber) {
+            flex[flexGrow.property] = `${name}(${itemValue})`;
+            return flex;
+          }
+          flex[flexBasis.property] = `${name}(${itemValue})`;
+          return flex;
+        }
+        case AST_TYPES.DIMENSION: {
+          flex[flexBasis.property] = `${itemValue}${unit}`;
+          return flex;
+        }
+        case AST_TYPES.GLOBAL_KEYWORD: {
+          return name;
+        }
+        case AST_TYPES.IDENTIFIER: {
+          if (name === "none") {
+            return {
+              [flexGrow.property]: "0",
+              [flexShrink.property]: "0",
+              [flexBasis.property]: "auto"
+            };
+          }
+          flex[flexBasis.property] = name;
+          return flex;
+        }
+        case AST_TYPES.NUMBER: {
+          flex[flexGrow.property] = itemValue;
+          return flex;
+        }
+        case AST_TYPES.PERCENTAGE: {
+          flex[flexBasis.property] = `${itemValue}%`;
+          return flex;
+        }
+        default:
+      }
+    } else {
+      const [val1, val2, val3] = value;
+      if (val1.type === AST_TYPES.CALC && val1.isNumber) {
+        flex[flexGrow.property] = `${val1.name}(${val1.value})`;
+      } else if (val1.type === AST_TYPES.NUMBER) {
+        flex[flexGrow.property] = val1.value;
+      } else {
+        return;
+      }
+      if (val3) {
+        if (val2.type === AST_TYPES.CALC && val2.isNumber) {
+          flex[flexShrink.property] = `${val2.name}(${val2.value})`;
+        } else if (val2.type === AST_TYPES.NUMBER) {
+          flex[flexShrink.property] = val2.value;
+        } else {
+          return;
+        }
+        if (val3.type === AST_TYPES.GLOBAL_KEYWORD || val3.type === AST_TYPES.IDENTIFIER) {
+          flex[flexBasis.property] = val3.name;
+        } else if (val3.type === AST_TYPES.CALC && !val3.isNumber) {
+          flex[flexBasis.property] = `${val3.name}(${val3.value})`;
+        } else if (val3.type === AST_TYPES.DIMENSION) {
+          flex[flexBasis.property] = `${val3.value}${val3.unit}`;
+        } else if (val3.type === AST_TYPES.PERCENTAGE) {
+          flex[flexBasis.property] = `${val3.value}%`;
+        } else {
+          return;
+        }
+      } else {
+        switch (val2.type) {
+          case AST_TYPES.CALC: {
+            if (val2.isNumber) {
+              flex[flexShrink.property] = `${val2.name}(${val2.value})`;
+            } else {
+              flex[flexBasis.property] = `${val2.name}(${val2.value})`;
+            }
+            break;
+          }
+          case AST_TYPES.DIMENSION: {
+            flex[flexBasis.property] = `${val2.value}${val2.unit}`;
+            break;
+          }
+          case AST_TYPES.NUMBER: {
+            flex[flexShrink.property] = val2.value;
+            break;
+          }
+          case AST_TYPES.PERCENTAGE: {
+            flex[flexBasis.property] = `${val2.value}%`;
+            break;
+          }
+          case AST_TYPES.IDENTIFIER: {
+            flex[flexBasis.property] = val2.name;
+            break;
+          }
+          default: {
+            return;
+          }
+        }
+      }
+      return flex;
+    }
+  } else if (typeof value === "string") {
+    return value;
+  }
+};
+
+module.exports.definition = {
+  set(v) {
+    v = parsers.prepareValue(v);
+    if (parsers.hasVarFunc(v)) {
+      for (const [longhand] of module.exports.shorthandFor) {
+        this._setProperty(longhand, "");
+      }
+      this._setProperty(property, v);
+    } else {
+      const val = module.exports.parse(v, {
+        globalObject: this._global
+      });
+      const priority = this._priorities.get(property) ?? "";
+      if (typeof val === "string") {
+        for (const [longhand] of module.exports.shorthandFor) {
+          this._setProperty(longhand, val, priority);
+        }
+        this._setProperty(property, val, priority);
+      } else if (val) {
+        const values = [];
+        for (const [longhand, value] of Object.entries(val)) {
+          values.push(value);
+          this._setProperty(longhand, value, priority);
+        }
+        this._setProperty(property, values.join(" "), priority);
+      }
+    }
+  },
+  get() {
+    return this.getPropertyValue(property);
+  },
+  enumerable: true,
+  configurable: true
+};
+
+module.exports.property = property;