summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--app/components/Settings.js8
-rw-r--r--test/components/Settings.spec.js10
2 files changed, 9 insertions, 9 deletions
diff --git a/app/components/Settings.js b/app/components/Settings.js
index 7e72d620cd..520e18942e 100644
--- a/app/components/Settings.js
+++ b/app/components/Settings.js
@@ -80,16 +80,16 @@ export default class Settings extends Component {
<View style={styles.settings_account} testName='settings__account'>
{isOutOfTime ? (
<CellButton onPress={ this.props.onViewAccount }
- testName='settings__account_paid_until_label'>
+ testName='settings__account_paid_until_button'>
<Label>Account</Label>
- <SubText style={styles.settings__account_paid_until_label__error}>OUT OF TIME</SubText>
+ <SubText testName='settings__account_paid_until_subtext' style={styles.settings__account_paid_until_label__error}>OUT OF TIME</SubText>
<Icon height='12' width='7' source='icon-chevron' />
</CellButton>
) : (
<CellButton onPress={ this.props.onViewAccount }
- testName='settings__account_paid_until_label'>
+ testName='settings__account_paid_until_button'>
<Label>Account</Label>
- <SubText>{ formattedExpiry }</SubText>
+ <SubText testName='settings__account_paid_until_subtext'>{ formattedExpiry }</SubText>
<Icon height='12' width='7' source='icon-chevron' />
</CellButton>
)}
diff --git a/test/components/Settings.spec.js b/test/components/Settings.spec.js
index d8d30ab4df..8f0e4a73d4 100644
--- a/test/components/Settings.spec.js
+++ b/test/components/Settings.spec.js
@@ -108,14 +108,14 @@ describe('components/Settings', () => {
it('should show out-of-time message for unpaid account', () => {
const props = makeProps(unpaidAccountState, settingsState);
- const component = getComponent(render(props), 'settings__account_paid_until_label');
- expect(component.prop('subtext')).to.equal('OUT OF TIME');
+ const component = getComponent(render(props), 'settings__account_paid_until_subtext');
+ expect(component.children().text()).to.equal('OUT OF TIME');
});
it('should hide out-of-time message for paid account', () => {
const props = makeProps(loggedInAccountState, settingsState);
- const component = getComponent(render(props), 'settings__account_paid_until_label');
- expect(component.prop('subtext')).not.to.equal('OUT OF TIME');
+ const component = getComponent(render(props), 'settings__account_paid_until_subtext');
+ expect(component.children().text()).not.to.equal('OUT OF TIME');
});
it('should call close callback', (done) => {
@@ -138,7 +138,7 @@ describe('components/Settings', () => {
const props = makeProps(loggedInAccountState, settingsState, {
onViewAccount: () => done()
});
- const component = getComponent(render(props), 'settings__account_paid_until_label');
+ const component = getComponent(render(props), 'settings__account_paid_until_button');
click(component);
});