僵尸.js：如何查看完整（即生成的）html答案

【问题标题】：zombie.js: how to see complete (i.e. generated) html僵尸.js：如何查看完整（即生成的）html
【发布时间】：2023-03-25 13:11:01
【问题描述】：

我正在使用 CKEditor，我想做一些功能测试。问题是 CKEditor 以某种方式将自身附加到 TEXTAREA 标记，并通过 javascript 将元素添加到我可以看到的 DOM 中，即在 Mozilla 中的“查看生成的源”菜单中。

但是，在使用 Zombie 进行测试时，无论等待页面加载多长时间，我都看不到生成的代码（我只有在 CKEditor 添加的 DOM 元素中才有 a-tags）

     browser.wait(function(arg){
        return arg.document.querySelector('a');
      }(browser), 
      function(arg){
        console.log(arg.document.innerHTML);
      }(browser));

在哪里browser = new Zombie({debug: true, runScripts: true});

虽然页面已加载，但它似乎只包含“硬编码”的静态代码，但没有 CKEditor 通过 javascript 添加的代码。

那么，问题是：是否有可能以 Zombie 看到动态加载的元素的方式加载文档？

【问题讨论】：

标签： javascript ckeditor zombie.js

【解决方案1】：

试试browser.html()。见Hunting部分

console.log(browser.html());

【讨论】：

【解决方案2】：

我只是遇到同样的问题并找到了解决方案...万一有人停在这里:)

确实，browser.html() 不会刷新 html。

您必须使用 xpath 并获取 outerHTML。尝试使用像这样browser.xpath('/html') 的xpath 获取节点。然后就可以得到它的outerHTML了。

我使用 Mink (PHP)，所以我没有确切的 javascript 代码，但我给你一个想法......

【讨论】：