Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
"use strict";
const React = require("resource://devtools/client/shared/vendor/react.js");
const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
const {
connect,
} = require("resource://devtools/client/shared/vendor/react-redux.js");
const {
isFiltered,
} = require("resource://devtools/client/accessibility/utils/audit.js");
const {
FILTERS,
} = require("resource://devtools/client/accessibility/constants.js");
const {
accessibility: {
AUDIT_TYPE,
SCORES: { BEST_PRACTICES, FAIL, WARNING },
},
} = require("resource://devtools/shared/constants.js");
function validateCheck({ error, score }) {
return !error && [BEST_PRACTICES, FAIL, WARNING].includes(score);
}
const AUDIT_TYPE_TO_FILTER = {
[AUDIT_TYPE.CONTRAST]: {
filterKey: FILTERS.CONTRAST,
validator: validateCheck,
},
[AUDIT_TYPE.KEYBOARD]: {
filterKey: FILTERS.KEYBOARD,
validator: validateCheck,
},
[AUDIT_TYPE.TEXT_LABEL]: {
filterKey: FILTERS.TEXT_LABEL,
validator: validateCheck,
},
};
class AuditFilter extends React.Component {
static get propTypes() {
return {
checks: PropTypes.object,
children: PropTypes.any,
filters: PropTypes.object.isRequired,
};
}
isVisible(filters) {
return !isFiltered(filters);
}
shouldHide() {
const { filters, checks } = this.props;
if (this.isVisible(filters)) {
return false;
}
if (!checks || Object.values(checks).every(check => check == null)) {
return true;
}
for (const type in checks) {
if (
AUDIT_TYPE_TO_FILTER[type] &&
checks[type] &&
filters[AUDIT_TYPE_TO_FILTER[type].filterKey] &&
AUDIT_TYPE_TO_FILTER[type].validator(checks[type])
) {
return false;
}
}
return true;
}
render() {
return this.shouldHide() ? null : this.props.children;
}
}
const mapStateToProps = ({ audit: { filters } }) => {
return { filters };
};
module.exports = connect(mapStateToProps)(AuditFilter);