mirror of
https://github.com/zoriya/react-native-web.git
synced 2026-05-28 00:32:17 +00:00
[fix] accessibilityLiveRegion values
This commit is contained in:
@@ -8,7 +8,7 @@ exports[`modules/createDOMElement prop "accessibilityLabel" 1`] = `
|
||||
|
||||
exports[`modules/createDOMElement prop "accessibilityLiveRegion" 1`] = `
|
||||
<span
|
||||
aria-live="polite"
|
||||
aria-live="off"
|
||||
/>
|
||||
`;
|
||||
|
||||
|
||||
@@ -18,7 +18,7 @@ describe('modules/createDOMElement', () => {
|
||||
});
|
||||
|
||||
test('prop "accessibilityLiveRegion"', () => {
|
||||
const accessibilityLiveRegion = 'polite';
|
||||
const accessibilityLiveRegion = 'none';
|
||||
const component = renderer.create(createDOMElement('span', { accessibilityLiveRegion }));
|
||||
expect(component.toJSON()).toMatchSnapshot();
|
||||
});
|
||||
|
||||
@@ -57,7 +57,7 @@ const getAccessibilityComponent = (props = emptyObject) => {
|
||||
const level = props['aria-level'] || 1;
|
||||
return `h${level}`;
|
||||
}
|
||||
return roleComponents[role]
|
||||
return roleComponents[role];
|
||||
};
|
||||
|
||||
const createDOMElement = (component, rnProps) => {
|
||||
|
||||
@@ -45,8 +45,8 @@ const createDOMProps = (rnProps, resolveStyle) => {
|
||||
if (accessibilityLabel) {
|
||||
domProps['aria-label'] = accessibilityLabel;
|
||||
}
|
||||
if (accessibilityLiveRegion) {
|
||||
domProps['aria-live'] = accessibilityLiveRegion;
|
||||
if (typeof accessibilityLiveRegion === 'string') {
|
||||
domProps['aria-live'] = accessibilityLiveRegion === 'none' ? 'off' : accessibilityLiveRegion;
|
||||
}
|
||||
if (className && className !== '') {
|
||||
domProps.className = domProps.className ? `${domProps.className} ${className}` : className;
|
||||
|
||||
@@ -3,7 +3,7 @@ const { array, bool, number, object, oneOf, oneOfType, string } = PropTypes;
|
||||
|
||||
const BaseComponentPropTypes = {
|
||||
accessibilityLabel: string,
|
||||
accessibilityLiveRegion: oneOf(['assertive', 'off', 'polite']),
|
||||
accessibilityLiveRegion: oneOf(['assertive', 'none', 'polite']),
|
||||
accessibilityRole: string,
|
||||
accessible: bool,
|
||||
style: oneOfType([array, number, object]),
|
||||
|
||||
Reference in New Issue
Block a user