react-native-accessibility-engine/lib/commonjs/rules/pressable-accessible-required/index.test.js

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

"use strict";

var _react = _interopRequireDefault(require("react"));

var _reactNative = require("react-native");

var _ = _interopRequireDefault(require("."));

var _engine = _interopRequireDefault(require("../../engine"));

var _assets = _interopRequireDefault(require("@tests/assets"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

const run = component => {
  return (0, _engine.default)(component, {
    rules: [_.default.id]
  });
}; // To inspect these components, run the example app under "Rules -> Button Accessible"


describe('if element is not hidden', () => {
  it("doesn't throw if 'accessible' prop not defined (buttons are accessible by default)", () => {
    const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, null, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
      source: _assets.default.heart['32px']
    }));

    expect(() => run( /*#__PURE__*/_react.default.createElement(Button, null))).not.toThrowError(_.default.help.problem);
  });
  it("doesn't throw if 'accessible' prop is defined and equal to true", () => {
    const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
      accessible: true
    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
      source: _assets.default.heart['32px']
    }));

    expect(() => run( /*#__PURE__*/_react.default.createElement(Button, null))).not.toThrowError(_.default.help.problem);
  });
  it("throws if 'accessible' prop is defined and equal to false", () => {
    const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
      accessible: false
    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
      source: _assets.default.heart['32px']
    }));

    expect(() => run( /*#__PURE__*/_react.default.createElement(Button, null))).toThrowError(_.default.help.problem);
  });
});
describe('if element is hidden', () => {
  const hidden = {
    accessibilityElementsHidden: true,
    importantForAccessibility: 'no-hide-descendants'
  };
  it("doesn't throw if 'accessible' prop not defined (buttons are accessible by default)", () => {
    const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, hidden, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
      source: _assets.default.heart['32px']
    }));

    expect(() => run( /*#__PURE__*/_react.default.createElement(Button, null))).not.toThrowError(_.default.help.problem);
  });
  it("doesn't throw if 'accessible' prop is defined and equal to true", () => {
    const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({
      accessible: true
    }, hidden), /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
      source: _assets.default.heart['32px']
    }));

    expect(() => run( /*#__PURE__*/_react.default.createElement(Button, null))).not.toThrowError(_.default.help.problem);
  });
  it("doesn't throw if 'accessible' prop is defined and equal to false", () => {
    const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({
      accessible: false
    }, hidden), /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
      source: _assets.default.heart['32px']
    }));

    expect(() => run( /*#__PURE__*/_react.default.createElement(Button, null))).not.toThrowError(_.default.help.problem);
  });
});
//# sourceMappingURL=index.test.js.map