react-native-accessibility-engine/lib/commonjs/rules/link-role-misused/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"));

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 -> Adjustable Role"


describe('text component without an onPress prop', () => {
  // Correct usage - by default, text components come with accessibilityRole={text}
  it("doesn't throw if 'accessibilityRole' prop not defined", () => {
    const TestText = () => /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "This is a test.");

    expect(() => run( /*#__PURE__*/_react.default.createElement(TestText, null))).not.toThrowError(_.default.help.problem);
  }); // Correct usage

  it("doesn't throw if 'accessibilityRole' prop has a value other than 'link'", () => {
    const TestText = () => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
      accessibilityRole: 'text'
    }, "This is a test.");

    expect(() => run( /*#__PURE__*/_react.default.createElement(TestText, null))).not.toThrowError(_.default.help.problem);
  });
  it("throws if 'accessibilityRole' prop has the value 'link'", () => {
    const TestText = () => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
      accessibilityRole: 'link'
    }, "This is a test.");

    expect(() => run( /*#__PURE__*/_react.default.createElement(TestText, null))).toThrowError(_.default.help.problem);
  });
});
describe('text component with an onPress prop', () => {
  // This problem is captured by the link-role-required rule
  it("doesn't throw if 'accessibilityRole' prop not defined", () => {
    const TestText = () => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
      onPress: () => {}
    }, "This is a test.");

    expect(() => run( /*#__PURE__*/_react.default.createElement(TestText, null))).not.toThrowError(_.default.help.problem);
  }); // This problem is captured by the link-role-required rule

  it("doesn't throw if 'accessibilityRole' prop has a value other than 'link'", () => {
    const TestText = () => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
      onPress: () => {},
      accessibilityRole: 'text'
    }, "This is a test.");

    expect(() => run( /*#__PURE__*/_react.default.createElement(TestText, null))).not.toThrowError(_.default.help.problem);
  }); // Correct usage

  it("doesn't throw if 'accessibilityRole' prop has the value 'link'", () => {
    const TestText = () => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
      onPress: () => {},
      accessibilityRole: 'link'
    }, "This is a test.");

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