From 75784b9bb7cef15f02dcbf44bec9fdf2f40e10f9 Mon Sep 17 00:00:00 2001
From: NejcZdovc <nejc.zdovc@3zsistemi.si>
Date: Sun, 5 Mar 2017 00:09:28 +0100
Subject: [PATCH] Fixed tests

---
 .../preferences/payment/advanceSettings.js    |  2 +-
 .../preferences/payment/bitcoinDashboard.js   |  2 +-
 .../preferences/payment/disabledContent.js    |  4 +-
 .../preferences/payment/enabledContent.js     | 21 ++++--
 .../preferences/payment/ledgerRecovery.js     |  2 +-
 .../preferences/payment/ledgerTable.js        |  2 +-
 .../components/preferences/paymentsTab.js     |  4 +-
 js/components/button.js                       |  4 +
 test/lib/selectors.js                         | 18 ++---
 test/unit/about/preferencesTest.js            | 13 +++-
 test/unit/app/renderer/paymentsTabTest.js     | 75 +++++++++++--------
 11 files changed, 88 insertions(+), 59 deletions(-)

diff --git a/app/renderer/components/preferences/payment/advanceSettings.js b/app/renderer/components/preferences/payment/advanceSettings.js
index 13a50ced50b..ca19e88b812 100644
--- a/app/renderer/components/preferences/payment/advanceSettings.js
+++ b/app/renderer/components/preferences/payment/advanceSettings.js
@@ -34,7 +34,7 @@ class AdvanceSettingsContent extends ImmutableComponent {
 
     // TODO translate seconds, minute and visits
     return <div className={css(paymentCommon.board)}>
-      <div className={css(paymentCommon.panel, styles.advancedSettings, commonStyles.noMarginTop, commonStyles.noMarginBottom)}>
+      <div className={css(paymentCommon.panel, styles.advancedSettings, commonStyles.noMarginTop, commonStyles.noMarginBottom)} data-test-id='advancedSettings'>
         <div className={css(styles.settingsPanelDivider, styles.deviderFirst)}>
           <div className={css(styles.minimumSetting)} data-l10n-id='minimumPageTimeSetting' />
           <SettingsList>
diff --git a/app/renderer/components/preferences/payment/bitcoinDashboard.js b/app/renderer/components/preferences/payment/bitcoinDashboard.js
index a4b5b59ac4d..09bb538829a 100644
--- a/app/renderer/components/preferences/payment/bitcoinDashboard.js
+++ b/app/renderer/components/preferences/payment/bitcoinDashboard.js
@@ -241,7 +241,7 @@ class BitcoinDashboard extends ImmutableComponent {
     window.addEventListener('message', this.onMessage.bind(this), false)
 
     // TODO remove bitcoinDashboard class
-    return <div className='bitcoinDashboard'>
+    return <div className='bitcoinDashboard' data-test-id='bitcoinDashboard'>
       {
         this.props.bitcoinOverlayVisible
           ? <ModalOverlay
diff --git a/app/renderer/components/preferences/payment/disabledContent.js b/app/renderer/components/preferences/payment/disabledContent.js
index 79f42b4d0be..89d205af725 100644
--- a/app/renderer/components/preferences/payment/disabledContent.js
+++ b/app/renderer/components/preferences/payment/disabledContent.js
@@ -20,8 +20,8 @@ const CoinBase2 = require('../../../../extensions/brave/img/coinbase_2x.png')
 
 class DisabledContent extends ImmutableComponent {
   render () {
-    return <div>
-      <div className={css(styles.paymentsMessage, styles.walletBarMargin)}>
+    return <div data-test-id='disabledContent'>
+      <div className={css(styles.paymentsMessage, styles.walletBarMargin)} data-test-id='paymentsMessage'>
         <h3 className={css(styles.h3)} data-l10n-id='paymentsWelcomeTitle' />
         <div className={css(styles.text)} data-l10n-id='paymentsWelcomeText1' />
         <div className={css(styles.boldText, styles.text)} data-l10n-id='paymentsWelcomeText2' />
diff --git a/app/renderer/components/preferences/payment/enabledContent.js b/app/renderer/components/preferences/payment/enabledContent.js
index e379e6f6a02..bc085991e9d 100644
--- a/app/renderer/components/preferences/payment/enabledContent.js
+++ b/app/renderer/components/preferences/payment/enabledContent.js
@@ -21,6 +21,7 @@ const LedgerTable = require('./ledgerTable')
 // style
 const globalStyles = require('../../styles/global')
 const {paymentStyles} = require('../../styles/payment')
+const commonStyles = require('../../styles/commonStyles')
 const cx = require('../../../../../js/lib/classSet')
 
 // other
@@ -39,14 +40,14 @@ class EnabledContent extends ImmutableComponent {
       ? this.props.showOverlay.bind(this, 'addFunds')
       : (ledgerData.get('creating') ? () => {} : this.createWallet(ledgerData))
 
-    return <Button data-test-id={buttonText}
+    return <Button
+      testId={buttonText}
+      test2Id={'addFunds'}
       l10nId={buttonText}
-      className={cx({
-        primaryButton: true,
-        [css(styles.addFunds)]: true
-      })}
+      className={css(commonStyles.buttonPrimary, styles.addFunds)}
       onClick={onButtonClick.bind(this)}
-      disabled={ledgerData.get('creating')} />
+      disabled={ledgerData.get('creating')}
+    />
   }
 
   paymentHistoryButton (ledgerData) {
@@ -71,6 +72,7 @@ class EnabledContent extends ImmutableComponent {
     const onButtonClick = this.props.showOverlay.bind(this, 'paymentHistory')
 
     return <Button
+      testId='paymentHistoryButton'
       className={css(styles.paymentHistoryButton)}
       l10nId={buttonText}
       l10nArgs={l10nDataArgs}
@@ -184,7 +186,7 @@ class EnabledContent extends ImmutableComponent {
     const walletStatus = this.walletStatus(ledgerData)
 
     return <div>
-      <div className={css(styles.walletBar)}>
+      <div className={css(styles.walletBar)} data-test-id='walletBar'>
         <table>
           <thead>
             <tr className={css(styles.tableTr)}>
@@ -233,7 +235,10 @@ class EnabledContent extends ImmutableComponent {
                 }
               </td>
               <td className={css(styles.tableTd)}>
-                <div data-l10n-id={walletStatus.id} data-l10n-args={walletStatus.args ? JSON.stringify(walletStatus.args) : null} />
+                <div data-test-id='walletStatus'
+                  data-l10n-id={walletStatus.id}
+                  data-l10n-args={walletStatus.args ? JSON.stringify(walletStatus.args) : null}
+                />
                 {this.nextReconcileMessage(ledgerData)}
               </td>
             </tr>
diff --git a/app/renderer/components/preferences/payment/ledgerRecovery.js b/app/renderer/components/preferences/payment/ledgerRecovery.js
index 84c44ecf4cd..7874b2e16a7 100644
--- a/app/renderer/components/preferences/payment/ledgerRecovery.js
+++ b/app/renderer/components/preferences/payment/ledgerRecovery.js
@@ -69,7 +69,7 @@ class LedgerRecoveryContent extends ImmutableComponent {
       {
         (recoverySucceeded === false && recoveryError && isNetworkError)
           ? <div className={css(styles.recoveryOverlay)}>
-            <h1 className={css(styles.recoveryOverlay__h1)} data-l10n-id='ledgerRecoveryNetworkFailedTitle' />
+            <h1 className={css(styles.recoveryOverlay__h1)} data-l10n-id='ledgerRecoveryNetworkFailedTitle' data-test-id='recoveryError' />
             <p className={css(styles.recoveryOverlay__p, styles.spaceAround)}
               data-l10n-id='ledgerRecoveryNetworkFailedMessage'
             />
diff --git a/app/renderer/components/preferences/payment/ledgerTable.js b/app/renderer/components/preferences/payment/ledgerTable.js
index 002ac457b01..45c03110acf 100644
--- a/app/renderer/components/preferences/payment/ledgerTable.js
+++ b/app/renderer/components/preferences/payment/ledgerTable.js
@@ -150,7 +150,7 @@ class LedgerTable extends ImmutableComponent {
     if (!this.synopsis || !this.synopsis.size) {
       return null
     }
-    return <div>
+    return <div data-test-id='ledgerTable'>
       <div className={css(styles.hideExcludedSites)}>
         <div className={css(styles.columnOffset)} />
         <div className={css(styles.rightColumn)}>
diff --git a/app/renderer/components/preferences/paymentsTab.js b/app/renderer/components/preferences/paymentsTab.js
index 550477e9d12..8f233cf1387 100644
--- a/app/renderer/components/preferences/paymentsTab.js
+++ b/app/renderer/components/preferences/paymentsTab.js
@@ -80,7 +80,7 @@ class PaymentsTab extends ImmutableComponent {
     return <div className={cx({
       paymentsContainer: true,
       [css(styles.paymentsContainer)]: true
-    })}>
+    })} data-test-id='paymentsContainer'>
       {
       this.enabled && this.props.addFundsOverlayVisible
         ? <ModalOverlay title={this.overlayTitle} content={this.overlayContent} onHide={this.props.hideOverlay.bind(this, 'addFunds')} />
@@ -166,7 +166,7 @@ class PaymentsTab extends ImmutableComponent {
           <span className='sectionSubTitle'>beta</span>
         </div>
         <div className={css(styles.paymentsSwitches)}>
-          <div className={css(styles.switchWrap)}>
+          <div className={css(styles.switchWrap)} data-test-id='enablePaymentsSwitch'>
             <span data-l10n-id='off' />
             <SettingCheckbox dataL10nId='on'
               prefKey={settings.PAYMENTS_ENABLED}
diff --git a/js/components/button.js b/js/components/button.js
index cb8bf46f114..a2083b40e81 100644
--- a/js/components/button.js
+++ b/js/components/button.js
@@ -11,6 +11,8 @@ class Button extends ImmutableComponent {
     if (this.props.iconClass) {
       return <button disabled={this.props.disabled}
         data-l10n-id={this.props.l10nId}
+        data-test-id={this.props.testId}
+        data-test2-id={this.props.test2Id}
         style={this.props.inlineStyles}
         data-button-value={this.props.dataButtonValue}
         className={cx({
@@ -23,6 +25,8 @@ class Button extends ImmutableComponent {
     }
     return <button disabled={this.props.disabled}
       data-l10n-id={this.props.l10nId}
+      data-test-id={this.props.testId}
+      data-test2-id={this.props.test2Id}
       data-l10n-args={JSON.stringify(this.props.l10nArgs || {})}
       style={this.props.inlineStyles}
       className={cx({
diff --git a/test/lib/selectors.js b/test/lib/selectors.js
index e0c0db8641d..b7f980bd3e0 100644
--- a/test/lib/selectors.js
+++ b/test/lib/selectors.js
@@ -66,14 +66,14 @@ module.exports = {
   doneButton: '[data-l10n-id="done"]',
   homepageInput: '[data-l10n-id="homepageInput"]',
   syncSwitch: '.syncContainer .switchBackground',
-  walletSwitch: '.enablePaymentsSwitch .switchBackground',
-  addFundsButton: '.addFunds',
-  advancedSettings: '.advancedSettings',
+  walletSwitch: '[data-test-id="enablePaymentsSwitch"] .switchBackground',
+  addFundsButton: '[data-test2-id="addFunds"]',
+  advancedSettings: '[data-l10n-id="advancedSettings"]',
   fundsSelectBox: '[data-test-id="fundsSelectBox"]',
-  paymentsStatus: '.walletStatus',
+  paymentsStatus: '[data-test-id="walletStatus"]',
   siteSettingItem: '.siteSettingItem',
-  ledgerTable: '.ledgerTable',
-  bitcoinDashboard: '.bitcoinDashboard',
+  ledgerTable: '[data-test-id="ledgerTable"]',
+  bitcoinDashboard: '[data-test-id="bitcoinDashboard"]',
   advancedSettingsButton: '[data-l10n-id="advancedSettings"]',
   backupWallet: '[data-l10n-id="backupLedger"]',
   recoverWallet: '[data-l10n-id="recoverLedger"]',
@@ -81,13 +81,13 @@ module.exports = {
   recoveryOverlayOkButton: '.recoveryOverlay [data-l10n-id="ok"]',
   saveWalletFile: '[data-l10n-id="saveRecoveryFile"]',
   balanceRecovered: '[data-l10n-id="balanceRecovered"]',
-  balanceNotRecovered: '.recoveryError',
+  balanceNotRecovered: '[data-test-id="recoveryError"]',
   modalCloseButton: 'button.close',
   coinbaseBuyButton: '[data-l10n-id="add"]',
   paymentQRCode: '[title="Brave wallet QR code"]',
   removeButton: '[data-l10n-id="remove"]',
-  paymentHistoryButton: '.paymentHistoryButton',
-  paymentsWelcomePage: '.paymentsMessage',
+  paymentHistoryButton: '[data-test-id="paymentHistoryButton"]',
+  paymentsWelcomePage: '[data-test-id="paymentsMessage"',
   autofillAddressPanel: '.autofillAddressPanel',
   autofillCreditCardPanel: '.autofillCreditCardPanel',
   allowRunInsecureContentButton: '.allowRunInsecureContentButton',
diff --git a/test/unit/about/preferencesTest.js b/test/unit/about/preferencesTest.js
index 369b2e6027e..5df9d1193b3 100644
--- a/test/unit/about/preferencesTest.js
+++ b/test/unit/about/preferencesTest.js
@@ -33,8 +33,17 @@ describe('Preferences component', function () {
     mockery.registerMock('../../../extensions/brave/img/preferences/browser_prefs_payments.svg', 'browser_prefs_payments.svg')
     mockery.registerMock('../../../extensions/brave/img/preferences/browser_prefs_sync.svg', 'browser_prefs_sync.svg')
     mockery.registerMock('../../../extensions/brave/img/preferences/browser_prefs_advanced.svg', 'browser_prefs_advanced.svg')
-    mockery.registerMock('../../../extensions/brave/img/ledger/verified_green_icon.svg')
-    mockery.registerMock('../../../extensions/brave/img/ledger/verified_white_icon.svg')
+    mockery.registerMock('../../../../extensions/brave/img/ledger/verified_green_icon.svg')
+    mockery.registerMock('../../../../extensions/brave/img/ledger/verified_white_icon.svg')
+    mockery.registerMock('../../../../extensions/brave/img/private_internet_access.png')
+    mockery.registerMock('../../../../extensions/brave/img/private_internet_access_2x.png')
+    mockery.registerMock('../../../../extensions/brave/img/bitgo.png')
+    mockery.registerMock('../../../../extensions/brave/img/bitgo_2x.png')
+    mockery.registerMock('../../../../extensions/brave/img/coinbase.png')
+    mockery.registerMock('../../../../extensions/brave/img/coinbase_2x.png')
+    mockery.registerMock('../../../../extensions/brave/img/coinbase_logo.png')
+    mockery.registerMock('../../../../extensions/brave/img/android_download.svg')
+    mockery.registerMock('../../../../extensions/brave/img/ios_download.svg')
 
     window.chrome = fakeElectron
     window.CustomEvent = {}
diff --git a/test/unit/app/renderer/paymentsTabTest.js b/test/unit/app/renderer/paymentsTabTest.js
index 0591eb683b4..e22c1c3e891 100644
--- a/test/unit/app/renderer/paymentsTabTest.js
+++ b/test/unit/app/renderer/paymentsTabTest.js
@@ -4,12 +4,13 @@
 /* global describe, before, after, it */
 
 const mockery = require('mockery')
-const {mount, shallow} = require('enzyme')
+const {mount} = require('enzyme')
 const assert = require('assert')
 const Immutable = require('immutable')
 const fakeElectron = require('../../lib/fakeElectron')
 const fakeSettings = require('../../lib/fakeSettings')
-let PaymentsTab
+const {btcToCurrencyString} = require('../../../../app/common/lib/ledgerUtil')
+let PaymentsTab, EnabledContent
 require('../../braveUnit')
 
 describe('PaymentsTab component', function () {
@@ -34,12 +35,24 @@ describe('PaymentsTab component', function () {
     mockery.registerMock('../../../extensions/brave/img/preferences/browser_prefs_payments.svg', 'browser_prefs_payments.svg')
     mockery.registerMock('../../../extensions/brave/img/preferences/browser_prefs_sync.svg', 'browser_prefs_sync.svg')
     mockery.registerMock('../../../extensions/brave/img/preferences/browser_prefs_advanced.svg', 'browser_prefs_advanced.svg')
+    mockery.registerMock('../../../../extensions/brave/img/ledger/verified_green_icon.svg')
+    mockery.registerMock('../../../../extensions/brave/img/ledger/verified_white_icon.svg')
+    mockery.registerMock('../../../../extensions/brave/img/private_internet_access.png')
+    mockery.registerMock('../../../../extensions/brave/img/private_internet_access_2x.png')
+    mockery.registerMock('../../../../extensions/brave/img/bitgo.png')
+    mockery.registerMock('../../../../extensions/brave/img/bitgo_2x.png')
+    mockery.registerMock('../../../../extensions/brave/img/coinbase.png')
+    mockery.registerMock('../../../../extensions/brave/img/coinbase_2x.png')
+    mockery.registerMock('../../../../extensions/brave/img/coinbase_logo.png')
+    mockery.registerMock('../../../../extensions/brave/img/android_download.svg')
+    mockery.registerMock('../../../../extensions/brave/img/ios_download.svg')
 
     mockery.registerMock('electron', fakeElectron)
     mockery.registerMock('../../../../js/settings', fakeSettings)
     fakeSettings.mockReturnValue = false
     window.chrome = fakeElectron
     PaymentsTab = require('../../../../app/renderer/components/preferences/paymentsTab')
+    EnabledContent = require('../../../../app/renderer/components/preferences/payment/enabledContent')
   })
   after(function () {
     mockery.disable()
@@ -47,35 +60,35 @@ describe('PaymentsTab component', function () {
 
   describe('wallet enabled and disabled state', function () {
     it('renders disabled content by default', function () {
-      const wrapper = shallow(<PaymentsTab ledgerData={Immutable.Map()} />)
-      assert.equal(wrapper.find('.disabledContent').length, 1)
+      const wrapper = mount(<PaymentsTab ledgerData={Immutable.Map()} />)
+      assert.equal(wrapper.find('[data-test-id="disabledContent"]').length, 1)
     })
 
     it('renders enabled content when enabled', function () {
       fakeSettings.mockReturnValue = true
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           ledgerData={Immutable.Map()}
           showOverlay={function () {}} />
       )
-      assert.equal(wrapper.find('.disabledContent').length, 0)
-      assert.equal(wrapper.find('.walletBar').length, 1)
+      assert.equal(wrapper.find('[data-test-id="disabledContent"]').length, 0)
+      assert.equal(wrapper.find('[data-test-id="walletBar"]').length, 1)
     })
   })
 
   describe('rendering functions', function () {
     it('renders a paymentsContainer', function () {
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           ledgerData={Immutable.Map()}
           showOverlay={function () {}} />
       )
-      assert(wrapper.find('.paymentsContainer'))
-      assert.equal(wrapper.find('.paymentsContainer').length, 1)
+      assert(wrapper.find('[data-test-id="paymentsContainer"]'))
+      assert.equal(wrapper.find('[data-test-id="paymentsContainer"]').length, 1)
     })
 
     it('does not render any dialogs by default', function () {
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           ledgerData={Immutable.Map()}
           showOverlay={function () {}} />
@@ -84,7 +97,7 @@ describe('PaymentsTab component', function () {
     })
 
     it('renders the create wallet button by default', function () {
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           ledgerData={Immutable.Map()}
           showOverlay={function () {}} />
@@ -93,7 +106,7 @@ describe('PaymentsTab component', function () {
     })
 
     it('renders the add funds button when wallet is created', function () {
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           showOverlay={function () {}}
           hideOverlay={function () {}}
@@ -104,7 +117,7 @@ describe('PaymentsTab component', function () {
     })
 
     it('renders the creating wallet button when wallet is still being created', function () {
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           showOverlay={function () {}}
           hideOverlay={function () {}}
@@ -115,40 +128,40 @@ describe('PaymentsTab component', function () {
     })
 
     it('renders payment history button (requires wallet and reconcileStamp)', function () {
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           showOverlay={function () {}}
           hideOverlay={function () {}}
           ledgerData={Immutable.Map({created: true, transactions: {size: 3}, reconcileStamp: 1})} />
       )
-      assert.equal(wrapper.find('.paymentHistoryButton').length, 1)
+      assert.equal(wrapper.find('[data-test-id="paymentHistoryButton"]').length, 1)
     })
 
     it('does not render payment history button when wallet is not created', function () {
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           showOverlay={function () {}}
           hideOverlay={function () {}}
           ledgerData={Immutable.Map({created: false, balance: null})} />
       )
-      assert.equal(wrapper.find('.paymentHistoryButton').length, 0)
+      assert.equal(wrapper.find('[data-test-id="paymentHistoryButton"]').length, 0)
     })
 
     it('does not render payment history button when reconcileStamp is not set', function () {
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           showOverlay={function () {}}
           hideOverlay={function () {}}
           ledgerData={Immutable.Map({created: true, transactions: {size: 3}})} />
       )
-      assert.equal(wrapper.find('.paymentHistoryButton').length, 0)
+      assert.equal(wrapper.find('[data-test-id="paymentHistoryButton"]').length, 0)
     })
   })
 
   describe('fundsamount functionality', function () {
     it('does not display if wallet not created', function () {
       fakeSettings.mockReturnValue = true
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           showOverlay={function () {}}
           hideOverlay={function () {}}
@@ -160,7 +173,7 @@ describe('PaymentsTab component', function () {
 
     it('handles missing balance', function () {
       fakeSettings.mockReturnValue = true
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           showOverlay={function () {}}
           hideOverlay={function () {}}
@@ -171,7 +184,7 @@ describe('PaymentsTab component', function () {
 
     it('handles expected balance', function () {
       fakeSettings.mockReturnValue = true
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           showOverlay={function () {}}
           hideOverlay={function () {}}
@@ -182,26 +195,24 @@ describe('PaymentsTab component', function () {
 
     it('renders full balance correctly', function () {
       fakeSettings.mockReturnValue = true
-      const wrapper = shallow(
+      const wrapper = mount(
         <PaymentsTab
           showOverlay={function () {}}
           hideOverlay={function () {}}
           ledgerData={Immutable.Map({created: false, btc: 10, amount: 10})} />
       )
       const inst = wrapper.instance()
-      assert.equal(inst.btcToCurrencyString(10), '10.00 USD')
+      assert.equal(btcToCurrencyString(10, inst.props.ledgerData), '10.00 USD')
     })
 
     it('renders partial balance correctly', function () {
       fakeSettings.mockReturnValue = true
-      const wrapper = shallow(
-        <PaymentsTab
-          showOverlay={function () {}}
-          hideOverlay={function () {}}
+      const wrapper = mount(
+        <EnabledContent
           ledgerData={Immutable.Map({created: false, btc: 10, amount: 2})} />
       )
       const inst = wrapper.instance()
-      assert.equal(inst.btcToCurrencyString(10), '2.00 USD')
+      assert.equal(btcToCurrencyString(10, inst.props.ledgerData), '2.00 USD')
     })
   })
 
@@ -215,7 +226,7 @@ describe('PaymentsTab component', function () {
           hideOverlay={function () {}}
           ledgerData={Immutable.Map()} />
       )
-      assert.equal(wrapper.find('.advancedSettings').length, 1)
+      assert.equal(wrapper.find('[data-test-id="advancedSettings"]').length, 1)
       assert.equal(wrapper.find('[data-test-id="durationSelector"]').node.value, 8000)
     })
 
@@ -228,7 +239,7 @@ describe('PaymentsTab component', function () {
           hideOverlay={function () {}}
           ledgerData={Immutable.Map()} />
       )
-      assert.equal(wrapper.find('.advancedSettings').length, 1)
+      assert.equal(wrapper.find('[data-test-id="advancedSettings"]').length, 1)
       assert.equal(wrapper.find('[data-test-id="visitSelector"]').node.value, 1)
     })
   })