Behat- 如何在 Stripe 订单结账表上测试信用卡号？

Question

我将 Behat 与 Mink 和 Drupal 扩展一起使用来测试我的 Drupal 8 网站。我已经在 Docker 上通过 Selenium 服务器进行了测试运行，所以我可以观看它们的进行。

我的测试非常简单，只需填写表格并确保结果符合预期，如下所示：

And I fill in "Sesame Street" for "Street address"
And I fill in "FamilyName" for "Last name"

但是，我无法让它与信用卡字段一起使用。这是我目前尝试的方法。

And I fill in "4242424242424242" for "The card number"
And I fill in "4242424242424242" for "edit-payment-information-add-payment-method-payment-details-card-number"
And I fill in "4242424242424242" for "card-number-element"

所有这些都给出相同的错误：

 Form field with id|name|label|value|placeholder "The card number" not found. (Behat\Mink\Exception\ElementNotFoundException)

注意：此测试站点配置为使用 Stripe 测试网关，我正在尝试使用测试信用卡号。没有真正的卡号会触及这个系统。

我认为这是因为信用卡支付是使用 Stripe 库处理的，它使用了一些我不熟悉的特殊类型的 HTML 结构。下面是HTML：

<div data-drupal-selector="edit-payment-information-add-payment-method" class="form-group js-form-wrapper form-wrapper" id="edit-payment-information-add-payment-method"><div class="stripe-form form-group js-form-wrapper form-wrapper" data-drupal-selector="edit-payment-information-add-payment-method-payment-details" id="edit-payment-information-add-payment-method-payment-details"><div id="payment-errors"></div><input id="stripe_token" data-drupal-selector="edit-payment-information-add-payment-method-payment-details-stripe-token" type="hidden" name="payment_information[add_payment_method][payment_details][stripe_token]" value="" /><div id="edit-payment-information-add-payment-method-payment-details-card-number" class="form-item js-form-item form-type-item js-form-type-item form-item-payment-information-add-payment-method-payment-details-card-number js-form-item-payment-information-add-payment-method-payment-details-card-number form-group"><label class="js-form-required form-required control-label" for="edit-payment-information-add-payment-method-payment-details-card-number">The card number</label><div id="card-number-element" class="form-text"></div></div>

如何使用Behat输入信用卡并填写测试卡号？

编辑：即使我等待，我也会得到同样的错误：

And I wait 5 seconds

Answer 1

我在您提供的代码中看到的唯一输入字段是一个隐藏字段。所以我想您要访问的字段是在 #card-number-element div.

中动态生成的客户端

在这种情况下，您需要确保浏览器已完成页面加载，然后才能检查这是否有效。如果您使用自定义定义，您可以在上下文文件中使用 Mink 的会话 wait() 方法。或者，您可以在使用 selenium 进行测试时尝试使用不同的浏览器。

Answer 2

这里有两件事：

stripe field在iframe中，搜索包含stripe field的iframe，切换到iframe，然后使用我之前填写的正则。
1. 要使用带条纹字段的测试卡，您必须切换到条纹测试模式： Stripe_test_mode

Answer 3

您好，您需要切换到条带化 iframe：

/**
 * @When /^I fill stripe credit card informations$/
 */
public function fillCreditCardInformations(int $card = 0)
{
     ...
     $this->switchToIFrame('iframe[name^="__privateStripeFrame"]');
     $this->fillField('cardnumber', self::CARDS[$card]);
     ...
}

/**
 * @Given /^I switch to iframe "([^"]*)"$/
 */
public function switchToIFrame(string $locator)
{
    $found = false;
    $selector = '/' === $locator[0] ? 'xpath' : 'css';
    $iframes = $this->getSession()->getPage()->findAll($selector, $locator);

    foreach ($iframes as $iframe) {
        try {
            if ($name = $iframe->getAttribute('name')) {
                $this->getSession()->getDriver()->switchToIFrame($name);
                $found = true;
                break;
            }
        } catch (Exception $e) {
            //ignoring
        }
    }

    if (!$found) {
        throw new InvalidArgumentException(sprintf('Could not evaluate CSS Selector: "%s"', $locator));
    }
}

Behat- 如何在 Stripe 订单结账表上测试信用卡号？

Behat- How do I test a credit card number on a Stripe order checkout form?

drupal

behat

mink

stripe-payments