react-native-accessibility-engine/lib/commonjs/rules/pressable-role-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 }; }

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


it("throws if 'accessibilityRole' prop not defined", () => {
  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))).toThrowError(_.default.help.problem);
});
it("throws if 'accessibilityRole' prop has a value other than 'button', 'link', 'imagebutton', 'radio', or 'tab'", () => {
  const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    accessibilityRole: 'text'
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
    source: _assets.default.heart['32px']
  }));

  expect(() => run( /*#__PURE__*/_react.default.createElement(Button, null))).toThrowError(_.default.help.problem);
});
it("doesn't throw if 'accessibilityRole' prop has the value 'button'", () => {
  const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    accessibilityRole: 'button'
  }, /*#__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 'accessibilityRole' prop has the value 'link'", () => {
  const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    accessibilityRole: 'link'
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "This is a link."));

  expect(() => run( /*#__PURE__*/_react.default.createElement(Button, null))).not.toThrowError(_.default.help.problem);
});
it("doesn't throw if 'accessibilityRole' prop has the value 'imagebutton'", () => {
  const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    accessibilityRole: 'imagebutton'
  }, /*#__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 'accessibilityRole' prop has the value 'radio'", () => {
  const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    accessibilityRole: 'radio'
  }, /*#__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 'accessibilityRole' prop has the value 'tab'", () => {
  const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    accessibilityRole: 'tab'
  }, /*#__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