Revisions for ⁨the way I am trying to reach stripe elements⁩

@@ -0,0 +1,26 @@

+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();
\ No newline at end of file