react-native-accessibility-engine/lib/commonjs/rules/checked-state-required/index.js

Make accessibility-related assertions on React Native code using React Test Renderer

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _helpers = require("../../helpers");

const allowedValues = [true, false, 'mixed'];
const allowedValuesMessage = allowedValues.join(' or ');
const rule = {
  id: 'checked-state-required',
  matcher: node => (0, _helpers.isCheckbox)(node),
  assertion: node => {
    var _node$props$accessibi;

    return allowedValues.includes((_node$props$accessibi = node.props.accessibilityState) === null || _node$props$accessibi === void 0 ? void 0 : _node$props$accessibi.checked);
  },
  help: {
    problem: "This component has an accessibility role of 'checkbox' but doesn't have a checked state",
    solution: `Set the 'accessibilityState' prop to an object like this: { checked: ${allowedValuesMessage} }`,
    link: 'https://www.w3.org/WAI/ARIA/apg/example-index/checkbox/checkbox.html'
  }
};
var _default = rule;
exports.default = _default;
//# sourceMappingURL=index.js.map