const Page = require('./page');

class SettingsPage extends Page {
   
    get stripeCardNumberInput () { 
        let outerDiv = $('#stripeCheckout')
        return outerDiv.$('.InputElement') 
    } // $('[name="cardnumber"]')
    get stripeCardExpiryInput () { return  } // $('[name="cardExpiry"]')
    get stripeCardCVCInput () { return  } // $('[name="cvc"]')
    get subscribeButton () { return $('#subscribeButton') }

    async waitForStripeCheckout () {
        $('#stripeCheckout').waitForClickable({ timeout:5000 })
        // $('#stripeCheckout').waitForExist({ timeout:5000 })
    }

    async enterCardDetailsAndSubmit (cardNumber, cardExpiry, cvc) {
        await this.stripeCardNumberInput.setValue(cardNumber);
        await this.stripeCardExpiryInput.setValue(cardExpiry);
        await this.stripeCardCVCInput.setValue(cvc);
        await this.subscribeButton.click();
    }
}

module.exports = new SettingsPage();