css - Zombie.js 在页面上找不到按钮元素

Question

我正在尝试使用zombie.js 提交表单，而pressButton() 失败并显示“错误：没有按钮'xxx'”，其中xxx 是选择器。这是应用程序：

var Browser = require('zombie');
b = new Browser();
b.visit('https://www.example.com/login/', function() {
        b.
          fill('name', 'My Name').
          fill('code', 'My Code').
          pressButton('submit', function() {
                console.log(b.html());
          });
});

这是表格：

<form method="post" class="login">
    <p> <label for="name"> <span id="nameprompt">Your Name:</span> </label> </p>
        <input name="name" id="name" value="" size="40" maxlength="40" />
    <p> <label for="code"> <span id="codeprompt">Bar Code</span> </label> </p>
        <input name="code" id="code" type="PASSWORD" value="" size="40" maxlength="40" />
    <div class="formButtonArea">
        <input type="image" src="/screens/pat_submit.gif" border="0" name="submit" value="submit" />
    </div>
</form>

除了明显的“提交”之外，我尝试了一堆选择器，包括“.formButtonArea input”之类的东西，但没有成功。

我究竟做错了什么？

Answer 1

您似乎需要输入 type="submit" （或 type="button" 可能）。根据https://groups.google.com/forum/?fromgroups=#!topic/zombie-js/8L0_Cpn8vVU，作者对clickLink的评论，很可能clickButton会做同样的事情：找到按钮，然后触发click。

希望能帮助到你。