Stop using CSS.supports for CSS property tests

Instead generate both forms for the document.body.style tests where
appropriate, to deal with odd -apple- and -epub-prefixed properties.

Fixes #12.

build.js

@@ -158,9 +158,6 @@ const compileTestCode = (test) => {
   if (test.property.startsWith('constructor')) {
     return `bcd.testConstructor("${property}");`;
   }
-  if (test.owner === 'CSS.supports') {
-    return `CSS.supports("${test.property}", "inherit")`;
-  }
   if (test.property.startsWith('Symbol.')) {
     return `"Symbol" in self && "${test.property.replace('Symbol.', '')}" in Symbol && ${test.property} in ${test.owner}.prototype`;
   }
@@ -608,15 +605,22 @@ const buildCSS = (webrefCSS, customCSS) => {
   const tests = {};
 
   for (const name of Array.from(propertySet).sort()) {
+    const customTest = getCustomTestCSS(name);
+    if (customTest) {
+      tests[`css.properties.${name}`] = compileTest({
+        raw: {code: customTest},
+        exposure: ['Window']
+      });
+      continue;
+    }
+
     const attrName = cssPropertyToIDLAttribute(name, name.startsWith('-'));
+    const code = [{property: attrName, owner: 'document.body.style'}];
+    if (name !== attrName) {
+      code.push({property: name, owner: 'document.body.style'});
+    }
     tests[`css.properties.${name}`] = compileTest({
-      raw: {
-        code: getCustomTestCSS(name) || [
-          {property: attrName, owner: 'document.body.style'},
-          {property: name, owner: 'CSS.supports'}
-        ],
-        combinator: '||'
-      },
+      raw: {code, combinator: '||'},
       exposure: ['Window']
     });
   }

unittest/unit/build.js

@@ -438,11 +438,6 @@ describe('build', () => {
       assert.equal(compileTestCode(test), 'bcd.testConstructor("AudioContext");');
     });
 
-    it('CSS.supports', () => {
-      const test = {property: 'font-weight', owner: 'CSS.supports'};
-      assert.equal(compileTestCode(test), 'CSS.supports("font-weight", "inherit")');
-    });
-
     it('Symbol', () => {
       const test = {property: 'Symbol.iterator', owner: 'DOMMatrixReadOnly'};
       assert.equal(compileTestCode(test), '"Symbol" in self && "iterator" in Symbol && Symbol.iterator in DOMMatrixReadOnly.prototype');
@@ -561,7 +556,7 @@ describe('build', () => {
         raw: {
           code: [
             {property: 'fontFamily', owner: 'document.body.style'},
-            {property: 'font-family', owner: 'CSS.supports'}
+            {property: 'font-family', owner: 'document.body.style'}
           ],
           combinator: '||'
         },
@@ -570,7 +565,7 @@ describe('build', () => {
       };
 
       assert.deepEqual(compileTest(rawTest), {
-        code: '"fontFamily" in document.body.style || CSS.supports("font-family", "inherit")',
+        code: '"fontFamily" in document.body.style || "font-family" in document.body.style',
         exposure: ['Window']
       });
     });
@@ -1313,19 +1308,19 @@ describe('build', () => {
 
     assert.deepEqual(buildCSS(webrefCSS, customCSS), {
       'css.properties.font-family': {
-        code: '"fontFamily" in document.body.style || CSS.supports("font-family", "inherit")',
+        code: '"fontFamily" in document.body.style || "font-family" in document.body.style',
         exposure: ['Window']
       },
       'css.properties.font-weight': {
-        code: '"fontWeight" in document.body.style || CSS.supports("font-weight", "inherit")',
+        code: '"fontWeight" in document.body.style || "font-weight" in document.body.style',
         exposure: ['Window']
       },
       'css.properties.grid': {
-        code: '"grid" in document.body.style || CSS.supports("grid", "inherit")',
+        code: '"grid" in document.body.style',
         exposure: ['Window']
       },
       'css.properties.zoom': {
-        code: '"zoom" in document.body.style || CSS.supports("zoom", "inherit")',
+        code: '"zoom" in document.body.style',
         exposure: ['Window']
       }
     });

unittest/unit/tests.js

@@ -34,7 +34,7 @@ const testDatabase = {
     exposure: ['Window', 'Worker']
   },
   'css.properties.font-family': {
-    code: '"fontFamily" in document.body.style || CSS.supports("font-family", "inherit")',
+    code: '"fontFamily" in document.body.style || "font-family" in document.body.style',
     exposure: ['Window']
   },
   'javascript.builtins.array': {