Quill.js和zombie.js

Question

尝试在quill.js无头浏览器中测试zombie.js编辑器(内容可编辑div)。

1. 抱怨document.getSelection失踪
2. 抱怨document.createTreeWalker失踪
3. 如果我使用编辑器的DOM节点手动分派更改事件，则似乎没有响应。

有人知道怎么做吗？

Answer 1

好吧，下面是我的发现：

1. document.getSelection不受zombie.js使用的当前(旧的) jsdom版本的支持。我现在不得不把它补上。zombie.js有一个待定的PR，它应该将jsdom更新为一个更晚的版本，在这个版本中可以使用：https://github.com/assaf/zombie/issues/939。
2. document.createTreeWalker -相同
3. 原来，quill.js是在监听"keyup“或"keydown”，而不是"change"，所以需要将它们分派出去。

下面是一些缺少DOM方法的可怕的猴子补丁，这些方法被证明足以测试最低限度的quill.js：

var zombie = require( "zombie" );
zombie.Pipeline.addHandler(function(browser, request, response) {

    browser.document.getSelection = browser.window.getSelection = function() {

        console.warn( "getSelection called - monkey-patched, incorrect implementation" );
        return null;

    };
    browser.document.createTreeWalker = function( x ) {

        console.warn( "createTreeWalker called - monkey-patched, incorrect implementation" );
        return {

            currentNode: x,
            nextNode: function() {

                if( this.currentNode.childNodes && this.currentNode.childNodes.length ) {

                    this.currentNode = this.currentNode.childNodes[ 0 ];

                } else if( this.currentNode.nextSibling ) {

                    this.currentNode = this.currentNode.nextSibling;

                } else if( this.currentNode.parentNode ) {

                    this.currentNode = this.currentNode.parentNode.nextSibling;

                }
                return this.currentNode || null;

            }

        };

    };
    return response;

} );