2

如何使用 Jasmine 或其他工具来测试嵌入在网页中的 JavaScript / JQuery,如下例所示?

<html>
<head>
<!-- usual includes --> 
</head>
<body>

    <span id="myspan1"></span>
    <span id="myspan2"></span>

    <script type="text/javascript">

        $(document).ready(function(){

            $('#myspan1').html('something'); 

            $('#myspan1').click(function(){
                $('#myspan1').html('something else');
            }); 

            doStuff();

            function doStuff() { 
                $('#myspan2').html('stuff done');
            }

        }); 

    </script>

</body>
</html>
4

1 回答 1

0

我只是假设您希望确保“完成的工作”在合理的时间后出现在页面上。

describe("My page", function () {
    it("should say stuff done after max 500 ms", function () {
        waits(function () {
            return $('#myspan2').html() == 'stuff done';
        }, 500);
    });
});

http://jsfiddle.net/ahus1/QP2Pk/

通常你会把你的javascript代码放到一个外部文件中。

然后,您可以设置一个测试页面,其中包含正常页面中的最少元素以及 Jasmine。

在这个测试页面中,当页面最终加载时,我没有等到运行 Jasmine,但无论如何都可以运行。

亚历山大兄弟。

于 2013-01-18T22:29:06.450 回答