6931b8f2fb
Allows to bind a click handler to a TestHint. When a mobile test wants to click an UI element it must be able to locate it through the accessibility layer. Now the problem with that is that there is currently no uniform way for finding element on both iOS and Android. This problem is solved by TestHint component which takes an id parameter which then can be specified in the corresponding java TestHint class in jitsi-meet-torture to easily find it. By being able to add a click handler to a TestHint, it's possible to duplicate original handler under nested TestHint and then find it easily on the torture side.
50 lines
1.7 KiB
JavaScript
50 lines
1.7 KiB
JavaScript
/* @flow */
|
|
|
|
import React, { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { Text } from 'react-native';
|
|
|
|
import type { TestHintProps } from './AbstractTestHint';
|
|
import { _mapStateToProps } from './AbstractTestHint';
|
|
|
|
/**
|
|
* The Android version of <code>TestHint</code>. It will put the identifier,
|
|
* as the 'accessibilityLabel'.
|
|
*
|
|
* FIXME The 'testID' attribute (which is used on iOS) does not work with
|
|
* the react-native as expected, because is mapped to component's tag instead of
|
|
* any attribute visible to the UI automation. Because of that it can not be
|
|
* used to find the element.
|
|
* On the other hand it's not possible to use 'accessibilityLabel' on the iOS
|
|
* for the id purpose, because it will merge the value with any text content or
|
|
* 'accessibilityLabel' values of it's children. So as a workaround a TestHint
|
|
* class was introduced in 'jitsi-meet-torture' which will accept generic 'id'
|
|
* attribute and then do the search 'under the hood' either by the accessibility
|
|
* label or the id, depending on the participant's platform. On the client side
|
|
* the TestHint class is to be the abstraction layer which masks the problem by
|
|
* exposing id and value properties.
|
|
*/
|
|
class TestHint extends Component<TestHintProps> {
|
|
|
|
/**
|
|
* Renders the test hint on Android.
|
|
*
|
|
* @returns {ReactElement}
|
|
*/
|
|
render() {
|
|
if (!this.props._testModeEnabled) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Text
|
|
accessibilityLabel = { this.props.id }
|
|
onPress = { this.props.onPress } >
|
|
{ this.props.value }
|
|
</Text>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default connect(_mapStateToProps)(TestHint);
|