react-native-accessibility-engine
Version:
Make accessibility-related assertions on React Native code using React Test Renderer
160 lines (138 loc) • 6.95 kB
JavaScript
;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _slider = _interopRequireDefault(require("@react-native-community/slider"));
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]
});
};
describe('buttons', () => {
describe('if the disabled prop is not defined', () => {
it("throws if 'accessibilityState' 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))).not.toThrowError(_.default.help.problem);
});
it("throws if 'accessibilityState' prop equals empty object'", () => {
const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
accessibilityState: {}
}, /*#__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 'accessibilityState' prop equals an object that doesn't contain 'disabled' key", () => {
const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
accessibilityState: {
expanded: 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);
});
});
describe('if the disabled prop is defined', () => {
it("throws if 'accessibilityState' prop not defined", () => {
const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
disabled: false
}, /*#__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 'accessibilityState' prop equals empty object'", () => {
const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
disabled: false,
accessibilityState: {}
}, /*#__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 'accessibilityState' prop equals an object that doesn't contain 'disabled' key", () => {
const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
disabled: false,
accessibilityState: {
expanded: true
}
}, /*#__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 'accessibilityState' equals an object that contains the 'disabled = true' key-value pair", () => {
const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
disabled: false,
accessibilityState: {
disabled: 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("doesn't throw if 'accessibilityState' equals an object that contains the 'disabled = false' key-value pair", () => {
const Button = () => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
disabled: false,
accessibilityState: {
disabled: false
}
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
source: _assets.default.heart['32px']
}));
expect(() => run( /*#__PURE__*/_react.default.createElement(Button, null))).not.toThrowError(_.default.help.problem);
});
});
});
describe('sliders', () => {
describe('if disabeld prop is defined', () => {
it("throws if 'accessibilityState' prop not defined", () => {
const Wrapper = () => /*#__PURE__*/_react.default.createElement(_slider.default, {
disabled: false
});
expect(() => run( /*#__PURE__*/_react.default.createElement(Wrapper, null))).toThrowError(_.default.help.problem);
});
it("throws if 'accessibilityState' prop equals empty object'", () => {
const Wrapper = () => /*#__PURE__*/_react.default.createElement(_slider.default, {
disabled: false,
accessibilityState: {}
});
expect(() => run( /*#__PURE__*/_react.default.createElement(Wrapper, null))).toThrowError(_.default.help.problem);
});
it("throws if 'accessibilityState' prop equals an object that doesn't contain 'disabled' key", () => {
const Wrapper = () => /*#__PURE__*/_react.default.createElement(_slider.default, {
disabled: false,
accessibilityState: {
expanded: true
}
});
expect(() => run( /*#__PURE__*/_react.default.createElement(Wrapper, null))).toThrowError(_.default.help.problem);
});
it("doesn't throw if 'accessibilityState' equals an object that contains the 'disabled = true' key-value pair", () => {
const Wrapper = () => /*#__PURE__*/_react.default.createElement(_slider.default, {
disabled: true,
accessibilityState: {
disabled: true
}
});
expect(() => run( /*#__PURE__*/_react.default.createElement(Wrapper, null))).not.toThrowError(_.default.help.problem);
});
it("doesn't throw if 'accessibilityState' equals an object that contains the 'disabled = false' key-value pair", () => {
const Wrapper = () => /*#__PURE__*/_react.default.createElement(_slider.default, {
disabled: false,
accessibilityState: {
disabled: false
}
});
expect(() => run( /*#__PURE__*/_react.default.createElement(Wrapper, null))).not.toThrowError(_.default.help.problem);
});
});
});
//# sourceMappingURL=index.test.js.map