Select JS 中的第二个提交按钮

Question

我想使用 TestCafe 单击表单中的提交按钮。这是按钮的样子：

<button type="submit" class="btn btn-lg btn-cart pull-left">
<span class="hidden-xs hidden-sm">
     <i class="fa fa-shopping-basket"></i>&nbsp;&nbsp;
</span>
     Add To Cart
</button>

此按钮在表单内：

<form name="product1" action="domain.tld/product" method="post" role="form">
</form>

在我的测试中，我想将产品添加到购物车：

test('add it', async t =>{
     await t
          .click(Selector('button[type="submit"]'))
});

问题是，nabber 中有另一个类型为提交的按钮。我如何使用这个特定按钮将我的产品添加到购物车？

Answer 1

提交第二个表格：

$('form').eq(1).submit();

您不需要找到提交按钮并点击该按钮。相反，您可以只在表单本身上调用 .submit()。

Answer 2

您可以使用更具体的选择器通过此按钮执行操作。例如，如果此按钮具有另一个提交按钮没有的 class，则使用它来制作更具选择性的选择器。

让我们考虑一个例子。另一个提交按钮没有 pull-left class。使用以下选择器 Selector('button[type="submit"].pull-left') 或 Selector('.btn.pull-left').

如果这些按钮没有区别，可以使用Selector的方法nth(index):Selector('button[type="submit"]').nth(1)。在 our documentation.

中查看更多内容

Select JS 中的第二个提交按钮

Select second submit button in JS

javascript

testing

automated-tests

form-submit

testcafe