diff --git a/AppIntroSlider.js b/AppIntroSlider.js index 4708763..22fe164 100644 --- a/AppIntroSlider.js +++ b/AppIntroSlider.js @@ -36,6 +36,7 @@ export default class AppIntroSlider extends React.Component { paginationStyle: null, showDoneButton: true, showNextButton: true, + testId: testID => ({ testID }), }; state = { width, @@ -117,6 +118,7 @@ export default class AppIntroSlider extends React.Component { }; _renderOuterButton = (content, name, onPress) => { + const { testId } = this.props; const style = name === 'Skip' || name === 'Prev' ? styles.leftButtonContainer : styles.rightButtonContainer; return ( @@ -124,6 +126,7 @@ export default class AppIntroSlider extends React.Component { {content} @@ -151,6 +154,8 @@ export default class AppIntroSlider extends React.Component { (!isFirstSlide && this._renderPrevButton()) || (!isLastSlide && this._renderSkipButton()); const btn = isLastSlide ? this._renderDoneButton() : this._renderNextButton(); + const { testId } = this.props; + return ( @@ -165,6 +170,7 @@ export default class AppIntroSlider extends React.Component { : this.props.dotStyle, ]} onPress={() => this._onPaginationPress(i)} + {...testId(`page_${i}`)} /> ))}