Can't pass testID to run my e2e test

[smakosh]

Details

• I'm using additionalInputsProps prop to pass a testID for each input but Detox is failing to type anything there or replace the text.

Example

<LiteCreditCardInput
  onChange={handleCreditCardInput}
  additionalInputsProps={{
    number: {
      testID: 'stripe-input-credit-card',
    },
    expiry: {
      testID: 'stripe-input-expiry',
    },
    cvc: {
      testID: 'stripe-input-cvc',
    },
  }}
/>

[smakosh]

@sbycrosz 👀

[Damimd10]

Hi @smakosh I test it with the same component and works for me, can you paste an example of your test code, please?

[smakosh]

Hi @smakosh I test it with the same component and works for me, can you paste an example of your test code, please?

Sure will do tomorrow morning

[smakosh]

Hey @Damimd10, Could you share your code snippet here.

I'm using Detox and here's the error log:

And here's my code snippet

<LiteCreditCardInput
  onChange={handleCreditCardInput}
  inputStyle={styles.creditCardInput}
  additionalInputsProps={{
    number: {
      testID: 'stripe-input-credit-card',
    },
    expiry: {
      testID: 'stripe-input-expiry',
    },
    cvc: {
      testID: 'stripe-input-cvc',
    },
  }}
/>

my e2e test snippet code responsible for that

....
await element(by.id('stripe-input-credit-card')).typeText(
  '5111111111111118'
)
await element(by.id('stripe-input-expiry')).typeText('1221')
await element(by.id('stripe-input-cvc')).typeText('123')
await element(by.id('confirm-payment')).tap()
....

Credit card credentials have been taken from Stripe docs

[designervoid]

@smakosh this is working on Android, but not working on iOS

[designervoid]

@smakosh are you using javascript in your e2e tests?

[smakosh]

@smakosh are you using javascript in your e2e tests?

Detox

[designervoid]

@smakosh yeah i understanding that. me too. but my tests written on typescript.

[designervoid]

here an example