Phantom JS加载一个通过require JS加载内容的页面

时间:2013-08-08 16:36:51

标签: javascript phantomjs automated-tests gui-testing

我试图无头地测试我们团队使用RequireJS构建的网站。基本上我们通过requireJS动态加载所有内容,然后使用JS来响应事件并动态呈现内容。

当我将幻影JS指向我们的服务器并渲染屏幕截图时,我得到一个白色屏幕,启用了javascript,因为当我将其指向www.enable-javascript.com时,我收到消息" Javascript已启用& #34;

这是我们的页面HTML:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>test </title>

    <base href="/">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
  </head>

  <body>
  <div id="page"></div>
  <script src="lib/es5-shim/es5-shim.js"></script>
  <script src="lib/es5-shim/es5-sham.js"></script>
  <script src="lib/require.js"></script>
  <script src="config/require.js"></script>
  <script>
   require(['app/boot']);
  </script>
  </body>
</html>

Phantom JS:

var page = require('webpage').create();
 
page.open("http://localhost:4567/", function (s) {
    page.render('test.png');
    phantom.exit();
});

0 个答案:

没有答案