javascript - 如何使用 CasperJS 发送转义键(关闭模式)？

Question

使用 casper 测试模态对话框:

.then(function() {
   this.click(variables.configButton);
}).then(function() {
  this.capture('./test/screencaps/edit-afterClickFlyout1.png');
   test.assertVisible('#addDataDialog');
}).then(function() {
   // send ESC key, how? 
}).then(function() {
  this.capture('./test/screencaps/edit-afterClickFlyout2.png');
   test.assertNotVisible('#addDataDialog');
}).run(function() {
   test.done();
});

这是一个 Angular 模态，因此按 ESC 将关闭它。 Casper 有 sendKeys但是:

The currently supported HTMLElements that can receive keyboard events from sendKeys are , , and any HTMLElement with attribute contenteditable="true".

如果我在页面上没有任何文本输入，那就有点问题了。我可以在其他控件中添加一个或设置 contenteditable，但这意味着我正在修改页面以使测试通过，这并不好。

(我通过给取消链接一个 id 并在其上使用 this.click 解决了这个问题，但我真的不应该修改我的标记来使测试通过)

我怎样才能用 casper 发送一个简单的按键？

Answer 1

方法是发送 phantomjs 特殊 key 。

casper.then(function() {    
    test.comment('Send Esc key');
    this.sendKeys('#contact-us-modal', casper.page.event.key.Escape);
});

这是 list casper.page.event.key 中可用的特殊键

这是 sendKeys文档链接。