describe('checkout webview', () => {
  beforeEach(async () => {
    await device.launchApp({ newInstance: true });
    await element(by.id('CHECKOUT.OPEN_BUTTON')).tap();
  });

  it('submits the embedded payment form', async () => {
    const checkoutWebView = web(by.id('CHECKOUT.WEBVIEW'));
    const nameField = checkoutWebView.element(by.web.id('cardholder-name'));
    const payButton = checkoutWebView.element(by.web.id('pay-button'));
    const status = checkoutWebView.element(by.web.id('payment-status'));

    await expect(nameField).toExist();
    await nameField.typeText('Test Buyer');
    await payButton.tap();
    await expect(status).toHaveText('Payment ready');
  });
});