Testing Testcafe Hammerhead在带有中断代码的innerHTML上具有独特的行为_Testing_Automated Tests_Innerhtml_E2e Testing_Testcafe

Testing Testcafe Hammerhead在带有中断代码的innerHTML上具有独特的行为

testing automated-tests

Testing Testcafe Hammerhead在带有中断代码的innerHTML上具有独特的行为,testing,automated-tests,innerhtml,e2e-testing,testcafe,Testing,Automated Tests,Innerhtml,E2e Testing,Testcafe,试图在使用dojo js库的页面上使用Testcafe，其分页组件破坏了HTML，浏览器Chrome、Firefox和Safari根据需要处理并修复了它，但Testcafe hammerhead将其视为不同的，并破坏了相关组件这可以通过以下方式复制： <html> <body> <script> document.body.innerHTML = '<html>'+

试图在使用dojo js库的页面上使用Testcafe，其分页组件破坏了HTML，浏览器Chrome、Firefox和Safari根据需要处理并修复了它，但Testcafe hammerhead将其视为不同的，并破坏了相关组件

这可以通过以下方式复制：

<html>
    <body>
        <script>

            document.body.innerHTML = '<html>'+
                '<head></head>'+
                '<body>'+
                    '<div dojoattachpoint="paginatorBar">'+
                        '<table style="width:100%">'+
                            '<tbody>'+
                                '<tr>'+
                                    '<td>Jill</td>'+
                                    '<td>Smith</td>'+
                                    '<td>'+
                                        '<div>50</div></div>'+<!--broken code--!>
                                    '</td>'+
                                '</tr>'+
                                '<tr>'+
                                    '<td>Eve</td>'+
                                    '<td>Jackson</td>'+
                                    '<td>94</td>'+
                                '</tr>'+
                            '</tbody>'+
                        '</table>'+
                    '</div>'+
                '</body>'+
            '</html>';

        </script>
    </body>
</html>

浏览器生成：

<html>
    <head></head>
    <body>
        <div dojoattachpoint="paginatorBar">
            <table style="width:100%">
                <tbody>
                    <tr>
                        <td>Jill</td>
                        <td>Smith</td>
                        <td>
                            <div>50</div> <!--fixed code--!>
                        </td>
                    </tr>
                    <tr>
                        <td>Eve</td>
                        <td>Jackson</td>
                        <td>94</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </body>
</html>

和锤头：

<html data-hammerhead-hovered="">
    <head>
        <meta class="charset-hammerhead-shadow-ui" charset="iso-8859-1">
            <script type="text/javascript" class="script-hammerhead-shadow-ui" charset="UTF-8" src="http://localhost:1401/hammerhead.js"></script>
            <script type="text/javascript" class="script-hammerhead-shadow-ui" charset="UTF-8" src="http://localhost:1401/task.js"></script>
        </head>
        <body>
            <div dojoattachpoint="paginatorBar">
                <table style="width:100%">
                    <tbody>
                        <tr>
                            <td>Jill</td>
                            <td>Smith</td>
                            <td>
                                <div>50</div>
                            </td>
                        </tr>
                    </tbody>
                </table>           <!--ends table--!>
            </div>EveJackson94
            <div id="root-hammerhead-shadow-ui" contenteditable="false" class="root-hammerhead-shadow-ui"></div>
        </body>
    </html>

有人知道是什么导致了这个问题以及如何避免它吗

我正在使用：

Chrome版本81.0.4044.138 64位节点v12.16.3 testcafe 1.8.4 马科斯莫哈韦10.14.4

提前感谢。

TestCafe无法处理错误的标记。也有类似的例子

是的，最后我通过使用TestCafe Mock HTTP Request用固定文件模拟响应来解决是的，最后我通过使用TestCafe Mock HTTP Request用固定文件模拟响应来解决