Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-02-28 05:10:49 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1286232 - Add scripts and tests to automate the css-properties-db. r=pbro

Browse Source 
--HG--
extra : rebase_source : b24ee31a2563e25ef46cb8068255f4e8ae4ffb13
This commit is contained in:
Greg Tatum 2016-07-21 06:54:00 -04:00
parent 2290b0bb8f
commit 03144dabc5
3 changed files with 83 additions and 1732 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
devtools/server/actors/css-properties.js
View File

@ -67,6 +67,7 @@ function generateCssProperties() {
return properties;
}
exports.generateCssProperties = generateCssProperties;
/**
* Test if a CSS is property is known using server-code.

1762
devtools/shared/css-properties-db.js
View File

File diff suppressed because one or more lines are too long

52
devtools/shared/tests/unit/test_css-properties-db.js
View File

@ -1,36 +1,48 @@
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
// Test that css-properties-db matches platform.
// Test that the devtool's client-side css-properties-db matches the values on the
// platform.
"use strict";
const DOMUtils = Components.classes["@mozilla.org/inspector/dom-utils;1"]
.getService(Components.interfaces.inIDOMUtils);
const {PSEUDO_ELEMENTS} = require("devtools/shared/css-properties-db");
const {PSEUDO_ELEMENTS, CSS_PROPERTIES} = require("devtools/shared/css-properties-db");
const {generateCssProperties} = require("devtools/server/actors/css-properties");
function run_test() {
// Check that the platform and client match for pseudo elements.
let foundPseudoElements = 0;
const platformPseudoElements = DOMUtils.getCSSPseudoElementNames();
const instructions = "If this assertion fails then it means that pseudo elements " +
"have been added, removed, or changed on the platform and need " +
"to be updated on the static client-side list of pseudo " +
"elements within the devtools. " +
"See devtools/shared/css-properties-db.js and " +
"exports.PSEUDO_ELEMENTS for information on how to update the " +
"list of pseudo elements to fix this test.";
deepEqual(PSEUDO_ELEMENTS, DOMUtils.getCSSPseudoElementNames(),
"If this assertion fails, then the client side CSS pseudo elements list in " +
"devtools is out of date with the pseudo elements on the platform. To fix " +
"this assertion open devtools/shared/css-properties-db.js and follow the " +
"instructions above the CSS_PSEUDO_ELEMENTS on how to re-generate the list.");
for (let element of PSEUDO_ELEMENTS) {
const hasElement = platformPseudoElements.includes(element);
ok(hasElement,
`"${element}" pseudo element from the client-side CSS properties database was ` +
`found on the platform. ${instructions}`);
foundPseudoElements += hasElement ? 1 : 0;
const propertiesErrorMessage = "If this assertion fails, then the client side CSS " +
"properties list in devtools is out of date with the " +
"CSS properties on the platform. To fix this " +
"assertion open devtools/shared/css-properties-db.js " +
"and follow the instructions above the CSS_PROPERTIES " +
"on how to re-generate the list.";
// Check that the platform and client match for CSS properties. Enumerate each property
// to aid in debugging.
const platformProperties = generateCssProperties();
for (let propertyName in CSS_PROPERTIES) {
const platformProperty = platformProperties[propertyName];
const clientProperty = CSS_PROPERTIES[propertyName];
deepEqual(platformProperty, clientProperty,
`Client and server match for "${propertyName}". ${propertiesErrorMessage}\n`);
}
equal(foundPseudoElements, platformPseudoElements.length,
`The client side CSS properties database of psuedo element names should match ` +
`those found on the platform. ${instructions}`);
// Filter out OS-specific properties.
const platformPropertyNames = Object.keys(platformProperties).filter(
name => name.indexOf("-moz-osx-") === -1);
const clientPlatformNames = Object.keys(CSS_PROPERTIES);
deepEqual(platformPropertyNames, clientPlatformNames,
`The client side CSS properties database names match those found on the ` +
`platform. ${propertiesErrorMessage}`);
}