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 很可能会做同样的事情:找到按钮然后触发点击。

希望对您有所帮助。