在Magellan / Nightwatch框架中，如何在元素上设置CSS轮廓？

Question

假设在编写或验证测试时，命令代码为：

outline: 3px dotted orange

如何使用CSS使用大纲显示浏览器上的此元素：

Process pr = Runtime.getRuntime().exec(
                "mysqldump -u "+user+" --password='"+password+"' "+database+" > /root/moltres/backups/sql/"+database+".sql"
                );

使用Magellan / Nightwatch内部的方法向上述命令添加一些代码？

Answer 1

只需使用.execute

即可

client.execute(function(){
    document.getElementById('idYouWantToTarget').style.border="3px dotted orange";
})

Answer 2

我刚发现名字selectors.myCoolCheckbox.selector是由一些业余爱好者写的。它应该是paymentPage.useCreditCardRadio.selector。所以最后的selector说明了CSS选择器是什么。

行selectors = this.elements也非常具有误导性。 selectors不是＆＃34;元素＆＃34;。它可能是paymentPage = this.elements，paymentPage有很多属性，包括useCreditCardRadio。或者它可以是paymentPageElements = this.elements，这意味着paymentPageElements是包含所有元素的对象。因此，此示例显示了对于将来需要触摸或编辑代码的所有人来说，命名有多糟糕会影响编程。

因此，您应该可以使用

var el = document.querySelector(paymentPage.useCreditCardRadio.selector);

一旦你有了元素，就可以为它添加轮廓。