不能用Horseman点击元素

时间:2017-02-01 05:44:33

标签: javascript html node.js phantomjs node-horseman

我正在构建一个能够允许用户将Google快讯创建为RSS Feed的应用。

刚开始使用Horseman / PhantomJS,我现在在网页上遇到的问题是点击一个菜单,显示"发送到"的选项:

enter image description here

通过浏览器访问此页面并单击电子邮件的显示位置,将显示一个带有两个选项的小div,供您选择" RSS Feed"。通过Horseman,我找不到点击它的方法。我在click()之后截取了截图,但没有看到。我的代码:

horseman
  .open('https://google.com/alerts')
  .type('input[type="text"]', this.name)
  .click('span[class="show_options"]')
  .screenshot('/home/gabriel/Desktop/ga-named.png')
  .wait(2000)
  .click('.delivery_select > div.jfk-select')
  .screenshot('/home/gabriel/Desktop/ga-deliver-to.png')
  .close()

只有.click('.delivery_select > div.jfk-select')无效。在该特定区域的HTML下方:

<div class="delivery_select">
  <div class="goog-inline-block goog-flat-menu-button jfk-select" role="listbox" aria-expanded="false" tabindex="0" aria-haspopup="true" style="user-select: none;" aria-activedescendant=":8m">
    <div class="goog-inline-block goog-flat-menu-button-caption" id=":8m" role="option" aria-setsize="2" aria-posinset="1">myemail@foo.com</div>
    <div class="goog-inline-block goog-flat-menu-button-dropdown" aria-hidden="true">&nbsp;
    </div>
  </div>
</div>

2 个答案:

答案 0 :(得分:1)

我认为问题是它无法点击给定的类,尝试使用不同的ID。 检查我如何使用horseman登录。

router.post('/login', function (req, res) {
    //default urls is http://144.76.34.244:8080/magento/1.9/web/customer/account/login//
    var url_ = req.body.url;
    var username = req.body.username;
    var password = req.body.password;
    if (url_.length > 0 && username.length > 0 && password.length > 0) {
        horseman
                .userAgent('Mozilla/5.0 (Windows NT 6.1; WOW64; rv:27.0) Gecko/20100101 Firefox/27.0')
                .open(url_)
                .type('input[name="login[username]"]', username)
                .type('input[name="login[password]"]', password)
                .click('[name="send"]')
                .wait(5000)
                .url()
                .then(function (url) {
                    if (url == config.URL) {
                        res.json({status: "200", msg: 'login successfull', url: url});
                    } else {
                        res.json({status: "200", msg: "login failed"});
                    }
                })
                .screenshot('big.png')
                .close();
    } else {
        res.json({status: "500", msg: "invalid fields"});
    }
});

希望这有帮助。

答案 1 :(得分:1)

我从未使用过Horseman,但您肯定能够自己实施该解决方案。

点击您的脚本不起作用,因为该下拉菜单没有收听点击次数:

enter image description here

相反,你可以模拟mousedown:

// Click "Deliver to" dropdown
.evaluate(function(){
    var event = document.createEvent ('MouseEvents'); 
    event.initEvent ("mousedown", true, true);     

    document.querySelector('.delivery_select > div.jfk-select').dispatchEvent(event);
})