Fix parsing flex-basis in shorthand flex when not a value

Author: matmannion

lib/properties/flex.js

@@ -92,7 +92,9 @@ module.exports.parse = function parse(v, opt = {}) {
         } else {
           return;
         }
-        if (val3.type === "Calc" && !val3.isNumber) {
+        if (val3.type === "GlobalKeyword" || val3.type === "Identifier") {
+          flex["flex-basis"] = val3.name;
+        } else if (val3.type === "Calc" && !val3.isNumber) {
           flex["flex-basis"] = `${val3.name}(${val3.value})`;
         } else if (val3.type === "Dimension") {
           flex["flex-basis"] = `${val3.value}${val3.unit}`;

test/CSSStyleDeclaration.test.js

@@ -1143,6 +1143,12 @@ describe("CSSStyleDeclaration", () => {
     assert.strictEqual(style.getPropertyValue("flex-shrink"), "1");
     assert.strictEqual(style.getPropertyValue("flex-basis"), "250px");
     style.removeProperty("flex");
+    style.setProperty("flex", "0 0 auto");
+    assert.strictEqual(style.getPropertyValue("flex"), "0 0 auto");
+    assert.strictEqual(style.getPropertyValue("flex-grow"), "0");
+    assert.strictEqual(style.getPropertyValue("flex-shrink"), "0");
+    assert.strictEqual(style.getPropertyValue("flex-basis"), "auto");
+    style.removeProperty("flex");
     style.setProperty("flex", "2");
     assert.strictEqual(style.getPropertyValue("flex-grow"), "2");
     assert.strictEqual(style.getPropertyValue("flex-shrink"), "1");